.cell{position:relative;aspect-ratio:4 / 3;background:var(--surface);border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:0 18px 60px -28px color-mix(in oklab,var(--accent) 70%,transparent);touch-action:pan-y}.cell canvas{display:block;width:100%;height:100%;cursor:grab}.cell canvas:active{cursor:grabbing}.telemetry{position:absolute;inset:auto auto 14px 16px;margin:0;display:flex;gap:clamp(14px,2.4vw,22px);font:500 11px/1 var(--mono);letter-spacing:.12em;font-variant-numeric:tabular-nums;pointer-events:none}.telemetry div{display:flex;gap:8px;align-items:baseline}.telemetry dt{color:var(--ink-2)}.telemetry dd{margin:0;color:var(--accent-ink)}.cell-caption{position:absolute;inset:14px auto auto 16px;margin:0;font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);pointer-events:none}.phases{position:absolute;inset:auto 16px 18px auto;display:flex;gap:6px;pointer-events:none}.phases span{width:16px;height:2px;background:var(--line-2);transition:background-color .15s ease}.phases span[data-on]{background:var(--accent-ink)}.orc{position:absolute;inset:0;display:grid;place-items:center;padding:10px;pointer-events:none}.orc svg{width:100%;height:100%}.orc text{font-family:var(--mono);font-weight:500;letter-spacing:.12em;fill:var(--ink-2)}.orc-head{font-size:9.5px}.orc-right{text-anchor:end}.orc-link,.orc-track,.orc-panel{fill:none;stroke:var(--line)}.orc-track{fill:var(--line);stroke:none}.orc-track-fill{fill:var(--accent-ink);stroke:none}.orc-bracket{fill:none;stroke:var(--line-2);stroke-dasharray:2 3;transition:d .2s ease}.orc-step rect{fill:var(--surface);stroke:var(--line)}.orc-step-num{font-size:9px;fill:var(--ink-2)}.orc-step-label{font-size:10px;fill:var(--ink-2)}.orc-step-fill{fill:var(--accent);stroke:none}.orc-step[data-state=done] rect{stroke:var(--line-2)}.orc-step[data-state=done] .orc-step-label{fill:var(--ink)}.orc-step[data-state=done] .orc-step-fill{fill:var(--accent-ink)}.orc-step[data-state=live] rect{fill:var(--wash);stroke:var(--accent-ink)}.orc-step[data-state=live] .orc-step-label,.orc-step[data-state=live] .orc-step-num{fill:var(--accent-ink)}.orc-step[data-state=idle]{opacity:.55}.orc-node-box{fill:var(--surface);stroke:var(--line)}.orc-node-label{font-size:9.5px}.orc-node-fill{fill:var(--accent);stroke:none}.orc-rail{stroke:none}.orc-rail[data-kind=fixture],.orc-node[data-kind=fixture] .orc-rail{fill:var(--ink-2)}.orc-rail[data-kind=perception],.orc-node[data-kind=perception] .orc-rail{fill:var(--accent-ink)}.orc-rail[data-kind=policy],.orc-node[data-kind=policy] .orc-rail{fill:var(--accent);width:4px}.orc-rail[data-kind=human],.orc-node[data-kind=human] .orc-rail{fill:var(--warning)}.orc-node[data-state=idle]{opacity:.6}.orc-node[data-state=skip]{opacity:.32}.orc-node[data-state=skip] .orc-node-box{stroke-dasharray:3 3}.orc-node[data-state=done] .orc-node-box{stroke:var(--line-2)}.orc-node[data-state=done] .orc-node-label{fill:var(--ink)}.orc-node[data-state=done] .orc-node-fill{fill:var(--accent-ink)}.orc-node[data-state=live] .orc-node-box{fill:var(--wash);stroke:var(--accent-ink)}.orc-node[data-state=live] .orc-node-label{fill:var(--accent-ink)}.orc-node[data-state=alert] .orc-node-box{fill:color-mix(in oklab,var(--warning) 14%,var(--surface));stroke:var(--warning)}.orc-node[data-state=alert] .orc-node-label,.orc-node[data-state=alert] .orc-node-fill{fill:var(--warning)}.orc-edge{fill:none;stroke:var(--line)}.orc-edge[data-kind=skip]{stroke-dasharray:2 3}.orc-edge[data-state=skip]{opacity:.32}.orc-edge[data-state=done]{stroke:var(--line-2)}.orc-edge[data-state=live]{stroke:var(--accent-ink);stroke-width:1.4}.orc-token{fill:var(--accent-ink);stroke:none}.orc-note-key{font-size:8.5px;opacity:.7}.orc-note-value{font-size:9px;fill:var(--ink);letter-spacing:.06em}.orc-note-rule{stroke:var(--line)}.orc-legend-label{font-size:8.5px;letter-spacing:.14em}@media(max-width:820px){.cell{aspect-ratio:4 / 5}}@media(max-width:560px){.cell-caption{inset:10px auto auto 10px}.telemetry{inset:auto auto 10px 10px;font-size:10px}}