@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Share+Tech+Mono&display=swap";:root{color-scheme:dark;--void:#05080d;--panel:#0c1219;--panel-raised:#121a22;--line:#303b43;--line-hot:#8e642f;--amber:#f3ae50;--amber-soft:#b98343;--cyan:#72d0db;--text:#e2ded2;--muted:#78878e;--danger:#e8644d;font-family:Share Tech Mono,monospace;background:var(--void);color:var(--text)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:radial-gradient(circle at 32% -15%,#1b2731 0,#080c12 42%,#030508)}body{min-height:100vh;min-height:100dvh;overflow:hidden}button,input,select{font:600 11px Chakra Petch,sans-serif;color:var(--text)}button{border:1px solid #48545b;background:#131b22;padding:9px 12px;letter-spacing:.08em;cursor:pointer}button:hover{border-color:#7b8b91;background:#1a252d}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#hellpod-studio-shell{display:grid;grid-template-rows:58px minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden}.studio-header{display:grid;grid-template-columns:minmax(300px,1fr) auto auto;align-items:center;gap:24px;padding:0 18px;border-bottom:1px solid #3f3529;background:linear-gradient(90deg,#121820f2,#080c11f2 60%,#15120ef2);box-shadow:0 5px 24px #0009;z-index:5}.studio-brand{display:grid;gap:2px}.studio-brand span{color:var(--amber-soft);font-size:8px;letter-spacing:.2em}.studio-brand strong{font:700 17px/1 Chakra Petch,sans-serif;color:#ffe1a7;letter-spacing:.08em}.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 #3d494f;color:#8fb2b9;font:600 9px Chakra Petch,sans-serif;letter-spacing:.08em;text-decoration:none}.studio-exit:hover{border-color:var(--cyan);color:#c8f6f8}.studio-workbench{display:grid;grid-template-columns:minmax(0,1fr) 370px;min-height:0;gap:1px;background:#332d27}.preview-deck{display:grid;grid-template-rows:55px minmax(0,1fr) 58px;min-width:0;min-height:0;background:#060a0f}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 15px;border-bottom:1px solid var(--line);background:#0b1117}.preview-heading>div{display:grid;gap:3px}.preview-heading span{color:#697980;font-size:7px;letter-spacing:.18em}.preview-heading strong{color:#f1cf91;font:700 14px Chakra Petch,sans-serif;letter-spacing:.1em}.ghost-toggle,.loop-control{display:flex;align-items:center;gap:7px;color:#7f9197;font-size:8px;letter-spacing:.08em}.ghost-toggle input,.loop-control input{width:15px;height:15px;margin:0;accent-color:var(--amber)}#hellpod-preview-wrap{position:relative;min-height:0;overflow:hidden;background:#080d14;isolation:isolate}#hellpod-preview{position:absolute;inset:0;display:grid;place-items:center}#hellpod-preview canvas{display:block;max-width:100%;max-height:100%;image-rendering:pixelated}.preview-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #000b,inset 0 -50px 80px #0006;background:linear-gradient(180deg,#0003,transparent 25% 75%,#0005)}.flight-telemetry{position:absolute;top:13px;left:13px;display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:4px;pointer-events:none}.flight-telemetry>div{display:grid;grid-template-columns:1fr auto;gap:2px 7px;min-width:84px;padding:7px 9px;border:1px solid #40505a;background:#081019d9;box-shadow:0 5px 18px #0008}.flight-telemetry span{grid-column:1/-1;color:#708088;font-size:6px;letter-spacing:.15em}.flight-telemetry strong{color:#d8eef0;font:700 14px/1 Chakra Petch,sans-serif}.flight-telemetry small{align-self:end;color:#607279;font-size:6px}.steering-test{position:absolute;left:50%;bottom:15px;display:flex;align-items:center;gap:9px;transform:translate(-50%)}.steering-test button{display:flex;align-items:center;gap:8px;min-width:112px;border-color:#536269;background:#0a1219d9;color:#e6b562}.steering-test button span{color:#82949a;font-size:7px}.steering-test button.engaged{border-color:var(--amber);background:#513419;color:#fff1c9;transform:translateY(2px)}.steering-test small{color:#708087;font-size:7px;letter-spacing:.12em;white-space:nowrap;text-shadow:0 2px 2px #000}.transport-strip{display:grid;grid-template-columns:38px 72px minmax(120px,1fr) 104px auto auto;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid #424b50;background:#0c1218}.transport-strip button{height:36px;padding:7px}.transport-primary{border-color:#8d6230;background:#362414;color:#ffd591}.timeline{display:block}.timeline input{width:100%;height:12px;margin:0;accent-color:var(--amber)}#preview-time{color:#9caab0;font-size:9px;text-align:center;white-space:nowrap}.rate-control{display:flex;align-items:center;gap:5px;color:#718087;font-size:7px}.rate-control select{height:32px;border:1px solid #3e4b52;background:#091017;padding:0 7px;color:#c8d2d2}.tuning-rack{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;background:linear-gradient(160deg,#111820,#080d12)}.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:#e9d2a4;font:700 14px Chakra Petch,sans-serif;letter-spacing:.08em}.rack-heading b{padding:4px 6px;border:1px solid #3d474c;color:#77868c;font-size:7px;font-weight:400}.tuning-rack.dirty .rack-heading b{border-color:#8a6030;color:#f0b35f}.tuning-rack.dirty .rack-heading strong{color:#ffc564}#tuning-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}#tuning-tabs button{min-width:0;padding:10px 3px;border:0;border-right:1px solid #263038;background:#0a1016;color:#68787f;font-size:7px}#tuning-tabs button:last-child{border-right:0}#tuning-tabs button.active{background:#1c1711;color:#f1b65f;box-shadow:inset 0 -2px #da9742}#tuning-form{min-height:0;overflow:auto;padding:8px 11px 16px;scrollbar-color:#4d5a60 #080d12}.tuning-group{display:grid;gap:6px}.tuning-group[hidden]{display:none}.group-intro{margin:2px 2px 8px;color:#69787e;font-size:8px;line-height:1.45}.tuning-field{display:grid;grid-template-columns:1fr 68px;gap:5px 9px;padding:8px;border:1px solid #29343b;background:#0a1016}.tuning-field:focus-within{border-color:#5b747c;background:#0c151c}.field-copy{display:grid;gap:2px;min-width:0}.field-copy strong{color:#bac5c5;font:600 10px Chakra Petch,sans-serif;letter-spacing:.03em}.field-copy small{overflow:hidden;color:#5e6d73;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 #3a464d;background:#070c11}.field-number input{min-width:0;width:100%;height:30px;padding:0 3px 0 7px;border:0;background:transparent;color:#f2c474;text-align:right}.field-number span{padding-right:6px;color:#63737a;font-size:7px}.tuning-field>input[type=range]{grid-column:1/-1;width:100%;height:12px;margin:0;accent-color:var(--amber)}.rack-actions{display:grid;gap:7px;padding:10px 12px 13px;border-top:1px solid #3a332a;background:#0a0d10}.rack-actions p{min-height:13px;margin:0;color:#7e8c91;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:#8e9a9d;font-size:8px}.promote-button{min-height:42px;border-color:#bd7c31;background:linear-gradient(100deg,#71451b,#3c2817);box-shadow:inset 0 0 18px #ffc15a16;color:#ffe0a1;font-size:11px}.promote-button:hover{border-color:#f1b45c;background:linear-gradient(100deg,#925b24,#53351a)}.promote-button:disabled{cursor:not-allowed;opacity:.45}.rack-actions>small{color:#59666c;font-size:7px;line-height:1.3;text-align:center}@media(max-width:980px){body{overflow:auto}#hellpod-studio-shell{height:auto;min-height:100dvh;overflow:visible}.studio-workbench{grid-template-columns:1fr}.preview-deck{min-height:620px}.tuning-rack{min-height:660px}.studio-header{grid-template-columns:1fr auto;gap:10px}.studio-save-state{grid-row:2;grid-column:1/-1;padding-bottom:7px}.studio-header{height:auto;min-height:66px;padding-block:8px}#hellpod-studio-shell{grid-template-rows:auto auto}}@media(max-width:640px){.studio-brand span{font-size:6px}.studio-brand strong{font-size:13px}.studio-exit{padding:7px;font-size:7px}.preview-deck{grid-template-rows:auto minmax(360px,60vh) auto;min-height:0}.preview-heading{align-items:flex-start;padding:9px}.preview-heading strong{font-size:11px}.ghost-toggle{font-size:6px}.flight-telemetry{grid-template-columns:repeat(2,1fr);top:8px;left:8px}.flight-telemetry>div{min-width:0;padding:5px 7px}.flight-telemetry strong{font-size:11px}.steering-test{bottom:8px;gap:4px}.steering-test button{min-width:82px;padding:8px 6px}.steering-test button span{display:none}.steering-test small{font-size:6px}.transport-strip{grid-template-columns:38px 66px 1fr;gap:6px;padding:7px}.timeline{grid-column:1/-1;grid-row:2}#preview-time{grid-column:2/4;grid-row:2;text-align:right}.rate-control,.loop-control{display:none}.tuning-rack{min-height:620px}.studio-workbench{min-height:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}