:root{--bg:#0b1017;--panel:#111923;--panel2:#151f2b;--line:#263444;--text:#e8eef5;--muted:#8999aa;--cyan:#52d6d0;--blue:#7e9cff;--green:#62d394;--amber:#f0bd65;--red:#ef7b86;--shadow:0 12px 30px #0003}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 55% -10%,#1d3040 0,#0b1017 38%);color:var(--text);font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.01em}.app-shell{display:grid;grid-template-columns:190px minmax(520px,1fr) 330px;grid-template-rows:66px 1fr auto 30px;min-height:100vh}.topbar{grid-column:1/-1;display:flex;align-items:center;gap:28px;padding:10px 22px;border-bottom:1px solid var(--line);background:#0d141d}.brand{display:flex;align-items:center;gap:10px;width:165px;font-size:16px}.brand small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cyan);border-radius:9px;color:var(--cyan);font-weight:800;font-size:20px}.project-chip{display:flex;flex-direction:column;min-width:240px}.eyebrow{color:#6f8498;font-size:10px;letter-spacing:.12em;font-weight:700;text-transform:uppercase}.project-chip span:last-child{color:var(--muted);font-size:11px}.top-controls{display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap;font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.segmented{display:flex;border:1px solid var(--line);border-radius:7px;padding:2px;background:#0a1118}.segmented button{border:0;background:transparent;color:var(--muted);padding:5px 10px;border-radius:5px;font-size:11px;cursor:pointer}.segmented .active{background:#243446;color:#fff}.badge,.lock-pill{display:inline-flex;align-items:center;border-radius:4px;padding:4px 7px;font-size:9px;font-weight:800;letter-spacing:.08em}.badge.demo{color:#17231f;background:var(--cyan)}.badge.green{color:#12271b;background:#55c985}.badge.neutral{color:#b4c1cd;background:#253342}.lock-pill{color:#ffd58c;border:1px solid #795a29;background:#2a2113}.sidebar{grid-row:2/4;padding:24px 12px;border-right:1px solid var(--line);background:#0d141d}.nav-label{padding:0 12px 12px}.nav-item{display:flex;gap:12px;align-items:center;padding:11px 12px;margin:3px 0;color:var(--muted);text-decoration:none;border-radius:6px}.nav-item.active,.nav-item:hover{background:#1b2a39;color:var(--text)}.nav-item.active{box-shadow:inset 2px 0 var(--cyan)}.sidebar-foot{position:sticky;top:80%;margin:30px 8px 0;padding-top:18px;border-top:1px solid var(--line)}.sidebar-foot strong{display:block;color:var(--cyan);margin:7px 0}.sidebar-foot p,.microcopy,.test-note{color:var(--muted);font-size:11px;margin:5px 0}.main-content{padding:22px 20px}.demo-banner{display:flex;gap:12px;align-items:center;padding:12px 15px;border:1px solid #286d70;background:#112e33;border-radius:8px;color:var(--cyan)}.demo-banner>span{font-size:20px}.demo-banner strong,.demo-banner div span{display:block}.demo-banner div span{color:#acd1d1;font-size:11px;margin-top:2px}.mission-head{display:flex;justify-content:space-between;align-items:end;margin:27px 0 15px}.mission-head h1{font-size:24px;margin:4px 0}.muted{color:var(--muted)}.mission-state{display:flex;align-items:center;gap:8px}.mission-state .running{color:var(--amber)}.mission-state span:last-child{color:var(--muted);font-size:11px}.action-bar{display:flex;align-items:center;gap:8px;margin-bottom:18px}.action-bar button{border-radius:5px;padding:8px 15px;font-weight:700;cursor:pointer}.primary{border:1px solid var(--cyan);background:var(--cyan);color:#102022}.secondary{border:1px solid #3b6381;background:#182b3d;color:#d8e5f0}.cancel{border:1px solid #63414b;background:transparent;color:#eea0aa}.action-note{color:#667b8e;font-size:10px;margin-left:8px}.panel{background:linear-gradient(145deg,#141e29,#101822);border:1px solid var(--line);border-radius:8px;padding:15px;box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:13px}.panel h2{font-size:14px;margin:3px 0 0}.timeline-panel{margin-bottom:14px}.timeline{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.timeline-step{position:relative;text-align:center}.timeline-step:not(:last-child):after{content:"";position:absolute;top:8px;left:58%;width:84%;height:1px;background:var(--line);z-index:0}.step-dot{position:relative;z-index:1;display:block;margin:auto;width:16px;height:16px;border:3px solid #506172;background:var(--panel);border-radius:50%}.step-dot.pass{border-color:var(--green);background:#163528}.step-dot.running{border-color:var(--amber);background:#47371a;box-shadow:0 0 12px #f0bd6544}.step-dot.blocked{border-color:var(--red);background:#421e29}.timeline-step label{display:block;margin-top:7px;color:var(--muted);font-size:9px}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.diff-file{display:flex;align-items:center;gap:8px;padding:8px;background:#0d151e;border-radius:5px}.file-icon{color:var(--blue);font-size:10px;font-weight:800}.code-diff{margin-top:9px;padding:9px;background:#0b1118;border-radius:5px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.line{padding:3px 7px}.line.add{color:#8ce4a5;background:#143026}.line.context{color:#9badbc}.diff-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:10px}.add-text,.rollback{color:var(--green)}.metric-grid,.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-grid div,.memory-grid div{padding:9px;background:#0d151e;border-radius:5px}.metric-grid span,.memory-grid span{display:block;color:var(--muted);font-size:9px}.metric-grid strong,.memory-grid strong{display:block;margin-top:3px}.ok{color:var(--green)}.warning{color:var(--amber)}.right-rail{grid-row:2/4;padding:22px 20px 16px 0}.right-rail .panel{margin-bottom:14px}.standard-model{display:flex;gap:10px;align-items:center;padding:10px;background:#0d151e;border-radius:6px}.model-orb{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--blue);border-radius:50%;color:var(--blue);font-weight:800}.standard-model strong{display:block;font-size:12px;margin-top:2px}.budget{color:var(--cyan);font-size:11px}.heavy-label{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px;color:var(--muted);font-size:10px;font-weight:700}.heavy-states{display:grid;grid-template-columns:1fr 1fr;gap:5px}.heavy-state{display:flex;justify-content:space-between;align-items:center;padding:6px 7px;border:1px solid var(--line);border-radius:4px;color:#97a8b8;font-size:10px}.heavy-state b{font-size:9px;color:var(--red)}.heavy-state:first-child b{color:var(--green)}.lock-list,.health-list{display:grid;gap:7px}.lock-item,.health-item{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;background:#0d151e;border-radius:4px;font-size:10px}.lock-item strong{color:var(--amber);font-size:9px}.shield{color:var(--green);font-size:18px}.hash{margin-top:10px;color:#7790a5;font:10px ui-monospace,monospace}.health-item strong{font-size:9px;padding:3px 5px;border-radius:3px}.health-item strong.pass{color:var(--green);background:#153325}.health-item strong.unknown{color:#c7d0d9;background:#303b46}.health-item strong.degraded{color:var(--amber);background:#40321d}.health-item strong.blocked{color:var(--red);background:#43212a}.bottom-row{grid-column:2/4;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;padding:0 20px 14px 0}.bottom-panel{min-height:135px}.history-row,.snapshot-row,.arena-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #22303d;font-size:11px}.history-row:last-child,.snapshot-row:last-child,.arena-row:last-child{border:0}.history-row span,.snapshot-row span,.arena-row span{color:var(--muted)}.pass-text{color:var(--green)}.footer{grid-column:2/4;display:flex;justify-content:space-between;align-items:center;color:#65798b;font-size:9px;padding-right:20px}.advanced-only{display:none}.advanced .advanced-only{display:block}.advanced .main-content .advanced-only{display:block}@media(max-width:1100px){.app-shell{grid-template-columns:170px minmax(480px,1fr);}.right-rail{grid-column:2;grid-row:3;padding:0 20px 14px}.bottom-row{grid-column:2;grid-row:4}.footer{grid-column:2;grid-row:5}.app-shell{grid-template-rows:66px auto auto auto 30px}.top-controls{gap:6px}.top-controls .lock-pill{display:none}}@media(max-width:760px){.app-shell{display:block}.topbar{flex-wrap:wrap;height:auto}.project-chip{order:3;width:100%}.sidebar{display:none}.main-content,.right-rail{padding:16px}.two-col,.bottom-row{display:block;padding:0 16px}.two-col .panel,.bottom-row .panel{margin-bottom:14px}.timeline{overflow:auto;grid-template-columns:repeat(9,90px);padding-bottom:6px}.footer{padding:12px 16px;display:block}.footer span{display:block;margin:3px 0}}