@font-face{font-family:ui;src:local(Arial)}:root{--bg:#0b0b0a;--panel:#121211;--line:#34342f;--ink:#ecebdd;--muted:#8c8b80;--acid:#d9ff39;--rust:#e24b2d}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:ui,system-ui,sans-serif;overflow:hidden}button,input,summary{font:inherit}button{color:inherit;background:#171716;border:1px solid var(--line);border-radius:0;min-height:44px;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.08em}button:hover,button:focus-visible{border-color:var(--acid);outline:1px solid var(--acid);outline-offset:2px}.hot{background:var(--acid);color:#090909;border-color:var(--acid)}header{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}header>div:first-child{display:flex;align-items:baseline;gap:16px}header b{font-size:20px;letter-spacing:-.04em}header span,.eyebrow{font:10px ui;letter-spacing:.15em;color:var(--muted)}.actions{display:flex;gap:7px}.actions button{padding:0 15px}main{height:calc(100vh - 62px);display:grid;grid-template-columns:minmax(0,1fr) 350px}.stage{min-width:0;padding:26px 34px 20px;display:grid;grid-template-rows:auto minmax(230px,1fr) 18px 112px auto;border-right:1px solid var(--line)}.stage-head{display:flex;justify-content:space-between;align-items:flex-start}.stage h1{font-size:clamp(36px,5.5vw,82px);line-height:.87;letter-spacing:-.065em;text-transform:uppercase;margin:9px 0 22px;max-width:850px}.stage-head output{font:10px monospace;color:var(--acid);border:1px solid var(--line);padding:8px}canvas{display:block;width:100%;height:100%;touch-action:none}#path{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e0e0d;cursor:ns-resize}.axis{display:flex;justify-content:space-between;align-items:center;font:9px monospace;color:var(--muted)}#scope{height:112px;background:#090909}.hint{font:10px/1.5 monospace;color:var(--muted);margin:10px 0 0;max-width:650px}aside{overflow:auto;background:var(--panel)}.jobs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.jobs button{height:78px;border-width:0 1px 0 0;background:#111}.jobs small{color:var(--muted);font-size:8px}details{border-bottom:1px solid var(--line)}summary{list-style:none;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px;font-weight:800;letter-spacing:.12em;cursor:pointer}summary span{font:9px monospace;color:var(--muted)}summary::-webkit-details-marker{display:none}label{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 18px 13px;font-size:10px;font-weight:700;letter-spacing:.08em;border-top:1px solid #20201e}label output{font:10px monospace;color:var(--acid)}input[type=range]{grid-column:1/-1;width:100%;appearance:none;height:18px;background:transparent}input::-webkit-slider-runnable-track{height:2px;background:#5c5b52}input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-6px;background:var(--acid);border:0;border-radius:0}.recipe{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:13px 18px 7px}.export{margin:0 18px;width:calc(100% - 36px);background:var(--ink);color:#0b0b0a}#status{padding:0 18px 16px;color:var(--muted);font:10px monospace}.active-job{background:var(--acid)!important;color:#090909!important}.active-job small{color:#202020}.dragging #path{cursor:grabbing}@media(max-width:760px){html,body{height:auto;min-height:100%;overflow:auto}header{position:sticky;top:0;z-index:4;height:58px;background:var(--bg);padding:0 10px}header>div:first-child span{display:none}.actions{gap:4px}.actions button{padding:0 9px;font-size:9px}main{height:auto;display:block}.stage{height:520px;padding:18px 14px 12px;border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto 236px 18px 76px auto}.stage h1{font-size:38px;margin:7px 0 14px}.stage-head output{display:none}#scope{height:76px}.hint{font-size:9px;margin-top:6px}aside{overflow:visible}.jobs{position:sticky;top:58px;z-index:3;background:var(--panel)}details:not([open]){min-height:54px}summary{min-height:54px}label{padding-block:12px}.recipe button,.export{min-height:48px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}