:root{color-scheme:dark;--void:#04070a;--panel:#0a1117;--panel-raised:#101a21;--line:#2d3d46;--cyan:#67d8e9;--cyan-dark:#167fa6;--orange:#ff8a36;--orange-dark:#a94a22;--text:#d9e6e7;--muted:#73868d;--lime:#b6dc72;--danger:#ee6d5e;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text);background:var(--void)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:radial-gradient(circle at 35% -20%,#153041 0,#080d12 42%,#030507)}body{min-height:100vh;min-height:100dvh;overflow:hidden}button,input,select{font:700 10px/1.1 Arial Narrow,Roboto,sans-serif;color:var(--text)}button{min-height:36px;border:1px solid #42545e;background:#111a21;padding:8px 11px;letter-spacing:.08em;cursor:pointer}button:hover{border-color:#78919b;background:#18252d}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#liquid-studio-shell{display:grid;grid-template-rows:58px minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden}.studio-header{z-index:5;display:grid;grid-template-columns:minmax(300px,1fr) auto auto;align-items:center;gap:24px;padding:0 18px;border-bottom:1px solid #33434c;background:linear-gradient(90deg,#0d1820f2,#070b0ff2 55%,#1b0d08f2);box-shadow:0 5px 24px #000a}.studio-brand{display:grid;gap:2px}.studio-brand span{color:#629fb2;font-size:8px;letter-spacing:.2em}.studio-brand strong{font:800 17px/1 Arial Narrow,Roboto,sans-serif;color:#d8f9fa;letter-spacing:.1em}.studio-save-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;letter-spacing:.1em;white-space:nowrap}.studio-save-state i{width:7px;height:7px;border-radius:50%;background:#d28d3c;box-shadow:0 0 9px #d28d3c}.studio-save-state[data-state=saved] i{background:#55ca91;box-shadow:0 0 9px #55ca91}.studio-save-state[data-state=browser] i{background:#72a8c5;box-shadow:0 0 9px #72a8c5}.studio-save-state[data-state=error] i{background:var(--danger);box-shadow:0 0 9px var(--danger)}.studio-exit{padding:8px 10px;border:1px solid #3d4c54;color:#8fbcc6;font:700 9px Arial Narrow,Roboto,sans-serif;letter-spacing:.08em;text-decoration:none}.studio-exit:hover{border-color:var(--cyan);color:#d3fbff}.studio-workbench{display:grid;grid-template-columns:minmax(0,1fr) 370px;min-height:0;gap:1px;background:#293a42}.preview-deck{display:grid;grid-template-rows:64px minmax(0,1fr) 58px 58px;min-width:0;min-height:0;background:#050a0e}.scenario-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 13px;border-bottom:1px solid var(--line);background:#091117}.scenario-bar>div{display:grid;gap:3px;min-width:205px}.scenario-bar span{color:#637b84;font-size:7px;letter-spacing:.16em}.scenario-bar strong{color:#bcebf1;font:800 13px Arial Narrow,Roboto,sans-serif;letter-spacing:.09em}#scenario-tabs{display:grid;grid-template-columns:repeat(4,1fr);min-width:min(440px,58%)}#scenario-tabs button{min-width:0;border-color:#2e414b;background:#091017;color:#728790;font-size:8px}#scenario-tabs button[aria-pressed=true]{border-color:#5aa9ba;background:linear-gradient(110deg,#12313e,#102029);box-shadow:inset 0 -2px var(--cyan);color:#ccf7fa}#liquid-preview-wrap{position:relative;min-height:0;overflow:hidden;isolation:isolate;background:linear-gradient(#071018,#03080c);touch-action:none;cursor:crosshair}#liquid-preview{position:absolute;inset:0}#liquid-preview canvas{display:block!important;image-rendering:pixelated}.preview-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #000c,inset 0 -60px 70px #0008;background:linear-gradient(180deg,#0004,transparent 25% 72%,#0005)}.liquid-telemetry{position:absolute;z-index:2;top:11px;left:11px;display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:4px;pointer-events:none}.liquid-telemetry>div{display:grid;grid-template-columns:1fr auto;gap:2px 7px;min-width:86px;padding:7px 9px;border:1px solid #354b56;background:#071019dc;box-shadow:0 5px 18px #0009}.liquid-telemetry span{grid-column:1/-1;color:#71858d;font-size:6px;letter-spacing:.14em}.liquid-telemetry strong{color:#d8e9eb;font:800 14px/1 Arial Narrow,Roboto,sans-serif}.liquid-telemetry small{align-self:end;color:#61747b;font-size:6px}.liquid-telemetry .water-metric{border-color:#267f9c}.liquid-telemetry .water-metric strong{color:#71def1}.liquid-telemetry .lava-metric{border-color:#8f3e23}.liquid-telemetry .lava-metric strong{color:#ff9852}.liquid-telemetry .clock-metric{border-color:#397383}.liquid-telemetry .clock-metric strong{font-size:10px}body[data-clock-state=suspended] .liquid-telemetry .clock-metric{border-color:#da6a3d;background:#2d130ddd}body[data-clock-state=suspended] .liquid-telemetry .clock-metric strong{color:#ff9b70}.liquid-legend{position:absolute;z-index:2;right:12px;top:12px;display:flex;gap:12px;padding:7px 9px;border:1px solid #30424c;background:#071019cf;color:#91a4aa;font-size:7px;letter-spacing:.08em;pointer-events:none}.liquid-legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;vertical-align:-1px;background:var(--swatch);box-shadow:0 0 7px var(--swatch)}.liquid-legend .water{--swatch:#35b7da}.liquid-legend .lava{--swatch:#ff6729}.liquid-legend .rock{--swatch:#515c68}#chamber-hint{position:absolute;z-index:2;right:13px;bottom:10px;margin:0;color:#6d7f86;font-size:7px;letter-spacing:.1em;text-shadow:0 2px 2px #000;pointer-events:none}.paint-strip{display:grid;grid-template-columns:minmax(128px,1fr) repeat(4,82px) auto 66px;align-items:center;gap:6px;padding:8px 11px;border-top:1px solid #344750;background:#091117}.strip-label{display:grid;gap:2px}.strip-label span{color:#647a83;font-size:6px;letter-spacing:.15em}.strip-label strong{color:#9db0b5;font-size:8px;letter-spacing:.06em}.paint-strip button{height:38px;padding:7px;font-size:8px}.paint-strip button[aria-pressed=true]{border-color:#7ac5d1;background:#17313a;color:#e4ffff}.paint-strip button[data-tool=lava][aria-pressed=true]{border-color:#d26632;background:#432015;color:#ffe0c8}.paint-strip button[data-tool=erase][aria-pressed=true]{border-color:#cc6358;background:#3d1c1b}.paint-strip i{display:inline-block;width:8px;height:8px;margin-right:5px;background:var(--swatch);box-shadow:0 0 7px var(--swatch)}.water-swatch{--swatch:#39badd}.lava-swatch{--swatch:#ff7028}.rock-swatch{--swatch:#63707c}.paint-strip label,.transport-strip label{display:flex;align-items:center;gap:5px;color:#70858d;font-size:7px;letter-spacing:.06em}.paint-strip select,.transport-strip select{height:34px;border:1px solid #394d57;background:#071018;padding:0 6px;color:#c6d5d7}.transport-strip{display:grid;grid-template-columns:38px 72px 64px minmax(150px,1fr) auto;align-items:center;gap:7px;padding:9px 11px;border-top:1px solid #34434b;background:#0b1116}.transport-strip button{height:38px;padding:7px}.transport-primary{border-color:#348aa1;background:#123342;color:#aeeffc}.activate-button{border-color:#a44d2d!important;background:linear-gradient(100deg,#512317,#251410)!important;color:#ffbd8a!important}.activate-button:hover{border-color:#ed8046!important;background:linear-gradient(100deg,#6c2d1b,#321811)!important}.tuning-rack{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;background:linear-gradient(155deg,#101a21,#070d11 75%)}.rack-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:15px 15px 12px;border-bottom:1px solid var(--line)}.rack-heading>div{display:grid;gap:3px}.rack-heading span{color:#707f85;font-size:7px;letter-spacing:.16em}.rack-heading strong{color:#b9dadd;font:800 14px Arial Narrow,Roboto,sans-serif;letter-spacing:.08em}.rack-heading b{padding:4px 6px;border:1px solid #3d4a50;color:#77878c;font-size:7px;font-weight:400}.tuning-rack.dirty .rack-heading b{border-color:#9b6035;color:#ffad6f}.tuning-rack.dirty .rack-heading strong{color:#f2c08c}#tuning-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}#tuning-tabs button{min-width:0;padding:11px 3px;border:0;border-right:1px solid #26363e;background:#081016;color:#687d85;font-size:8px}#tuning-tabs button:last-child{border-right:0}#tuning-tabs button.active{background:#10242c;color:#8eeafa;box-shadow:inset 0 -2px var(--cyan)}#tuning-tabs button[data-group=lava].active,#tuning-tabs button[data-group=reaction].active{background:#291711;color:#ffa66e;box-shadow:inset 0 -2px var(--orange)}#tuning-form{min-height:0;overflow:auto;padding:8px 11px 16px;scrollbar-color:#4d626b #070d11}.tuning-group{display:grid;gap:6px}.tuning-group[hidden]{display:none}.group-intro{margin:2px 2px 8px;color:#687c84;font-size:8px;line-height:1.45}.tuning-field{display:grid;grid-template-columns:1fr 76px;gap:5px 9px;padding:8px;border:1px solid #293b43;background:#081016}.tuning-field:focus-within{border-color:#527785;background:#0b171d}.field-copy{display:grid;gap:2px;min-width:0}.field-copy strong{color:#bacbcc;font:700 10px Arial Narrow,Roboto,sans-serif;letter-spacing:.04em}.field-copy small{overflow:hidden;color:#60737a;font-size:7px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.field-number{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #3a4d55;background:#050b0f}.field-number input{min-width:0;width:100%;height:30px;padding:0 3px 0 7px;border:0;background:transparent;color:#8ceaf5;text-align:right}.field-number span{padding-right:6px;color:#65787e;font-size:6px}.tuning-field>input[type=range]{grid-column:1/-1;width:100%;height:12px;margin:0;accent-color:var(--cyan)}.tuning-group[data-group=lava] .tuning-field>input,.tuning-group[data-group=reaction] .tuning-field>input{accent-color:var(--orange)}.tuning-group[data-group=lava] .field-number input,.tuning-group[data-group=reaction] .field-number input{color:#ffa56b}.rack-actions{display:grid;gap:7px;padding:10px 12px 13px;border-top:1px solid #34434a;background:#080d10}.rack-actions p{min-height:13px;margin:0;color:#7e9095;font-size:8px;line-height:1.4}.rack-actions p.success{color:#6ed09a}.rack-actions p.error{color:#ed7863}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.secondary-actions button{padding:8px 6px;color:#91a0a3;font-size:8px}.promote-button{min-height:42px;border-color:#4e9cab;background:linear-gradient(100deg,#174655,#17333b 54%,#4a2316);box-shadow:inset 0 0 18px #65dff116;color:#d7fbff;font-size:10px}.promote-button:hover{border-color:#79d8e5;background:linear-gradient(100deg,#205d6f,#21434c 54%,#66301d)}.promote-button:disabled{cursor:not-allowed;opacity:.45}.rack-actions>small{color:#5d7077;font-size:7px;line-height:1.35;text-align:center}@media(max-width:1120px){.scenario-bar{align-items:flex-start;flex-direction:column;gap:7px}#scenario-tabs{width:100%;min-width:0}.preview-deck{grid-template-rows:98px minmax(0,1fr) auto auto}.paint-strip{grid-template-columns:minmax(110px,1fr) repeat(4,70px) auto 60px}.strip-label strong{display:none}}@media(max-width:980px){body{overflow:auto}#liquid-studio-shell{height:auto;min-height:100dvh;overflow:visible;grid-template-rows:auto auto}.studio-header{grid-template-columns:1fr auto;gap:10px;min-height:66px;padding-block:8px}.studio-save-state{grid-row:2;grid-column:1/-1;padding-bottom:3px}.studio-workbench{grid-template-columns:1fr}.preview-deck{min-height:720px;grid-template-rows:auto minmax(430px,62vh) auto auto}.tuning-rack{min-height:680px}}@media(max-width:640px){.studio-brand span{font-size:6px}.studio-brand strong{font-size:13px}.studio-exit{padding:7px;font-size:7px}.scenario-bar{padding:9px}.scenario-bar strong{font-size:11px}#scenario-tabs{grid-template-columns:1fr 1fr}#scenario-tabs button{min-height:42px}.preview-deck{min-height:0;grid-template-rows:auto minmax(430px,58vh) auto auto}.liquid-telemetry{top:7px;left:7px;grid-template-columns:repeat(3,minmax(64px,1fr));gap:3px}.liquid-telemetry>div{min-width:0;padding:5px 6px}.liquid-telemetry strong{font-size:11px}.liquid-legend{top:auto;right:7px;bottom:25px;font-size:6px}.paint-strip{grid-template-columns:repeat(4,1fr);padding:7px}.strip-label{grid-column:1/-1}.paint-strip button{min-height:44px}.paint-strip label{grid-column:1/3}.paint-strip label select{flex:1}.paint-strip #clear-liquids{grid-column:3/5}.transport-strip{grid-template-columns:42px 1fr 1fr;gap:6px;padding:7px}.transport-strip button{min-height:44px}.activate-button{grid-column:1/-1}.transport-strip label{grid-column:1/-1;justify-content:space-between}.transport-strip select{min-width:0;width:100%}#chamber-hint{left:8px;right:auto;font-size:6px}.tuning-rack{min-height:650px}.field-copy small{white-space:normal}.tuning-field{grid-template-columns:1fr 76px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}