:root{color-scheme:dark;--bg:#07090c;--panel:#0d1216;--panel-2:#121a1f;--panel-3:#182229;--ink:#eef6f3;--muted:#9aa8a6;--line:rgba(172,193,187,.18);--line-strong:rgba(172,193,187,.34);--green:#61d394;--cyan:#50c8ff;--amber:#f2be54;--red:#ff6f61;--violet:#a98cff;--shadow:rgba(0,0,0,.42);--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-width:1180px;min-height:100%;background:var(--bg);color:var(--ink)}button,input{color:inherit;font:inherit}button{cursor:pointer}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.live-theater{display:grid;grid-template-columns:292px minmax(620px,1fr) 344px;grid-template-rows:72px minmax(0,1fr) 132px;min-height:100vh;max-height:100vh;overflow:hidden;background:linear-gradient(90deg,rgba(80,200,255,.05) 1px,transparent 0),linear-gradient(0deg,rgba(80,200,255,.04) 1px,transparent 0),radial-gradient(circle at 20% 14%,rgba(97,211,148,.14),transparent 24%),radial-gradient(circle at 76% 22%,rgba(169,140,255,.12),transparent 28%),linear-gradient(135deg,#06080b,#0a0d10 46%,#06080b);background-size:44px 44px,44px 44px,auto,auto,auto}.command-bar{grid-column:1/-1;gap:18px;min-width:0;padding:12px 18px;border-bottom:1px solid var(--line);background:rgba(8,11,14,.94);box-shadow:0 18px 42px var(--shadow)}.brand,.command-bar{display:flex;align-items:center}.brand{gap:12px;min-width:310px}.brand-glyph{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(80,200,255,.52);border-radius:8px;color:var(--cyan);background:linear-gradient(135deg,rgba(80,200,255,.16),rgba(97,211,148,.08));font-size:12px;font-weight:950;letter-spacing:0}.brand h1{margin:0;font-size:25px;line-height:1;letter-spacing:0}.brand p{margin:5px 0 0;color:var(--muted);font-size:12px;font-weight:700}.mode-switch{display:grid;grid-template-columns:repeat(4,minmax(84px,auto));grid-gap:4px;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(13,18,22,.86)}.mode-switch button{min-height:34px;padding:0 11px;border:1px solid transparent;border-radius:6px;color:var(--muted);background:transparent;font-size:12px;font-weight:900;white-space:nowrap}.mode-switch button.active{color:var(--ink);border-color:rgba(80,200,255,.54);background:rgba(80,200,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 18px rgba(80,200,255,.13)}.top-metrics{display:flex;align-items:center;gap:7px;min-width:0;margin-left:auto}.source-mode{display:grid;place-items:center;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:6px;font-size:11px;font-weight:950;white-space:nowrap}.source-mode.local{color:var(--green);background:rgba(97,211,148,.1)}.source-mode.public{color:var(--amber);background:rgba(242,190,84,.1)}.live-pill,.metric{display:grid;place-items:center;min-width:72px;height:42px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:rgba(18,26,31,.82)}.metric span{color:var(--muted);font-size:10px;font-weight:800}.metric strong{font-size:17px;line-height:1}.metric.green strong{color:var(--green)}.metric.amber strong{color:var(--amber)}.metric.red strong{color:var(--red)}.live-pill{grid-template-columns:10px auto;gap:7px;min-width:86px;color:var(--green);font-size:11px;font-weight:900;text-transform:uppercase}.live-pill span{width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 16px currentColor;animation:pulse 1.2s infinite}.live-pill.error{color:var(--red)}.channel-rail,.event-dock,.inspector-panel{min-width:0;min-height:0;background:rgba(10,15,18,.86)}.channel-rail{padding:16px 12px;border-right:1px solid var(--line);overflow:auto}.inspector-panel{padding:16px 14px;border-left:1px solid var(--line);overflow:auto}.event-dock{grid-column:2/4;display:grid;grid-template-rows:24px minmax(0,1fr);grid-gap:8px;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.theater-stage{min-width:0;min-height:0;padding:14px;overflow:hidden}.section-title{display:grid;grid-gap:4px;gap:4px;margin-bottom:12px}.section-title span{color:var(--cyan);font-size:11px;font-weight:950;letter-spacing:0;text-transform:uppercase}.section-title strong{font-size:17px;line-height:1.2}.channel-card,.channel-list{display:grid;grid-gap:8px;gap:8px}.channel-card{width:100%;min-height:108px;padding:11px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(18,26,31,.78);text-align:left}.channel-card.selected{border-color:rgba(80,200,255,.72);background:rgba(80,200,255,.1);box-shadow:0 0 0 1px rgba(80,200,255,.08),0 0 24px rgba(80,200,255,.08)}.channel-card-head,.channel-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.channel-card-head strong{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.channel-card-summary{display:-webkit-box;min-height:34px;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.channel-card-kind{width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px 6px;border:1px solid rgba(80,200,255,.28);border-radius:5px;color:var(--cyan);background:rgba(80,200,255,.08);font-size:10px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-card-meta{color:var(--muted);font-size:10px;font-weight:800}.artifacts-view,.events-view,.map-view,.sessions-view{width:100%;height:100%;min-height:0}.map-view{display:grid;grid-template-rows:minmax(0,1fr) 32px;grid-gap:10px;gap:10px}.canvas-stage-wrap{position:relative;min-height:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:radial-gradient(circle at 28% 18%,rgba(80,200,255,.14),transparent 32%),radial-gradient(circle at 72% 78%,rgba(97,211,148,.12),transparent 34%),#080c10}.canvas-stage-wrap:after{position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 -80px 120px rgba(0,0,0,.18);content:""}.pixi-operation-canvas,.pixi-stage{width:100%;height:100%}.pixi-operation-canvas{display:block}.stage-grid{position:relative;display:grid;grid-template-rows:repeat(8,minmax(68px,1fr));grid-gap:9px;gap:9px;min-height:0;padding:12px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035),transparent 1px),rgba(9,13,16,.8);background-size:36px 36px}.stage-grid:before{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 28% 20%,rgba(97,211,148,.14),transparent 25%),radial-gradient(circle at 70% 74%,rgba(242,190,84,.1),transparent 26%);content:""}.stage-grid.compact-lane-overlay{grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:8px;padding:8px;overflow:auto hidden}.stage-grid.compact-lane-overlay:before{display:none}.compact-lane-overlay .work-lane{grid-template-columns:1fr;width:260px;min-height:116px}.compact-lane-overlay .lane-label{min-height:44px;padding:8px 10px;border-right:0;border-bottom:1px solid var(--line)}.compact-lane-overlay .lane-track{min-height:58px}.compact-lane-overlay .agent-node{grid-template-columns:32px minmax(0,1fr);width:128px;min-height:42px;padding:5px}.compact-lane-overlay .agent-avatar{width:30px;height:30px;font-size:9px}.compact-lane-overlay .agent-copy em{display:none}.work-lane{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr);grid-gap:12px;gap:12px;min-height:0;border:1px solid rgba(172,193,187,.12);border-radius:8px;background:rgba(18,26,31,.58);overflow:hidden}.work-lane.selected{border-color:rgba(80,200,255,.5);background:rgba(80,200,255,.08)}.lane-label{display:grid;align-content:center;grid-gap:6px;gap:6px;min-width:0;padding:0 14px;border:0;border-right:1px solid var(--line);background:rgba(10,15,18,.62);text-align:left}.lane-label span,.lane-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-label strong{font-size:13px}.lane-label span{color:var(--muted);font-size:11px;font-weight:800}.lane-track{position:relative;min-width:0;min-height:76px}.lane-track:before{position:absolute;top:50%;right:18px;left:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(80,200,255,.5),rgba(97,211,148,.3),transparent);content:""}.agent-node{--node-index:0;--node-count:1;--node-left:4%;position:absolute;top:50%;left:var(--node-left);display:grid;grid-template-columns:44px minmax(0,112px);grid-gap:8px;gap:8px;align-items:center;width:164px;min-height:54px;padding:6px;transform:translateY(-50%);border:1px solid var(--line);border-radius:8px;background:rgba(9,13,16,.94);text-align:left;box-shadow:0 14px 24px rgba(0,0,0,.24)}.agent-node.running{animation:node-drift 2.4s ease-in-out infinite}.agent-node.selected{border-color:rgba(242,190,84,.8);box-shadow:0 0 0 1px rgba(242,190,84,.16),0 0 24px rgba(242,190,84,.18)}.agent-avatar{display:grid;place-items:center;width:42px;height:42px;border:2px solid rgba(238,246,243,.16);border-radius:6px;color:#06100b;background:var(--green);font-size:12px;font-weight:950}.agent-node.waiting .agent-avatar{background:var(--amber)}.agent-node.reviewing .agent-avatar{background:var(--cyan)}.agent-node.blocked .agent-avatar,.agent-node.failed .agent-avatar{background:var(--red)}.agent-node.done .agent-avatar{background:#b7c4c1}.agent-node.idle .agent-avatar{background:#64716f}.agent-beam{position:absolute;inset:auto 10px -5px 10px;height:2px;background:currentColor;opacity:.48}.agent-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.agent-copy em,.agent-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-copy strong{font-size:12px}.agent-copy em{color:var(--muted);font-size:10px;font-style:normal}.map-legend{display:flex;align-items:center;gap:14px;min-width:0;color:var(--muted);font-size:11px;font-weight:850}.map-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.events-view,.sessions-view{display:grid;align-content:start;grid-gap:8px;gap:8px;overflow:auto}.event-row,.session-row{display:grid;align-items:center;min-height:58px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(18,26,31,.78);text-align:left}.session-row{grid-template-columns:14px 74px minmax(220px,1fr) minmax(180px,260px) 70px;gap:12px}.session-row.selected{border-color:rgba(242,190,84,.72);background:rgba(242,190,84,.08)}.event-channel,.event-kind,.event-time,.session-agent,.session-time,.session-tools{color:var(--muted);font-size:11px;font-weight:850}.session-main{display:grid;grid-gap:4px;gap:4px;min-width:0}.event-summary,.session-main em,.session-main strong,.session-tools{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-main strong{font-size:13px}.session-main em{color:var(--muted);font-size:12px;font-style:normal}.event-row{grid-template-columns:76px 14px 132px minmax(260px,1fr) 180px;gap:12px}.event-summary{font-size:12px}.artifacts-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-content:start;grid-gap:10px;gap:10px;overflow:auto}.artifact-card{display:grid;grid-gap:8px;gap:8px;min-height:156px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(18,26,31,.78)}.artifact-kind{justify-self:start;padding:3px 7px;border:1px solid rgba(80,200,255,.32);border-radius:6px;color:var(--cyan);font-size:10px;font-weight:900;text-transform:uppercase}.artifact-card strong{overflow-wrap:anywhere;font-size:13px}.artifact-card code{display:block;max-height:54px;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.35;overflow-wrap:anywhere}.artifact-card span:last-child{color:var(--muted);font-size:11px}.inspector-stack{display:grid;grid-gap:12px;gap:12px}.inspector-status{display:grid;grid-template-columns:14px 1fr auto;align-items:center;grid-gap:10px;gap:10px;min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(18,26,31,.78)}.inspector-status span:last-child{color:var(--muted);font-size:11px;font-weight:850}.fact-list{display:grid;grid-gap:8px;gap:8px;margin:0}.fact-list div{display:grid;grid-gap:4px;gap:4px;padding:10px;border:1px solid var(--line);border-radius:7px;background:rgba(18,26,31,.56)}.fact-list dt{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.fact-list dd{margin:0;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.mini-artifacts,.mini-events,.source-box{display:grid;grid-gap:8px;gap:8px;padding:11px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(18,26,31,.56)}.mini-artifacts strong,.mini-events strong,.source-box strong{font-size:12px}.mini-artifacts code,.source-box code{line-height:1.4}.mini-artifacts code,.source-box code,.source-box span{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.source-box span{line-height:1.35}.mini-event{display:grid;grid-template-columns:58px 1fr;grid-gap:8px;gap:8px;padding:8px 0;border-top:1px solid var(--line)}.mini-event span{color:var(--muted);font-size:10px;font-weight:850}.mini-event p{margin:0;color:var(--ink);font-size:11px;line-height:1.35}.dock-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;font-weight:850}.dock-head strong{color:var(--ink);font-size:13px}.event-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,236px);grid-gap:8px;gap:8px;overflow:auto hidden;padding-bottom:4px}.event-chip{display:grid;align-content:center;grid-gap:4px;gap:4px;height:74px;padding:9px;border:1px solid var(--line);border-radius:7px;background:rgba(18,26,31,.78);text-align:left}.event-chip em,.event-chip span{color:var(--muted);font-size:10px;font-style:normal;font-weight:850}.event-chip em,.event-chip span,.event-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-chip strong{font-size:12px}.status-dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:#72807d;box-shadow:0 0 12px currentColor}.status-dot.running{color:var(--green);background:var(--green);animation:pulse 1.1s infinite}.status-dot.waiting{color:var(--amber);background:var(--amber)}.status-dot.reviewing{color:var(--cyan);background:var(--cyan)}.status-dot.blocked,.status-dot.failed{color:var(--red);background:var(--red)}.status-dot.done{color:#b7c4c1;background:#b7c4c1}.status-dot.idle{color:#64716f;background:#64716f}.empty-state,.muted{color:var(--muted);font-size:12px}@keyframes pulse{0%,to{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}@keyframes node-drift{0%,to{transform:translateY(calc(-50% - 2px))}50%{transform:translateY(calc(-50% + 3px))}}@media (max-width:1180px){body,html{min-width:0}.live-theater{grid-template-columns:1fr;grid-template-rows:auto auto minmax(540px,1fr) auto auto;max-height:none;overflow:auto}.command-bar,.top-metrics{flex-wrap:wrap}.channel-rail,.event-dock,.inspector-panel{grid-column:1;border:0}.channel-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.event-dock{grid-row:auto}}