html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}.app-shell{color:#e5edf7;background:#02040a;width:100%;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.group-panel,.operations-bar,.github-link,.connection-status{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c16c2;border:1px solid #94a3b838;border-radius:8px;position:absolute}.operations-bar{grid-template-columns:minmax(270px,1fr) minmax(330px,1.2fr) minmax(300px,1fr);gap:18px;padding:14px 16px;display:grid;bottom:18px;left:18px;right:18px;box-shadow:0 24px 80px #0000005c}.operations-section{align-content:start;gap:10px;min-width:0;display:grid}.input-context{align-content:start}.live-context,.visibility-context{border-left:1px solid #94a3b838;padding-left:18px}.eyebrow{color:#38bdf8;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.eyebrow-tracked{color:#22c55e}.eyebrow-ground{color:#fb923c}h1{color:#f8fafc;margin:0;font-size:22px;font-weight:650;line-height:1.15}h2{color:#f8fafc;margin:0;font-size:18px;font-weight:650;line-height:1.2}.object-combobox{gap:6px;display:grid;position:relative}.object-combobox label{color:#22c55e;letter-spacing:.08em;text-transform:uppercase;opacity:.82;font-size:10px;font-weight:700}.object-combobox-trigger{color:#f8fafc;width:100%;min-width:0;min-height:42px;font:inherit;cursor:pointer;background:#0f172ad1;border:1px solid #94a3b847;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;line-height:1;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.object-combobox-trigger:hover{background:#0f261ee0;border-color:#22c55e94;box-shadow:0 0 0 1px #22c55e1f}.object-combobox-trigger:focus-visible{outline-offset:2px;outline:2px solid #22c55eb8}.object-combobox-value{align-items:center;gap:12px;min-width:0;line-height:1;display:flex}.object-combobox-value span{text-align:left;text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.object-combobox-value strong{color:#94a3b8;flex:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1}.object-combobox-affordance{color:#86efac;letter-spacing:.08em;text-transform:uppercase;flex:none;align-items:center;gap:7px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.chevron{border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transform:rotate(45deg)}.object-combobox-menu{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c16f5;border:1px solid #94a3b847;border-radius:8px;gap:8px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 24px 80px #00000075}.object-combobox-menu input{box-sizing:border-box;color:#f8fafc;width:100%;min-width:0;font:inherit;background:#0f172ae0;border:1px solid #94a3b847;border-radius:6px;outline:none;padding:9px 10px}.object-combobox-menu input:focus{border-color:#38bdf8b8}.object-combobox-list{height:300px;overflow:auto}.object-combobox-spacer{position:relative}.object-combobox-header,.object-combobox-list button{position:absolute;left:0;right:0}.object-combobox-header{color:#38bdf8;letter-spacing:.12em;text-transform:uppercase;align-items:center;font-size:11px;font-weight:800;display:flex}.object-combobox-list button{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0 9px;display:flex}.object-combobox-list button.active,.object-combobox-list button:hover{color:#f8fafc;background:#38bdf829}.object-combobox-list button span{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.object-combobox-list button strong{color:#94a3b8;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.object-combobox-empty{color:#94a3b8;margin:10px 0 0;font-size:13px}.input-stack{gap:9px;min-width:0;display:grid}.station-field{gap:6px;min-width:0;display:grid}.station-label{color:#fb923c;letter-spacing:.08em;text-transform:uppercase;opacity:.82;font-size:10px;font-weight:700}.station-value{background:#fb923c14;border:1px solid #fb923c42;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 12px;display:flex}.subsection-label{color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.live-heading{gap:4px;min-width:0;display:grid}.live-heading h2{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.station-value span{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.station-value strong{color:#fed7aa;flex:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.group-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(340px,100vw - 48px);padding:12px;display:grid;top:24px;left:24px}.group-panel button{color:#94a3b8;cursor:pointer;background:#0f172a94;border:1px solid #94a3b838;border-radius:6px;gap:3px;min-width:0;padding:8px 7px;display:grid}.group-panel button.active{color:#f8fafc;background:#38bdf829;border-color:#f8fafca8}.group-panel span{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.group-panel strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.top-actions{align-items:center;gap:8px;display:flex;position:absolute;top:24px;right:24px}.github-link{color:#08060d;text-transform:uppercase;background:#f8fafceb;align-items:center;gap:7px;min-height:30px;padding:8px 10px;font-size:12px;font-weight:800;line-height:1;text-decoration:none;transition:background .16s,transform .16s,border-color .16s;display:inline-flex;position:static}.github-link:hover{background:#f8fafc;border-color:#f8fafcd1;transform:translateY(-1px)}.github-link:focus-visible{outline-offset:2px;outline:2px solid #38bdf8b8}.github-link svg{flex:none;width:17px;height:17px}.metrics{gap:10px;margin:18px 0 0;display:grid}.metrics.compact{gap:6px;margin-top:12px}.metrics.dense,.metrics.live-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:0}.metrics div{border-top:1px solid #94a3b82e;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;display:flex}.metrics dt,.metrics dd{margin:0;font-size:13px}.metrics dt{color:#94a3b8}.metrics dd{color:#f8fafc;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.passes-list{gap:8px;margin-top:0;display:grid}.visibility-heading{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.visibility-heading strong{color:#fb923c;text-transform:uppercase;flex:none;font-size:11px;font-weight:700}.visibility-pair{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;background:#0f172a57;border:1px solid #94a3b824;border-radius:6px;align-items:center;gap:8px;min-width:0;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.visibility-token{text-overflow:ellipsis;white-space:nowrap;min-width:0;position:relative;overflow:hidden}.visibility-token:before{content:"";vertical-align:1px;border-radius:999px;width:7px;height:7px;margin-right:7px;display:inline-block}.tracked-token{color:#bbf7d0}.tracked-token:before{background:#22c55e;box-shadow:0 0 12px #22c55ea6}.station-token{color:#fed7aa}.station-token:before{background:#fb923c;box-shadow:0 0 12px #fb923ca6}.visibility-connector{color:#64748b;flex:none}.pass-row{background:#fb923c14;border:1px solid #fb923c2e;border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px;display:grid}.pass-row div{gap:3px;min-width:0;display:grid}.pass-row span{color:#94a3b8;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.pass-row strong{color:#f8fafc;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.empty-state{color:#94a3b8;margin:0;font-size:13px}.connection-status{color:#cbd5e1;text-transform:uppercase;align-items:center;gap:8px;min-height:30px;padding:8px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:static}.connection-status strong,.connection-status time{font:inherit;align-items:center;line-height:1;display:inline-flex}.connection-status time{color:#94a3b8;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.connection-status span{background:#64748b;border-radius:50%;flex:none;width:8px;height:8px}.connection-status.live span{background:#22c55e;box-shadow:0 0 16px #22c55eb8}.connection-status.connecting span,.connection-status.fallback span{background:#f59e0b}.connection-status.error span{background:#ef4444}canvas{display:block}@media (width<=720px){.group-panel{box-sizing:border-box;width:auto;top:54px;left:12px;right:12px}.operations-bar{box-sizing:border-box;grid-template-columns:1fr;max-height:58vh;bottom:12px;left:12px;right:12px;overflow-y:auto}.input-context,.input-stack{grid-template-columns:1fr}.live-context,.visibility-context{border-top:1px solid #94a3b838;border-left:0;padding-top:14px;padding-left:0}.top-actions{top:12px;right:12px}}