@font-face{font-family:system-ui;src:local(-apple-system)}:root{--bg:#090b0c;--panel:#101416;--line:#30383b;--ink:#e9edeb;--muted:#7e898a;--cyan:#75d8d1;--amber:#ff7a2f;--acid:#d5ff3f;--pad:clamp(14px,2vw,28px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}button,input,textarea{font:inherit}button{min-height:44px;border:1px solid var(--line);background:#121719;color:var(--ink);padding:0 14px;text-transform:uppercase;font-size:11px;letter-spacing:.12em;cursor:pointer}button:hover,button:focus-visible{border-color:var(--ink);outline:2px solid transparent}.hot{background:var(--acid);color:#0a0c0b;border-color:var(--acid);font-weight:800}main{height:100%;display:grid;grid-template-rows:72px minmax(0,1fr)}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);border-bottom:1px solid var(--line)}header>div:first-child{display:flex;align-items:baseline;gap:16px}.index{font:10px ui-monospace,monospace;color:var(--amber)}h1{font-size:22px;letter-spacing:.08em;margin:0}header p{margin:0;color:var(--muted);font:11px ui-monospace,monospace}.transport{justify-self:end;display:flex;gap:6px}.studio{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 390px}.stage{min-width:0;min-height:0;padding:var(--pad);display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto;gap:12px;border-right:1px solid var(--line)}.stage-head,.meter,.source-row,.section-title,.switchline{display:flex;align-items:center;justify-content:space-between}.stage-head b,.section-title b{text-transform:uppercase;font-size:11px;letter-spacing:.12em}.stage-head span,.section-title span,.meter{font:10px ui-monospace,monospace;color:var(--muted)}.stage-head output{font:22px ui-monospace,monospace;color:var(--amber)}.scope{min-height:0;position:relative;border:1px solid #3a4245;background:#0c1011;cursor:ew-resize;overflow:hidden}.scope:before,.scope:after{content:"";position:absolute;left:0;right:0;border-top:1px solid #252c2e;pointer-events:none}.scope:before{top:33%}.scope:after{top:66%}canvas{display:block;width:100%;height:100%;touch-action:none}.zero{position:absolute;top:8px;left:50%;transform:translateX(-50%);font:9px ui-monospace,monospace;color:#596365;writing-mode:vertical-rl;pointer-events:none}.meter{border-top:1px solid var(--line);padding-top:10px}.source-row{justify-content:flex-start;gap:7px}.file{height:44px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.file input{position:absolute;opacity:0;width:1px}.rack{min-height:0;overflow:auto;background:var(--panel)}.jobs{display:grid;grid-template-columns:repeat(3,1fr);position:sticky;top:0;background:var(--panel);z-index:2}.jobs button{padding:0 6px;border-width:0 0 1px 1px}.jobs button.active,fieldset button.active{color:var(--acid);border-color:var(--acid)}.rack section,.rack details{padding:20px 22px;border-bottom:1px solid var(--line)}.section-title{margin-bottom:18px}.rack label{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0;color:#bbc2c1;font-size:12px}.rack label output{font:11px ui-monospace,monospace;color:var(--amber)}input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--amber)}.switchline{font-size:12px}.switchline button{color:var(--amber)}fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr)}legend{position:absolute;clip:rect(0,0,0,0)}fieldset button{padding:0 4px}summary{cursor:pointer;text-transform:uppercase;font-size:11px;letter-spacing:.12em}summary span{float:right;color:var(--muted)}textarea{margin-top:16px;width:100%;height:100px;resize:vertical;background:#090c0d;color:var(--cyan);border:1px solid var(--line);padding:10px;font:10px ui-monospace,monospace}.recipe-actions{display:flex;gap:6px;margin-top:7px}#status{padding:16px 22px;color:var(--muted);font:10px/1.5 ui-monospace,monospace}@media(max-width:760px){html,body{overflow:auto}main{height:auto;min-height:100dvh;grid-template-rows:auto auto}header{min-height:116px;grid-template-columns:1fr auto;padding:12px 14px;gap:10px}header p{display:none}.transport{grid-column:1/-1;justify-self:stretch}.transport button{flex:1}.studio{display:block}.stage{height:520px;padding:14px;border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto minmax(250px,1fr) auto auto}.stage-head output{font-size:17px}.meter{gap:8px;overflow:auto}.source-row{overflow:auto}.rack{overflow:visible}.jobs{top:0}.rack section,.rack details{padding:18px 16px}.file,button{min-height:44px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}