:root{--bg:#1d222c;--panel:#252b37;--panel-2:#2c3341;--line:#374052;--text:#e6e9ef;--muted:#9aa3b5;--cue:#5fd0a0;--rewind:#8fb3ff;--amber:#ffb547;--stage:#1b1a22;--radius-s:6px;--radius-m:10px;--font:"Onest", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--font)}a{color:var(--rewind)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--cue);outline-offset:2px}.app{grid-template-columns:216px 1fr;height:100vh;display:grid}.rail{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:24px;padding:20px 14px;display:flex}.rail__brand{letter-spacing:-.01em;padding:0 8px;font-size:19px;font-weight:700}.rail__brand small{color:var(--muted);font-size:13px;font-weight:400;display:block}.rail nav{gap:2px;display:grid}.rail nav a{border-radius:var(--radius-s);color:var(--text);padding:8px 10px;text-decoration:none;display:block}.rail nav a:hover{background:var(--panel-2)}.rail nav a[aria-current=page]{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--cue)}.rail__foot{color:var(--muted);margin-top:auto;padding:0 8px;font-size:12.5px}.page{min-width:0;overflow:auto}.page__head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:16px;padding:22px 28px 14px;display:flex}.page__head h1{letter-spacing:-.015em;margin:0;font-size:24px;font-weight:700}.page__head p{color:var(--muted);max-width:70ch;margin:0}.btn{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-s);cursor:pointer;padding:6px 12px}.btn:hover{border-color:var(--muted)}.btn--cue{background:var(--cue);border-color:var(--cue);color:#10261d;font-weight:600}.btn--rewind{border-color:var(--rewind);color:var(--rewind)}.btn:disabled{opacity:.45;cursor:not-allowed}.field{color:var(--muted);gap:4px;font-size:13px;display:grid}.field input,.field select{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-s);color:var(--text);min-width:0;padding:6px 8px}.field input[type=color]{height:32px;padding:2px}.field input[type=range]{accent-color:var(--cue);padding:0}.field--inline{grid-template-columns:auto 1fr;align-items:center}.muted{color:var(--muted)}.json{font:12px/1.45 var(--mono);white-space:pre-wrap;word-break:break-word;color:#cfd6e4;margin:0}.section-title{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.empty{color:var(--muted);text-align:center;padding:40px}.col{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-m);min-height:0;padding:12px;overflow:auto}.stage-box{background:var(--stage);border-radius:var(--radius-m);border:1px solid var(--line);position:relative;overflow:hidden}