:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2f0;background:#0b0c0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0b0c0d}button,input{font:inherit}#app{position:relative}#fluid-canvas{touch-action:none;background:#0b0c0d;width:100vw;height:100vh;display:block;position:fixed;inset:0}#hudToggle{z-index:20;color:#eef2f0;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0f0fd1;border:1px solid #ffffff24;border-radius:10px;place-items:center;width:44px;height:44px;font-size:1.25rem;line-height:1;display:grid;position:fixed;top:14px;right:14px;box-shadow:0 8px 24px #00000059}#hudToggle:hover{border-color:#79d5cca6}#hud.collapsed{display:none}#hud{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0f0fc7;border:1px solid #ffffff1f;border-radius:8px;width:min(380px,100vw - 36px);max-height:calc(100vh - 36px);padding:14px;position:fixed;top:18px;left:18px;overflow:auto;box-shadow:0 18px 48px #00000059}.hud-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.eyebrow{color:#79d5cc;letter-spacing:0;text-transform:uppercase;margin:0 0 3px;font-size:.72rem}h1{margin:0;font-size:1.08rem;font-weight:700;line-height:1.1}.metrics{color:#c9d2cd;font-variant-numeric:tabular-nums;justify-items:end;gap:4px;min-width:86px;font-size:.74rem;display:grid}.toolbar,.actions{gap:8px;display:grid}.toolbar{grid-template-columns:repeat(4,1fr)}.actions{grid-template-columns:repeat(2,1fr)}.tool,.actions button{color:#eef2f0;cursor:pointer;background:#171b1a;border:1px solid #ffffff1f;border-radius:6px;min-width:0;min-height:34px;transition:border-color .12s,background .12s,color .12s}.tool:hover,.actions button:hover{border-color:#79d5cca6}.tool.active{color:#eafffc;background:#143432;border-color:#79d5cce6}.control-grid{gap:10px;margin:14px 0;display:grid}.control-grid label{color:#dce4df;grid-template-columns:78px 1fr 48px;align-items:center;gap:8px;min-width:0;font-size:.8rem;display:grid}.control-grid output{color:#f2b56b;font-variant-numeric:tabular-nums;text-align:right}.flow-direction{grid-template-columns:72px 1fr;align-items:center;gap:8px;margin:0 0 14px;display:grid}.flow-direction-head{color:#dce4df;gap:2px;font-size:.8rem;display:grid}.flow-direction-head output{color:#f2b56b;font-variant-numeric:tabular-nums;white-space:nowrap}.direction-pad{grid-template-columns:repeat(5,32px);grid-auto-rows:28px;align-items:center;gap:5px;display:grid}.direction-pad span{display:none}.flow-dir{color:#e9f5f1;cursor:pointer;background:#171b1a;border:1px solid #ffffff1f;border-radius:6px;width:32px;height:28px;line-height:1;transition:border-color .12s,background .12s,color .12s}.flow-dir:hover{background:#143432;border-color:#79d5cca6}input[type=range]{accent-color:#79d5cc;width:100%;min-width:0}#status{color:#dce4df;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0f0fb8;border:1px solid #ffffff1a;border-radius:8px;max-width:min(460px,100vw - 36px);padding:10px 12px;font-size:.82rem;line-height:1.4;position:fixed;bottom:18px;right:18px}#status:empty{display:none}@media (width<=720px){#hud{width:calc(100vw - 20px);top:10px;left:10px}.control-grid label{grid-template-columns:68px 1fr 42px}#status{max-width:calc(100vw - 20px);bottom:10px;right:10px}}