:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#0b0d14;--surface:#12151f;--raised:#171b27;--ink:#e8eaf2;--muted:#9297ac;--faint:#6a6f82;--trail:#6ee7c0;--trail-soft:#6ee7c022;--signal:#ffb07c;--signal-soft:#ffb07c1f;--good:#7fd9a0;--line:#232838;--line-strong:#2e344a;--font-body:"Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--void);color:var(--ink);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.55;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--trail)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{grid-template-rows:auto 1fr auto;width:100%;max-width:100vw;height:100dvh;display:grid;overflow:hidden}.app>*{min-width:0}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.brand{flex:auto;align-items:baseline;gap:12px;min-width:0;display:flex}.brand h1{letter-spacing:.01em;white-space:nowrap;flex:none;margin:0;font-size:1.05rem;font-weight:600}.brand .prompt{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.85rem;overflow:hidden}.badges{flex:none;gap:8px;display:flex}.badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--faint);white-space:nowrap;border-radius:3px;padding:4px 9px;font-size:.66rem}.badge.recorded{border-color:var(--trail);color:var(--trail)}.badge.placeholder{border-color:var(--signal);color:var(--signal)}.stage{grid-template-columns:minmax(0,1fr) 330px;min-width:0;min-height:0;display:grid;position:relative}.scene{min-width:0;min-height:0;position:relative;overflow:hidden}.scene canvas{display:block;width:100%!important;height:100%!important}.now-label{pointer-events:none;position:absolute;bottom:16px;left:20px;right:20px}.now-label .kind{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:.66rem}.now-label .text{color:var(--ink);font-size:1rem}.side{border-left:1px solid var(--line);background:var(--surface);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.side.has-detail{grid-template-rows:auto minmax(0, 1fr) auto minmax(0, var(--detail-h,260px))}.splitter{cursor:row-resize;touch-action:none;background:0 0;height:9px;position:relative}.splitter:before{content:"";background:var(--line);height:1px;transition:background-color .12s,box-shadow .12s;position:absolute;top:4px;left:0;right:0}.splitter:hover:before,.splitter:focus-visible:before{background:var(--trail);box-shadow:0 0 0 1px var(--trail-soft)}.splitter:focus-visible{outline:none}.splitter.dragging:before{background:var(--trail);height:2px}.side h2{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);margin:0;padding:12px 16px;font-size:.68rem}.feed{padding:8px 0;overflow-y:auto}.feed-item{text-align:left;background:0 0;border:0;border-left:2px solid #0000;width:100%;padding:7px 16px;display:block}.feed-item:hover{background:var(--raised)}.feed-item.selected{border-left-color:var(--trail);background:var(--raised)}.feed-item.decision{border-left-color:var(--signal)}.feed-item .row{align-items:baseline;gap:8px;display:flex}.feed-item .t{font-family:var(--font-mono);color:var(--faint);flex:none;font-size:.72rem}.feed-item .label{color:var(--ink);font-size:.86rem}.feed-item.pending .label,.feed-item.pending .t{color:var(--faint);opacity:.55}.feed-item .who{font-family:var(--font-mono);color:var(--muted);padding-left:44px;font-size:.68rem}.payload{padding:12px 16px;overflow:auto}.payload pre{font-family:var(--font-mono);color:var(--muted);white-space:pre-wrap;word-break:break-word;margin:6px 0 0;font-size:.72rem;line-height:1.5}.payload .heading{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:.66rem}.transport{border-top:1px solid var(--line);background:var(--surface);flex-direction:column;gap:8px;padding:10px 20px 14px;display:flex}.transport-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.btn{font-family:var(--font-mono);border:1px solid var(--line-strong);color:var(--muted);background:0 0;border-radius:3px;padding:6px 12px;font-size:.76rem}.btn:hover{border-color:var(--trail);color:var(--trail)}.btn.primary{border-color:var(--signal);background:var(--signal-soft);color:var(--signal)}.btn.wide{min-width:84px}.clock{font-family:var(--font-mono);color:var(--muted);font-size:.8rem}.branch-pill{min-width:0;font-family:var(--font-mono);color:var(--faint);align-items:center;gap:8px;margin-left:auto;font-size:.72rem;display:flex}.branch-pill select{font-family:var(--font-mono);color:var(--trail);background:var(--raised);border:1px solid var(--line-strong);border-radius:3px;max-width:min(260px,38vw);padding:4px 6px;font-size:.72rem}.branch-pill select.alternate{color:var(--signal);border-color:var(--signal)}.branch-pill select:hover{border-color:var(--trail)}.timeline-wrap{cursor:pointer;height:58px;position:relative}.timeline-wrap canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.gate{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b0d14b8;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.card{border:1px solid var(--line-strong);background:var(--raised);border-radius:6px;width:min(460px,100%);padding:20px 22px}.card .who{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);justify-content:space-between;gap:12px;font-size:.68rem;display:flex}.card .who .state{color:var(--signal)}.card .action{margin:10px 0 6px;font-size:1.12rem}.card .reason,.card .if-denied{color:var(--muted);font-size:.86rem}.card .if-denied{margin-top:6px}.card .outcome{border-top:1px dashed var(--line-strong);color:var(--good);margin-top:14px;padding-top:12px;font-size:.84rem}.card .buttons{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.centred{text-align:center;height:100dvh;color:var(--muted);place-items:center;padding:24px;display:grid}.centred .mono{color:var(--signal);margin-top:8px;font-size:.8rem}.view-toggle{display:none}@media (max-width:860px){.stage{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.stage.show-scene>.side,.stage.show-log>.single,.stage.show-log>.panes{display:none}.stage>.side,.stage>.single,.stage>.panes{grid-area:1/1}.side{border-left:0}.brand .prompt{display:none}.view-toggle{gap:0;display:flex}.view-toggle .btn{border-radius:0}.view-toggle .btn:first-child{border-radius:3px 0 0 3px}.view-toggle .btn:last-child{border-left-width:0;border-radius:0 3px 3px 0}.view-toggle .btn.on{color:var(--trail);border-color:var(--trail);background:var(--trail-soft)}.stage.show-log .side.has-detail{grid-template-rows:auto minmax(0,1fr) minmax(0,45%)}.splitter{display:none}.payload,.brief{border-top:1px solid var(--line)}}.node-label{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-bottom:1px dotted #0000;padding:2px 4px;font-size:10.5px}.node-label:hover{border-bottom-color:currentColor}.brief{padding:12px 16px 16px;overflow:auto}.brief-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.brief .heading{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:12px;font-size:.66rem}.brief-head .heading{margin-top:0}.brief-name{color:var(--ink);font-size:.98rem}.brief-role{color:var(--muted);margin:6px 0 0;font-size:.84rem}.brief-meta{color:var(--faint);flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:.7rem;display:flex}.tool-list{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.tool-list li{color:var(--trail);border:1px solid var(--line-strong);border-radius:3px;padding:2px 7px;font-size:.7rem}.brief-prompt{font-family:var(--font-mono);color:var(--muted);white-space:pre-wrap;word-break:break-word;margin:6px 0 0;font-size:.72rem;line-height:1.6}.node-card{text-align:center;flex-direction:column;align-items:center;gap:3px;width:150px;display:flex}.node-now{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:10.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.node-now.waiting{color:var(--faint);opacity:.55;font-style:italic}.node-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;margin-top:2px;display:flex}.tick{background:var(--line-strong);opacity:.5;border:0;border-radius:1px;width:9px;height:3px;padding:0;transition:background-color .12s,opacity .12s}.tick.done{background:var(--trail);opacity:.85}.tick.gate{background:var(--line-strong);width:4px;height:7px}.tick.gate.done{background:var(--signal)}.tick:hover{opacity:1;transform:scaleY(1.6)}.node-count{color:var(--faint);margin-left:3px;font-size:9px}@media (max-width:700px){.node-card{width:116px}.node-now{-webkit-line-clamp:1}}@media (max-width:520px){.node-now{display:none}}@media (max-width:620px){.badges{flex-wrap:wrap;justify-content:flex-end}.badge.mono{display:none}.topbar{flex-wrap:wrap;gap:8px}.now-label{display:none}.transport-row{flex-wrap:wrap;row-gap:8px}.branch-pill{width:100%;margin-left:0}}.stage>.single,.stage>.panes{grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.stage>.panes{background:var(--line);grid-template-columns:1fr 1fr;gap:1px}.stage>.panes>.scene{background:var(--void)}.pane-head{z-index:5;background:linear-gradient(var(--surface), transparent);pointer-events:none;align-items:baseline;gap:10px;padding:8px 14px;display:flex;position:absolute;top:0;left:0;right:0}.pane-head .tag{letter-spacing:.1em;text-transform:uppercase;color:var(--trail);border:1px solid var(--trail);white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:.62rem}.pane-head.alternate .tag{color:var(--signal);border-color:var(--signal)}.pane-head .label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.compare-pick{color:var(--faint);align-items:center;gap:6px;font-size:.72rem;display:flex}.compare-pick select{font-family:var(--font-mono);color:var(--muted);background:var(--raised);border:1px solid var(--line-strong);border-radius:3px;max-width:210px;padding:4px 6px;font-size:.72rem}@media (max-width:860px){.stage>.panes{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.picker{min-height:100dvh;padding:8vh 24px 64px;overflow-y:auto}.picker-inner{flex-direction:column;gap:18px;max-width:620px;margin-inline:auto;display:flex}.picker h1{letter-spacing:.01em;margin:0 0 10px;font-size:1.6rem;font-weight:600}.picker .lede{color:var(--muted);max-width:58ch;margin:0;font-size:.95rem}.picker .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--trail);margin-top:10px;font-size:.66rem}.flight-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.flight{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:5px;flex-direction:column;gap:7px;width:100%;padding:15px 17px;transition:border-color .12s,background-color .12s;display:flex}.flight:hover,.flight:focus-visible{border-color:var(--trail);background:var(--raised);outline:none}.flight .row-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.flight .title{color:var(--ink);font-size:1rem}.flight .prompt{color:var(--muted);font-size:.78rem;line-height:1.5}.flight .meta{color:var(--faint);font-size:.7rem}.flight .meta .dot{opacity:.6;padding:0 7px}.picker .footnote{color:var(--faint);max-width:58ch;margin-top:4px;font-size:.78rem}.back{color:var(--faint);background:0 0;border:0;flex:none;padding:0;font-size:.74rem}.back:hover{color:var(--trail)}.about-btn{border:1px solid var(--line-strong);color:var(--muted);background:0 0;border-radius:3px;align-self:flex-start;margin-top:14px;padding:6px 12px;font-size:.72rem}.about-btn:hover{border-color:var(--trail);color:var(--trail)}.badges .about-btn{margin-top:0;padding:4px 10px;font-size:.7rem}.about-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05060ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.about{background:var(--raised);border:1px solid var(--line-strong);border-radius:6px;flex-direction:column;gap:14px;width:min(560px,100%);max-height:min(86dvh,720px);padding:22px 24px 24px;display:flex;overflow-y:auto}.about-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.about-head h2{margin:0;font-size:1.15rem;font-weight:600}.about p{color:var(--muted);margin:0;font-size:.92rem}.about-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.about-steps li{color:var(--ink);grid-template-columns:78px 1fr;align-items:start;gap:12px;font-size:.9rem;display:grid}.step-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--trail);border:1px solid var(--line-strong);text-align:center;border-radius:3px;padding:3px 0;font-size:.62rem}.about-note{border-top:1px solid var(--line);padding-top:12px;color:var(--faint)!important;font-size:.84rem!important}.about-note strong{color:var(--signal);font-weight:500}@media (max-width:520px){.about-steps li{grid-template-columns:1fr;gap:4px}.step-tag{justify-self:start;padding:3px 8px}}.node-bar{background:var(--line-strong);cursor:pointer;border:0;border-radius:2px;width:92px;height:3px;padding:0;position:relative;overflow:hidden}.node-bar:hover{height:5px}.node-bar-fill{background:var(--trail);border-radius:2px;position:absolute;inset:0 auto 0 0}.server-tag{color:var(--faint);opacity:.75}