:root{--bg:#000;--surface:#080a0ac7;--line:#23302f;--text:#f5f5f5;--muted:#7f8c8a;--red:#d71921;--cyan:#2fd6e6;--lime:#c8ff3a;--display:"Doto", "Space Mono", monospace;--mono:"Space Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.4 Space Grotesk,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}#stage{position:fixed;inset:0}#stage canvas{display:block}#stage .labels{position:absolute;inset:0}.label{font:700 10px var(--mono);letter-spacing:.14em;white-space:nowrap;pointer-events:none;background:#0009;border-radius:999px;padding:3px 7px}.label.device{color:var(--lime);border:1px solid #c8ff3a73}.label.device.dim{opacity:.35}.label.room{color:#9dfcd0;border:1px solid #9dfcd04d;font-weight:400}.label.origin{color:#fff;background:var(--red)}.dot{background:#444;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.red{background:var(--red)}.dot.on{background:var(--red);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}#top{padding:calc(env(safe-area-inset-top) + 14px) 20px 28px;pointer-events:none;background:linear-gradient(#000e,#0000);align-items:center;gap:20px;display:flex;position:fixed;top:0;left:0;right:0}#top>*{pointer-events:auto}.brand{align-items:center;gap:10px;display:flex}.brand h1{font:800 26px/1 var(--display);letter-spacing:.04em;margin:0}.brand h1 span{font:400 10px var(--mono);letter-spacing:.2em;color:var(--muted);vertical-align:middle;margin-left:10px}.stats{flex:1;justify-content:center;gap:28px;display:flex}.stats div{justify-items:center;display:grid}.stats b{font:800 28px/1 var(--display)}.stats span{font:400 9px var(--mono);letter-spacing:.16em;color:var(--muted);margin-top:4px}.live{font:700 11px var(--mono);letter-spacing:.14em;align-items:center;gap:8px;display:flex}#side{pointer-events:none;flex-direction:column;gap:12px;width:300px;display:flex;position:fixed;top:88px;bottom:56px;right:16px}#side>*{pointer-events:auto}.tabs{display:none}.panel{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;min-height:0;padding:14px;display:flex}#devicesPanel{flex:0 auto;max-height:55%}#roomsPanel{flex:auto}.panel h2{font:400 10px var(--mono);letter-spacing:.18em;color:var(--muted);margin:0 2px 10px}.panel ul{gap:6px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.origin-line{font:700 10px var(--mono);letter-spacing:.12em;color:var(--red);margin:-4px 2px 10px}.row{border:1px solid var(--line);background:#050707;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}#rooms .row{grid-template-columns:1fr}.row .name{text-overflow:ellipsis;white-space:nowrap;font:500 14px Space Grotesk,sans-serif;overflow:hidden}.row .meta{font:400 10px var(--mono);letter-spacing:.1em;color:var(--muted);grid-column:1/-1}.device-row{cursor:pointer}.device-row:hover,.device-row:focus-visible{border-color:var(--lime);outline:none}.row.dim{opacity:.45}.chip{font:700 9px var(--mono);letter-spacing:.14em;border:1px solid var(--line);border-radius:999px;padding:4px 8px}.chip.lidar{color:#000;background:var(--lime);border-color:var(--lime)}.empty{font:400 10px var(--mono);letter-spacing:.16em;color:var(--muted);padding:16px 4px}#legend{left:20px;bottom:calc(env(safe-area-inset-bottom) + 16px);font:400 9px var(--mono);letter-spacing:.14em;color:var(--muted);flex-wrap:wrap;gap:16px;display:flex;position:fixed}#legend span{align-items:center;gap:6px;display:flex}.sw{border-radius:3px;width:18px;height:6px;display:inline-block}.sw.depth{background:linear-gradient(90deg,#0a6b32,#16b25c,#19c9a6,#27c6ea,#2f6dff);width:40px}.sw.door{background:var(--lime)}.sw.window{background:#5ef0ff}.sw.origin{background:var(--red)}@media (width<=760px){#top{padding:calc(env(safe-area-inset-top) + 12px) 16px 20px;flex-wrap:wrap;gap:10px 16px}.brand h1{font-size:22px}.stats{flex-basis:100%;order:3;justify-content:space-between;gap:0}.stats b{font-size:24px}.live{margin-left:auto}#side{width:auto;top:auto;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);gap:8px;height:36vh}.tabs{border:1px solid var(--line);background:var(--surface);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.tabs button{font:700 10px var(--mono);letter-spacing:.14em;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:9px 0}.tabs button[aria-pressed=true]{background:var(--text);color:#000}.tabs b{margin-left:4px;font-weight:700}.panel h2{display:none}#devicesPanel,#roomsPanel{flex:auto;max-height:none}body[data-tab=devices] #roomsPanel,body[data-tab=rooms] #devicesPanel,#legend{display:none}.label{padding:2px 5px;font-size:8px}}.modes{border:1px solid var(--line);background:#0a0a0a;border-radius:999px;padding:3px;display:flex}.modes button{color:var(--muted);font:700 10px var(--mono);letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 12px}.modes button[aria-pressed=true]{color:#000;background:#f5f5f5}#cutaway{border:1px solid var(--line);margin-left:4px}#cutaway[aria-pressed=true]{background:var(--lime);color:#000;border-color:var(--lime)}body[data-mode=colour] .depth-only,body[data-mode=depth] .colour-only{display:none!important}.sw.splat{background:linear-gradient(90deg,#8a6a4a,#c9b79c,#6f8f7a,#b5523b,#e9e4da);width:40px}.device-row{grid-template-columns:auto auto 1fr auto}.device-row .meta{grid-column:3/-1}.thumb{object-fit:cover;border:1px solid var(--lime);border-radius:6px;grid-row:span 2;width:44px;height:33px}.thumb[hidden]{display:none}@media (width<=760px){.modes{order:2}.modes button{padding:6px 9px}}.views{border:1px solid var(--line);background:#0a0a0a;border-radius:999px;padding:3px;display:flex}.views button{color:var(--muted);font:700 10px var(--mono);letter-spacing:.12em;background:0 0;border:0;border-radius:999px;padding:7px 14px}.views button[aria-pressed=true]{background:var(--red);color:#fff}.views button:focus-visible,.modes button:focus-visible{outline:1px solid var(--lime);outline-offset:2px}#operator{display:none}body[data-view=operator] #operator{display:grid}body[data-view=operator] #stage{visibility:hidden}body[data-view=operator] #side,body[data-view=operator] #legend,body[data-view=operator] .modes,body[data-view=operator] .stats{display:none}body[data-view=operator] #top{border-bottom:1px solid var(--line);background:#000;padding-bottom:14px}#operator{padding:calc(env(safe-area-inset-top) + 74px) 16px calc(env(safe-area-inset-bottom) + 16px);background:#000;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:14px;position:fixed;inset:0;overflow:hidden}.op-head{grid-column:1/-1}.op-counts{gap:28px;display:flex}.op-counts div{display:grid}.op-counts b{font:800 30px/1 var(--display);font-variant-numeric:tabular-nums}.op-counts span{font:400 9px var(--mono);letter-spacing:.16em;color:var(--muted);margin-top:4px}.op-plan,.op-wall{border:1px solid var(--line);background:#040606;border-radius:18px;flex-direction:column;min-height:0;padding:12px;display:flex}.op-plan h2,.op-wall h2{font:700 10px var(--mono);letter-spacing:.18em;color:var(--muted);align-items:center;gap:8px;margin:0 2px 10px;display:flex}.op-wall h2{color:var(--text)}.op-canvas{background:#000 radial-gradient(circle,#ffffff10 1px,#0000 1.4px) 0 0/14px 14px;border-radius:12px;flex:1;min-height:0;position:relative}.op-canvas canvas{cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.op-empty{font:400 10px var(--mono);letter-spacing:.16em;color:var(--muted);margin:0;padding:18px 4px}.op-canvas .op-empty{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.op-empty[hidden]{display:none!important}.op-tiles{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,1fr);gap:10px;min-height:0;display:grid;overflow-y:auto}.op-tiles[data-n="1"]{grid-template-columns:minmax(0,1fr)}.op-tiles[data-n="5"],.op-tiles[data-n="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}.op-tile{border:1px solid var(--line);cursor:pointer;background:#050707;border-radius:14px;flex-direction:column;min-height:0;margin:0;display:flex;overflow:hidden}.op-tile:focus-visible{outline:1px solid var(--lime);outline-offset:2px}.op-tile.selected{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.op-tile.offline,.op-tile.stale .op-video canvas{opacity:.45}.op-video{background:#020303;flex:1;min-height:0;position:relative}.op-video canvas{width:100%;height:100%;position:absolute;inset:0}.op-novideo{font:400 10px var(--mono);letter-spacing:.16em;color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.op-tile.has-video .op-novideo{display:none}.op-tile figcaption{border-top:1px solid var(--line);align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.op-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 13px Space Grotesk,sans-serif;overflow:hidden}.op-role{font:700 9px var(--mono);letter-spacing:.12em;color:var(--lime)}.op-role:empty{display:none}.op-age{font:400 9px var(--mono);letter-spacing:.1em;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto}@media (width<=1099px){#operator{grid-template-rows:auto 46vh max-content;grid-template-columns:minmax(0,1fr);overflow-y:auto}.op-wall{min-height:auto}.op-tiles{flex:none;grid-auto-rows:200px;overflow:visible}.op-tiles[data-n="5"],.op-tiles[data-n="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){#operator{padding-top:calc(env(safe-area-inset-top) + 64px)}body[data-view=operator] #top{flex-wrap:nowrap}.views{margin-left:auto}.views button{padding:6px 10px}.op-counts{justify-content:space-between;gap:0}.op-counts b{font-size:24px}.op-tiles{grid-auto-rows:230px;grid-template-columns:minmax(0,1fr)!important}}.op-planhead{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.op-planhead h2{margin:0 auto 0 2px}.op-seg{border:1px solid var(--line);background:#0a0a0a;border-radius:999px;padding:3px;display:flex}.op-seg button{color:var(--muted);font:700 9px var(--mono);letter-spacing:.12em;background:0 0;border:0;border-radius:999px;padding:6px 11px}.op-seg button[aria-pressed=true]{color:#000;background:#f5f5f5}.op-seg button[data-plan][aria-pressed=true]{background:var(--red);color:#fff}.op-seg button:focus-visible{outline:1px solid var(--lime);outline-offset:2px}#operator:not([data-planview="3d"]) .op-pmodes{display:none}.op-splat{background:#000;border-radius:12px;flex:1;min-height:0;display:none;position:relative;overflow:hidden}.op-splat canvas{display:block;position:absolute;inset:0}.op-splat .labels{position:absolute;inset:0}#operator[data-planview="3d"] .op-canvas{display:none}#operator[data-planview="3d"] .op-splat{display:block}.label.device.selected{color:#fff;background:var(--red);border-color:var(--red)}.op-legend{font:400 9px var(--mono);letter-spacing:.14em;color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:10px 2px 0;display:flex}.op-legend span{align-items:center;gap:6px;display:flex}.lg{border-radius:2px;width:16px;height:4px;display:inline-block}.lg.wall{background:#f5f5f5}.lg.closed{background:var(--red);border-radius:1px;height:5px}.lg.window{background:repeating-linear-gradient(90deg,#fff 0 4px,#0000 4px 7px)}.lg.origin{background:linear-gradient(var(--red), var(--red)) center / 100% 2px no-repeat, linear-gradient(var(--red), var(--red)) center / 2px 100% no-repeat;border-radius:0;width:10px;height:10px}svg.lg{fill:none;width:18px;height:14px;stroke:var(--red);stroke-width:1.5px;border-radius:0}svg.lg .arc{stroke-dasharray:2.5 2;stroke-width:1px}#operator[data-planview="3d"] .op-legend{display:none}@media (width<=760px){.op-planhead{gap:6px}.op-seg button{padding:5px 8px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.agent-avatar{color:var(--text);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.agent-ring{border:1px solid var(--line);background:#0a0a0a;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.agent-avatar:hover .agent-ring,.agent-avatar[aria-expanded=true] .agent-ring{border-color:var(--text)}.agent-avatar:focus-visible{outline:none}.agent-avatar:focus-visible .agent-ring{outline:1px solid var(--lime);outline-offset:2px}.agent-glyph{display:grid}.agent-unread{background:var(--red);border:2px solid #000;border-radius:50%;width:10px;height:10px;animation:1.6s ease-in-out infinite pulse;display:none;position:absolute;top:1px;right:1px}.agent-avatar.unread .agent-unread{display:block}.agent-label{font:700 9px var(--mono);letter-spacing:.16em;color:var(--muted)}.agent-panel{z-index:50;position:fixed;inset:0}.agent-panel[hidden]{display:none}.agent-backdrop{background:#00000073;position:absolute;inset:0}.agent-sheet{border-left:1px solid var(--line);width:min(400px,100%);padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);background:#050707;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.agent-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.agent-title-glyph{color:var(--red);display:grid}.agent-head h2{font:800 20px/1 var(--display);letter-spacing:.04em;margin:0 auto 0 0}.agent-close{border:1px solid var(--line);font:700 9px var(--mono);letter-spacing:.14em;color:var(--muted);background:0 0;border-radius:999px;padding:7px 12px}.agent-close:hover{color:var(--text);border-color:var(--text)}.agent-feed{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:4px 2px 8px;list-style:none;display:flex;overflow-y:auto}.agent-item{font-size:13px;line-height:1.45}.agent-item.event{border-left:2px solid var(--line);color:#c9cfce;align-items:baseline;gap:10px;padding-left:10px;display:flex}.agent-item.event.warn{border-left-color:var(--red);color:var(--text)}.agent-item.event time{font:400 10px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.agent-item.you{color:#000;overflow-wrap:anywhere;background:#f5f5f5;border-radius:14px 14px 4px;align-self:flex-end;max-width:85%;padding:8px 12px}.agent-item.agent{border:1px solid var(--line);background:#0b0f0f;border-radius:14px 14px 14px 4px;align-self:flex-start;max-width:92%;padding:10px 12px}.agent-item.agent p{white-space:pre-line;overflow-wrap:anywhere;margin:4px 0 0}.agent-source{font:700 8px var(--mono);letter-spacing:.16em;color:var(--lime)}.agent-item.error{border-color:var(--red);color:#ffb3b6}.agent-item.pending{color:var(--muted);font:400 11px var(--mono);align-items:center;gap:10px;display:flex}.agent-dots{gap:4px;display:flex}.agent-dots i{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite pulse}.agent-dots i:nth-child(2){animation-delay:.15s}.agent-dots i:nth-child(3){animation-delay:.3s}.agent-actions{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.agent-report{color:#000;font:700 10px var(--mono);letter-spacing:.16em;text-align:left;background:#f5f5f5;border:0;border-radius:999px;padding:12px 16px}.agent-chips{flex-wrap:wrap;gap:6px;display:flex}.agent-chips button{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:999px;padding:7px 11px;font:400 12px Space Grotesk,sans-serif}.agent-chips button:hover{border-color:var(--text)}.agent-ask{gap:8px;display:flex}.agent-ask input{border:1px solid var(--line);min-width:0;color:var(--text);background:#000;border-radius:999px;flex:1;padding:10px 14px;font:400 13px Space Grotesk,sans-serif}.agent-ask input:focus{border-color:var(--text);outline:none}.agent-ask button{background:var(--red);color:#fff;font:700 10px var(--mono);letter-spacing:.14em;border:0;border-radius:999px;padding:0 16px}.agent-panel button:disabled{opacity:.4;cursor:default}.agent-panel button:focus-visible{outline:1px solid var(--lime);outline-offset:2px}@media (width<=760px){.agent-label{display:none}.agent-ring{width:34px;height:34px}.agent-sheet{border-left:0;border-top:1px solid var(--line);border-radius:20px 20px 0 0;width:100%;height:82vh;padding-top:16px;top:auto;left:0}body[data-view=operator] #top{gap:10px;padding-left:12px;padding-right:12px}.brand{gap:7px;min-width:0}.brand h1{white-space:nowrap;font-size:17px}.brand h1 span,#connLabel{display:none}.live{margin-left:0}.views{flex:none;margin-left:auto}.views button{padding:6px 9px;font-size:9px}.agent-avatar{flex:none}}#top .agent-avatar{order:99;margin-left:auto}