:root{--bg:#0c0d12;--bg-2:#14161f;--bg-3:#1b1e2a;--panel:#11131b;--border:#232734;--border-2:#2e3344;--text:#cdd6e4;--text-dim:#7c87a0;--text-faint:#525c73;--accent:#7c9cff;--accent-2:#5b7bff;--good:#57c98b;--warn:#e0a35a;--bad:#e26d6d;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px}button{cursor:pointer;font-family:inherit}code{font-family:var(--mono)}.app{flex-direction:column;height:100vh;display:flex}.dim{color:var(--text-dim);font-weight:400}.topbar{border-bottom:1px solid var(--border);background:var(--bg-2);align-items:center;gap:18px;padding:10px 16px;display:flex}.brand{letter-spacing:.2px;white-space:nowrap;font-weight:500}.brand .dim{margin-left:6px;font-size:12px}.transport{flex:1;align-items:center;gap:14px;display:flex}.transport .play{border:1px solid var(--border-2);background:var(--bg-3);width:34px;height:34px;color:var(--text);border-radius:8px;font-size:13px}.transport .play.on{background:var(--accent-2);border-color:var(--accent);color:#fff}.readout{flex-direction:column;line-height:1.15;display:flex}.readout .pos{font-family:var(--mono);font-size:15px}.readout .dim{font-size:10px}.tempo{align-items:center;gap:5px;display:flex}.tempo input{background:var(--bg-3);width:56px;height:30px;color:var(--text);border:1px solid var(--border-2);font-family:var(--mono);border-radius:7px;padding:0 8px;font-size:13px}.tempo .dim{font-size:11px}.transport .spacer{flex:1}.badge{border:1px solid var(--border-2);border-radius:20px;padding:3px 9px;font-size:11px}.badge.live{color:var(--good);border-color:#57c98b66}.badge.warn{color:var(--warn);border-color:#e0a35a66}.ghost{height:30px;color:var(--text-dim);border:1px solid var(--border-2);background:0 0;border-radius:7px;padding:0 12px}.ghost:disabled{opacity:.45;cursor:not-allowed}.main{flex:1;grid-template-columns:168px 1fr 320px;min-height:0;display:grid}.rail{border-right:1px solid var(--border);background:var(--panel);padding:12px 10px;overflow:auto}.rail-head{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:6px 4px 8px;font-size:10px}.rail-list{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.rail-empty{color:var(--text-faint);padding:4px;font-size:12px}.part{background:var(--bg-3);border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:5px 6px;display:flex}.part.muted{opacity:.42}.part .mute,.part .solo{color:var(--text-dim);background:0 0;border:none;padding:2px;font-size:13px}.part .part-name{flex:1;font-size:13px}.part .solo{border:1px solid var(--border-2);border-radius:5px;width:20px;height:20px;font-size:10px}.part .solo.on{background:var(--accent-2);color:#fff;border-color:var(--accent)}.section{border:1px solid var(--border);color:var(--text-dim);border-radius:7px;padding:5px 8px;font-size:12px}.section.on{border-color:var(--accent);color:var(--accent);background:#7c9cff14}.center{background:var(--bg);flex-direction:column;min-width:0;display:flex}.editor{flex:1;min-height:0;padding:0 10px;overflow:auto}.chat{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;min-height:0;display:flex}.chat-log{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow:auto}.chat-hint{color:var(--text-dim);font-size:13px}.chat-examples{flex-direction:column;gap:5px;margin-top:10px;display:flex}.chat-examples span{color:var(--text-faint);font-family:var(--mono);font-size:11.5px}.msg{white-space:pre-wrap;border-radius:10px;max-width:92%;padding:8px 11px;font-size:13px;line-height:1.55}.msg.user{background:var(--accent-2);color:#fff;align-self:flex-end}.msg.assistant{background:var(--bg-3);color:var(--text);align-self:flex-start}.dots{color:var(--text-dim)}.chat-input{border-top:1px solid var(--border);padding:10px}.sel-chip{color:var(--accent);background:#7c9cff1f;border-radius:7px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 8px;font-size:11.5px;display:flex}.sel-chip code{color:var(--text)}.sel-chip button{color:var(--accent);background:0 0;border:none;margin-left:auto}.sel-icon{font-family:var(--mono)}.chat-box{align-items:flex-end;gap:8px;display:flex}.chat-box textarea{resize:none;background:var(--bg-3);color:var(--text);border:1px solid var(--border-2);font-family:var(--sans);border-radius:9px;flex:1;padding:8px 10px;font-size:13px}.chat-box .send{background:var(--accent-2);color:#fff;border:none;border-radius:9px;width:34px;height:34px;font-size:15px}.chat-box .send:disabled{opacity:.4}.staging{border-top:1px solid var(--border);background:var(--bg-2);max-height:46%;padding:12px 14px;overflow:auto}.staging-head{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.staging-head .flask{color:var(--accent)}.staging-head .not-live{color:var(--text-faint);margin-left:auto;font-size:11px}.checks{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.check{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex}.check-icon{font-size:15px}.check-label{font-size:12px}.check-sub{color:var(--text-dim);font-size:10.5px}.check.ok{background:#57c98b1a;border-color:#57c98b59}.check.ok .check-icon{color:var(--good)}.check.warn{background:#e0a35a1a;border-color:#e0a35a59}.check.warn .check-icon{color:var(--warn)}.check.bad{background:#e26d6d1a;border-color:#e26d6d66}.check.bad .check-icon{color:var(--bad)}.check.pending,.check.future{opacity:.6;border-style:dashed}.errs{margin-bottom:8px}.err{color:var(--bad);font-size:12px;font-family:var(--mono);margin-bottom:4px}.warns{color:var(--warn);margin-bottom:8px;font-size:12px}.diffs{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.diff{border:1px solid var(--border);border-radius:8px;padding:7px 9px}.diff-label{color:var(--text-dim);margin-bottom:5px;font-size:11px}.diff .line{font-family:var(--mono);white-space:pre-wrap;word-break:break-all;border-radius:3px;padding:1px 4px;font-size:11.5px}.diff .add{color:var(--good);background:#57c98b1a}.diff .del{color:var(--bad);background:#e26d6d1a}.staging-foot{align-items:center;gap:8px;display:flex}.staging-foot .spacer{flex:1}.ab{border:1px solid var(--border-2);background:0 0;border-radius:7px;padding:0;font-size:11.5px;display:flex;overflow:hidden}.ab span{color:var(--text-dim);padding:6px 10px}.ab span.on{background:var(--accent-2);color:#fff}.primary{background:var(--accent-2);color:#fff;border:1px solid var(--accent);border-radius:7px;height:32px;padding:0 14px}.primary:disabled{opacity:.4;cursor:not-allowed}