:root{color-scheme:dark;--bg: #0b1220;--panel: #131f30;--panel-soft: #18283b;--border: #25374b;--text: #edf3f9;--muted: #9aacc1;--accent: #80dfc9;--claude: #f18cba;--pi: #75e1e2;--codex: #f6c36b;--zcode: #a89bff;--radius: 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}html{scroll-padding-top:14px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,input,select{font:inherit}button,select{min-height:44px}button{padding:7px 12px;border:1px solid var(--border);border-radius:6px;background:var(--panel-soft);color:var(--text);cursor:pointer;font-size:12px;line-height:1.3;transition:background .16s,border-color .16s;touch-action:manipulation}button:hover:not(:disabled){background:#21364c;border-color:#496278}button[aria-pressed=true]{background:#193b3d;border-color:var(--accent);color:#c9fff3}button:disabled{opacity:.42;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:14px;font-weight:500;line-height:1.4;color:#c3d4e8}h2{font-size:17px;font-weight:650;letter-spacing:-.3px;line-height:1.35}h3{font-size:13px;font-weight:600;line-height:1.4}strong,.mono,time,.count{font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.muted{color:var(--muted);font-size:11px}.eyebrow{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.8px}.shell{width:min(1480px,calc(100% - 32px));margin-inline:auto}.topbar{min-height:52px;padding:4px 16px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand strong{font-size:16px;font-weight:650;color:var(--accent);white-space:nowrap}.brand-divider{color:#6c8199;font-size:20px}.main-nav{display:flex;align-items:stretch;gap:16px;margin-left:auto;margin-right:auto}.main-nav a{min-height:44px;padding:11px 10px 8px;border-bottom:2px solid transparent;color:#b8cbe0;font-size:13px;font-weight:550;text-decoration:none}.main-nav a:hover,.main-nav a:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}.main-nav a[aria-current=location]{color:var(--accent);border-bottom-color:var(--accent)}.connection{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;white-space:nowrap}.connection time{margin-left:16px}.dot,.source-dot{display:inline-block;flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.on{background:var(--accent);box-shadow:0 0 8px #80dfc92b}.dot.off{background:var(--codex)}.source-dot.claude{background:var(--claude)}.source-dot.pi{background:var(--pi)}.source-dot.codex{background:var(--codex)}.source-dot.zcode{background:var(--zcode)}.source-dot.demo{background:#93a4bd}.demo-badge{padding:4px 10px;border:1px solid #93a4bd;border-radius:999px;background:#93a4bd24;color:#c9d4e6;font-size:11px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.canvas-wrap:has(.empty-office:not([hidden])){min-height:300px}.empty-office{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:min(440px,calc(100% - 32px));max-height:calc(100% - 16px);overflow:auto;padding:16px 18px;border:1px solid #2a3a52;border-radius:var(--radius);background:#101b2af0;color:#dbe4f3;box-shadow:0 12px 32px #00000059}.empty-office h3{margin:0 0 6px;font-size:15px}.empty-office p{margin:0 0 10px;font-size:12px;line-height:1.5;color:#b7c3d6}.empty-office ul{margin:0 0 10px;padding:0;list-style:none;font-size:12px;line-height:1.7;color:#b7c3d6}.empty-office li .source-dot{margin-right:6px}.empty-office li code{padding:0 4px;border-radius:4px;background:#ffffff0f;font-size:11px}.empty-office li.found{color:#dbe4f3}.empty-office li.unreadable{color:#efce98}.empty-office #show-older{border-color:#395269}.tool-board-source.missing{opacity:.55}.door-label.missing{color:#7d8796!important;opacity:.6}.shortcut-help{position:relative}.shortcut-help>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-weight:700}.shortcut-help>summary::-webkit-details-marker{display:none}.shortcut-help-body{position:absolute;right:0;top:calc(100% + 6px);z-index:6;width:min(320px,calc(100vw - 32px));padding:12px 14px;border:1px solid #2a3a52;border-radius:var(--radius);background:#101b2af7;color:#dbe4f3;font-size:12px;line-height:1.5;text-align:left;box-shadow:0 12px 32px #00000059}.shortcut-help-body h3{margin:0 0 6px;font-size:13px}.shortcut-help-body dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0 0 8px}.shortcut-help-body dt kbd{padding:1px 6px;border:1px solid #395269;border-radius:4px;background:#152638;font-size:11px}.shortcut-help-body dd,.shortcut-help-body p{margin:0;color:#b7c3d6}.shortcut-help-body p{margin-bottom:8px}.shortcut-help-body #reset-preferences{border-color:#395269}.shortcut-help-body small{display:block;margin-top:4px;color:var(--muted)}.group-chip{position:absolute;right:10px;bottom:10px;z-index:3;padding:6px 12px;border:1px solid #395269;border-radius:8px;background:#101b2ad9;color:#dbe4f3;font-size:11px}.group-chip:hover{border-color:#80dfc9}body:not(.office-focus) .group-chip{display:none}.camera-chip{position:absolute;top:10px;right:10px;z-index:3;padding:6px 12px;border:1px solid #395269;border-radius:8px;background:#101b2ad9;color:#dbe4f3;font-size:11px}.camera-chip:hover{border-color:#80dfc9}.demo-stage-badge{position:absolute;top:10px;left:10px;z-index:3;padding:3px 8px;border:1px solid #93a4bd;border-radius:6px;background:#101b2ac7;color:#c9d4e6;font-size:11px;font-weight:700;letter-spacing:.08em;pointer-events:none}.notice{margin:10px 0;padding:10px 14px;border:1px solid #5d523b;border-radius:var(--radius);background:#28261f;color:#efce98;font-size:12px}[hidden]{display:none!important}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0 10px;padding:7px 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.metric{min-width:0;padding:0 22px;border-right:1px solid var(--border)}.metric:last-child{border:0}.metric>span{display:block;color:#bbd0e7;font-size:11px;line-height:15px}.metric strong{display:block;font-size:22px;font-weight:650;letter-spacing:-.5px;line-height:25px;margin-top:1px}.metric:first-child strong{color:var(--accent)}.metric small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;line-height:12px}.filter-panel{margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.filters-toggle{display:none}.filters-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.filters-toggle .filter-chevron{width:16px;height:16px;margin-left:auto;transition:transform .16s}.filters-toggle[aria-expanded=true] .filter-chevron{transform:rotate(180deg)}#filter-summary{min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400}.toolbar{display:flex;align-items:center;gap:12px;min-height:54px;padding:5px 14px;border-bottom:1px solid var(--border)}.search{position:relative;flex:1 1 230px;min-width:180px}.search svg{position:absolute;left:12px;top:14px;width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.6}.search input{width:100%;height:44px;padding:9px 32px 9px 38px;border:1px solid #30465e;border-radius:6px;background:#0f1b2a;color:var(--text);font-size:12px}.search input::placeholder{color:#9eb2ca}.search kbd{position:absolute;right:11px;top:12px;padding:0 4px;border:1px solid var(--border);border-radius:3px;color:#7f96af;font-family:inherit;font-size:11px}.select-control{display:flex;align-items:center;gap:10px;color:#bdd0e5;font-size:11px;white-space:nowrap}.select-control select{max-width:100%;padding:7px 28px 7px 11px;border:1px solid #30465e;border-radius:6px;background:#0f1b2a;color:var(--text);font-size:12px}.model-control{padding-left:12px;border-left:1px solid var(--border)}.model-control select{width:174px}.check{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#bdd0e5;font-size:11px;cursor:pointer}.check input{flex-shrink:0;accent-color:var(--accent);width:16px;height:16px;margin:0}.check small{color:var(--muted);font-size:10px}.workspace-tools{display:flex;align-items:center;gap:20px;min-height:44px;padding:0 14px}.sort-control{padding-left:20px;border-left:1px solid var(--border)}.sort-control select{width:162px}.workspace-tools .text-button{margin-left:auto}.count{display:inline-flex;align-items:center;min-width:24px;padding:1px 7px;border-radius:4px;background:#213347;color:var(--accent);font-size:10px;line-height:18px}.text-button{background:transparent;border-color:transparent;padding:7px 9px;font-size:11px}.text-button:hover:not(:disabled){border-color:#395269}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;align-items:start}.office-panel,.panel{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.office-panel{overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:4px 14px}.office-heading{display:flex;align-items:baseline;gap:12px;min-width:0}.office-heading h2{font-size:20px;white-space:nowrap}#stage-summary{color:var(--muted);font-size:10px}.scene-controls,.view-controls{display:flex;align-items:center;gap:6px}.scene-controls{flex-wrap:wrap;justify-content:flex-end}.view-controls button{white-space:nowrap;font-size:10px;padding-inline:10px}.view-controls button:disabled{opacity:.45;cursor:not-allowed}.scene-controls>.text-button,.shortcut-help>summary{border:1px solid var(--border);border-radius:6px;font-size:10px;padding-inline:10px}.renderer-status{display:flex;align-items:center;gap:6px;padding:0 14px 8px;color:var(--accent);font-size:10px}.renderer-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.renderer-status.fallback{color:var(--codex)}.canvas-wrap{position:relative;overflow:hidden;width:100%;background:#101b2a}canvas#office{display:block;width:100%;height:auto;aspect-ratio:960 / 620}canvas#office2d{display:block;width:100%;height:auto;aspect-ratio:960 / 620;cursor:pointer}#scene-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.door-label{position:absolute;transform:translate(-50%,-100%);pointer-events:none;padding:2px 8px;border-radius:5px;background:#0b182ecc;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 3px #07101c}.briefing-label{position:absolute;transform:translate(-50%,-100%);pointer-events:none;padding:2px 9px;border-radius:999px;background:#1d3a2ee6;border:1px solid #6fd7b4aa;color:#bdf3dc;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 8px #07101c66}.asking-label{position:absolute;transform:translate(-50%,-100%);pointer-events:none;padding:2px 9px;border-radius:999px;background:#3a2f1de6;border:1px solid #e8c469aa;color:#ffe3a3;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 8px #07101c66}.three-label{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;transform:translate(-50%,-50%);pointer-events:auto;min-height:44px;width:max-content;max-width:120px;padding:4px 7px;border:1px solid #6d8cab66;border-radius:6px;background:#0b182ee8;color:#edf3f9;box-shadow:0 3px 8px #07101c33;font-size:9px;line-height:1.35;text-align:center}.three-label>*{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.three-label strong{font-size:11px;font-weight:600}.three-label small{color:#c1d4e8;font-size:9px}.three-label .badge{display:inline-block;width:auto;max-width:100%;padding:0 4px;font-size:9px}@keyframes label-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}}@keyframes chip-in{0%{opacity:0;transform:translate(-50%,-100%) scale(.92)}}.three-label{animation:label-in .14s ease-out}.briefing-label,.asking-label{animation:chip-in .14s ease-out}@keyframes model-beat{0%{box-shadow:0 0 #6fd7b4cc;transform:translate(-50%,-50%) scale(1)}35%{transform:translate(-50%,-50%) scale(1.08)}to{box-shadow:0 0 0 10px #6fd7b400;transform:translate(-50%,-50%) scale(1)}}.three-label.model-beat{animation:label-in 0s,model-beat .6s ease-out}.three-label[aria-pressed=true],.three-label.selected{background:#163a3df2;border-color:var(--accent);box-shadow:0 0 0 1px #80dfc944}.three-label:focus-visible{z-index:2}.camera-hint{padding:7px 14px 0;color:var(--muted);font-size:10px}.legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:8px 14px;border-bottom:1px solid var(--border);color:var(--muted);font-size:10px}.legend>span{display:inline-flex;align-items:center;gap:6px}.legend-explanation{color:#bdcde0}.roster-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px 6px}.roster-heading h3{font-size:11px}.roster-heading .muted{font-size:10px}.project-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 14px}.project-card,.worker-card{display:block;min-height:64px;min-width:0;padding:7px 9px;border-radius:6px;background:#172638;text-align:left}.project-card[aria-pressed=true],.worker-card[aria-pressed=true]{border-color:var(--accent);background:#183b3e}.project-card b,.worker-card b,.worker-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:550}.project-card small,.worker-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;line-height:1.55}.worker-model{display:block;overflow-wrap:anywhere;color:#e0edf8;font-size:10px;line-height:1.5}.worker-role{color:var(--muted);font-size:9px}.card-status{color:var(--accent);font-size:9px}.card-status.quiet,.pin-mark{color:var(--codex)}.project-list>.empty{grid-column:1 / -1}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 14px}.pagination button{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:transparent;border-color:transparent;font-size:10px;padding-inline:4px}.pagination svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.pagination>span{color:var(--muted);font-size:10px}.activity-note{padding:0 14px 10px;color:#91a4ba;font-size:9px;line-height:1.6}.sidebar{min-width:0}.panel{padding:14px}.detail-panel{min-height:480px;max-height:735px;overflow-y:auto;scrollbar-color:#3a536e var(--panel)}.inspector-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.inspector-top h2{font-size:15px}.inspector-top button{padding-inline:5px;color:var(--accent);font-size:10px}.inspector-content{display:flow-root}#worker-portrait{float:left;width:84px;height:84px;margin:0 12px 8px 0;border:1px solid #30465e;border-radius:6px;background:#1d2d40}.detail-header{display:flex;align-items:start;justify-content:space-between;gap:7px;margin-bottom:8px}.detail-header h2,#detail-title{overflow-wrap:anywhere;font-size:18px;font-weight:650;letter-spacing:-.2px;line-height:1.3}.status{display:inline-flex;padding:3px 7px;border:1px solid #315854;border-radius:5px;background:#183a3b;color:var(--accent);white-space:nowrap;font-size:9px}.status.quiet{color:var(--codex);background:#312b22;border-color:#554836}.task{clear:both;margin:12px 0;padding-top:12px;border-top:1px solid var(--border);color:#bdd0e5;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:12px 0;border-block:1px solid var(--border)}.detail-stats dt{color:var(--muted);font-size:10px;margin-bottom:3px}.detail-stats dd{margin:0;font-size:16px;font-weight:600}.detail-meta{display:grid;gap:9px;margin:12px 0;font-size:11px}.detail-meta>div{min-width:0}.detail-meta dt{color:var(--muted);font-size:10px}.detail-meta dd{margin:2px 0 0;overflow-wrap:anywhere}.detail-identity{display:grid;gap:6px;margin-bottom:12px;font-size:11px}.detail-identity>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:6px}.detail-identity dt{color:var(--muted);font-size:10px}.detail-identity dd{margin:0;overflow-wrap:anywhere}.avatar-style{margin:0 0 12px;border-bottom:1px solid var(--border)}.avatar-style[open]{padding-bottom:6px}.avatar-style>summary{min-height:44px;padding:12px 0;color:#d9e7f5;font-size:11px;cursor:pointer}#avatar-style-current{margin-left:5px;color:var(--muted);font-size:9px}.avatar-style-hint{margin-bottom:10px;color:var(--muted);font-size:10px;line-height:1.6}.avatar-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.avatar-style-grid label{display:grid;gap:4px;min-width:0;color:#bdd0e5;font-size:10px}.avatar-style-grid select{width:100%;min-width:0;min-height:44px;padding:7px 6px;border:1px solid #30465e;border-radius:6px;background:#0f1b2a;color:var(--text);font-size:12px}#reset-avatar{display:block;min-height:44px;margin:6px 0 0 auto;color:var(--accent)}.sparkline{display:block;width:100%;height:36px;margin:12px 0 4px;color:var(--accent)}.sparkline rect{fill:currentColor;opacity:.7}.spark-label{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-bottom:12px}.session-row{padding:8px 0;border-top:1px solid var(--border)}.session-row summary{padding:3px 0;cursor:pointer;font-size:11px;overflow-wrap:anywhere}.session-row .session-data{display:grid;gap:6px;padding:8px 0;font-size:11px;overflow-wrap:anywhere}.session-row small{color:var(--muted);font-size:10px}.data-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(220px,.55fr);grid-template-areas:"models activity how" "recent recent how";gap:12px;margin-top:12px;align-items:start}.models-panel{grid-area:models}.activity-panel{grid-area:activity}.how-panel{grid-area:how}.recent-panel{grid-area:recent}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.section-heading h2,.activity-heading h2,.how-panel>h2{font-size:15px}.model-roster{max-width:100%;max-height:340px;margin-top:10px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#3a536e var(--panel)}.model-table{width:100%;min-width:470px;border-collapse:collapse;font-size:10px;text-align:left}.model-table th{padding:7px;color:#c0d2e7;font-size:9px;font-weight:500;white-space:nowrap;border-block:1px solid #30465e;background:#152638}.model-table thead th{position:sticky;top:0;z-index:1}.model-table .selected-model td,.model-table .selected-model th{background:#17333a}.model-table td{padding:6px 7px;border-bottom:1px solid var(--border);vertical-align:top}.model-table tr:last-child td{border-bottom:0}.model-table .model-name{display:block;font-size:10px;color:var(--text);overflow-wrap:anywhere}.model-meta{display:block;color:var(--muted);font-size:9px}.model-select{text-align:left;min-height:44px;padding:4px 6px;margin:-3px -6px;border-color:transparent;border-radius:4px;background:transparent}.model-status{padding:2px 6px;border-radius:3px;color:#b5ffec;background:#25483f;font-size:9px}.model-status.history{background:#25364d;color:#c0d1e6}.model-card{padding:12px 0;border-top:1px solid var(--border)}.model-card .model-name{display:block;color:var(--text);font-size:12px}.model-stats,.model-provider{color:var(--muted);font-size:10px}.activity-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:-4px 0 4px}.activity-heading .check{min-height:36px;font-size:10px}.activity-list{max-height:260px;overflow-y:auto;list-style:none;padding:0;margin:10px 0 0;overscroll-behavior:contain;scrollbar-color:#3a536e var(--panel)}.activity-entry{display:grid;grid-template-columns:40px minmax(0,1fr) 45px;align-items:start;gap:8px;padding:7px 0;border-top:1px solid var(--border)}.event-kind{margin-top:8px;padding:2px 4px;border:1px solid #3b5268;border-radius:3px;color:#a5b8ce;text-align:center;font-size:8px}.event-kind.task{color:var(--accent);border-color:#315b55;background:#183331}.event-kind.tool{color:var(--codex);border-color:#5e503a;background:#2a281f}.activity-entry .event-project{min-height:44px;margin:-6px 0 -5px -6px;padding-inline:6px;text-align:left;font-size:10px;font-weight:600;overflow-wrap:anywhere}.activity-entry p{color:#a4b6cc;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.activity-entry time{padding-top:8px;color:var(--muted);text-align:right;font-size:9px}.activity-entry .worker-model{font-size:9px}.data-flow{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:18px 0 12px;color:var(--accent)}.data-flow svg{width:24px;height:24px;fill:none;stroke:#b1c8df;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.data-flow span{font-size:16px}.how-copy{font-size:11px;line-height:1.7;margin-bottom:10px}.source-details{border-top:1px solid var(--border);margin-top:12px}.source-details>summary{min-height:44px;display:list-item;padding:12px 0;color:#c0d2e7;font-size:11px;cursor:pointer}.source-row{margin:12px 0;font-size:11px}.source-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.source-heading b{display:flex;align-items:center;gap:6px;font-weight:550}.source-heading span{font-size:9px;color:var(--muted)}.source-row p{margin:4px 0 0 14px;color:var(--muted);font-size:10px}.source-row p.source-warning{color:var(--codex)}.machine-card{padding:12px 0 2px;border-top:1px solid var(--border)}.machine-card>span{color:var(--muted);font-size:10px}.machine-card strong{display:block;font-size:16px;margin:3px 0}.machine-card p{color:var(--muted);font-size:10px;margin-bottom:5px;overflow-wrap:anywhere}.footnote{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);color:#92a6bd;font-size:9px;line-height:1.7}#workers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;max-height:230px;overflow-y:auto;scrollbar-color:#3a536e var(--panel)}.worker-button{width:100%;min-height:44px;text-align:left;padding:9px 0;border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}.worker-title{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:10px}.worker-title .age{margin-left:auto;color:var(--muted);font-size:9px}.worker-task{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.6}.badge{display:inline-block;padding:1px 5px;border-radius:4px;background:#203247;font-size:9px;font-weight:600;line-height:1.6}.badge.claude{color:var(--claude)}.badge.pi{color:var(--pi)}.badge.codex{color:var(--codex)}.badge.zcode{color:var(--zcode)}.badge.demo{color:#93a4bd}.empty{padding:14px 0;color:var(--muted);font-size:12px}footer{display:flex;justify-content:space-between;gap:14px;padding:18px 0 24px;color:#8298b1;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:10px;left:12px;z-index:10;padding:10px 14px;border-radius:6px;background:var(--text);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:none}@media(max-width:1270px){.toolbar{gap:8px}.model-control{padding-left:8px;gap:6px}.model-control select{width:148px}.office-heading{display:block}#stage-summary{display:block;font-size:9px}.workspace-grid{grid-template-columns:minmax(0,1fr) 310px}.scene-controls{gap:4px}.scene-controls>.text-button,.view-controls button{padding-inline:6px}}@media(max-width:1100px){.topbar{padding-inline:2px;gap:12px}.main-nav{gap:6px}.connection time{margin-left:5px}.toolbar{flex-wrap:wrap}.search{flex-basis:280px}.model-control{padding-left:0;border-left:0}.workspace-tools{gap:14px;flex-wrap:wrap}.sort-control{padding-left:14px}.office-heading h2{font-size:18px}.panel-heading{flex-wrap:wrap;gap:2px}.scene-controls{margin-left:auto}.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.data-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"models activity" "how recent"}}@media(max-width:850px){.shell{width:calc(100% - 24px)}.brand{gap:8px}.brand h1{font-size:12px}.connection time{display:none}.main-nav a{padding-inline:7px;font-size:12px}.filters-toggle{display:flex;align-items:center;width:100%;gap:9px;margin-bottom:10px;padding:8px 12px;background:var(--panel);font-size:12px;font-weight:550;text-align:left}.filter-panel.filters-collapsed{display:none}.workspace-grid{grid-template-columns:minmax(0,1fr)}.office-heading{display:flex;gap:12px}.project-list{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-panel{min-height:0;max-height:none}.detail-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}#workers{grid-template-columns:1fr;max-height:310px}}@media(max-width:600px){.topbar{flex-wrap:wrap;column-gap:8px;row-gap:0;padding-top:8px}.brand{flex:1}.main-nav{order:3;width:100%;justify-content:start;margin:0;gap:16px}.demo-badge{order:4;flex-basis:100%;margin-top:4px;text-align:center}.shortcut-help-body{right:auto;left:0;max-height:calc(100svh - 140px);overflow:auto}.main-nav a{min-height:44px;padding-inline:0}.connection{font-size:10px;gap:6px}.brand strong{font-size:15px}.brand-divider{font-size:17px}.brand h1{font-size:12px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));padding:0}.metric{padding:8px;border-bottom:0;min-height:62px}.metric>span{font-size:10px;line-height:14px}.metric strong{font-size:18px;line-height:25px;margin-top:2px}.metric small{font-size:9px}.toolbar{padding:8px 10px;gap:6px}.search{flex-basis:100%;min-width:0}.search input{font-size:16px}.search kbd{display:none}.model-control{flex:1;min-width:0;gap:6px}.model-control select{flex:1;width:auto;min-width:0}.workspace-tools{padding:4px 10px;gap:0 12px}.workspace-tools .check{font-size:10px}.sort-control{flex:1;min-width:0;border-left:0;padding-left:0;font-size:10px;gap:5px}.sort-control select{width:120px;font-size:10px}.workspace-tools .text-button{margin-left:0}.panel-heading{padding:8px 10px;gap:7px}.office-heading{width:100%;justify-content:space-between;gap:4px 8px;flex-wrap:wrap}.office-heading h2{font-size:18px}.scene-controls{margin-left:0;width:100%;gap:4px;justify-content:start}.view-controls{flex:1;gap:4px}.view-controls button{flex:1}.scene-controls>.text-button{padding-inline:7px}.legend,.roster-heading,.pagination{padding-inline:10px}.legend{gap:6px 13px}.legend-explanation{width:100%}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:10px}.project-card,.worker-card{min-height:68px}.worker-model{font-size:11px}.pagination{gap:7px}.activity-note,.camera-hint,.renderer-status{padding-inline:10px}.panel{padding:12px}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-meta{grid-template-columns:1fr}.detail-header h2,#detail-title{font-size:19px}.data-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"models" "activity" "how" "recent"}.activity-list{max-height:310px}.activity-heading .check{min-height:44px}.activity-entry{gap:6px}.data-flow{max-width:250px}#workers{grid-template-columns:1fr}footer{flex-wrap:wrap;gap:5px}}@media(max-width:540px){.metric small{display:none}.metric:last-child{border-right:0}#stage-summary{font-size:9px;line-height:14px}}.main-nav button{padding-inline:12px;font-size:12px}.tool-board{padding:8px 14px 10px;border-bottom:1px solid var(--border);background:#0f1b2a}.tool-board-heading{display:flex;align-items:center;gap:12px;min-height:32px;margin-bottom:6px}.tool-board-heading h3{font-size:12px}.tool-board-heading>span{color:var(--muted);font-size:10px}.tool-board-sources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.tool-board-source{min-width:0;min-height:72px;padding:7px 9px;background:#152638;text-align:left}.tool-board-source>span{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px}.tool-board-source>span b{overflow:hidden;text-overflow:ellipsis;font-weight:550}.tool-board-source[aria-pressed=true]>span:after{content:"\d7";margin-left:auto;color:var(--muted);font-size:13px;line-height:1}.tool-board-source>strong{display:block;margin:3px 0 1px;font-size:15px;font-weight:600}.tool-board-source>strong small{color:var(--muted);font-size:9px;font-weight:400}.tool-board-source>small{display:block;color:#a7bdd3;font-size:9px}.selected-board{margin:0 14px;padding:8px 0;border-top:1px solid #263b4e}.selected-board-heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;min-height:25px}.selected-board-heading>strong{font-size:13px}.selected-board-tool{font-size:11px}.selected-board-tool.claude{color:var(--claude)}.selected-board-tool.zcode{color:var(--zcode)}.selected-board-tool.pi{color:var(--pi)}.selected-board-tool.codex{color:var(--codex)}.selected-board-tool.demo{color:#93a4bd}.selected-board-heading button{margin-left:auto;padding-inline:6px;color:var(--accent);font-size:10px}.selected-board-model{margin:1px 0 5px;color:#c4d4e5;font-size:10px;overflow-wrap:anywhere}.selected-board-task{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#a8c0d7;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.selected-board>p:not([class]){color:var(--muted);font-size:11px}.office-focus .metrics,.office-focus .filters-toggle,.office-focus .filter-panel,.office-focus .sidebar,.office-focus .data-grid,.office-focus .legend,.office-focus .roster-heading,.office-focus .project-list,.office-focus .activity-note,.office-focus .dashboard-link,.office-focus footer,.office-focus #theme{display:none}.office-focus .shell{width:min(1920px,calc(100% - 24px))}.office-focus .topbar{min-height:52px;padding-inline:8px;gap:12px}.office-focus .main-nav{margin:0 0 0 auto;gap:5px}.office-focus .workspace-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:8px}.office-focus .office-panel{background:#101b2a}.office-focus .office-panel{display:flex;flex-direction:column;height:calc(100svh - 70px);min-height:590px}.office-focus .office-panel>:not(.canvas-wrap){flex-shrink:0}.office-focus .panel-heading{min-height:54px}.office-focus .office-heading{display:flex;align-items:center;gap:12px}.office-focus .office-heading h2{font-size:18px}.office-focus .scene-controls{margin-left:auto;width:auto;gap:6px}.office-focus .scene-controls button{min-height:44px;font-size:11px}.office-focus .canvas-wrap{flex:1 1 auto;height:auto;min-height:320px}.office-focus canvas#office{height:100%;aspect-ratio:auto}.office-focus canvas#office2d{height:100%;aspect-ratio:auto;object-fit:contain}.office-focus .camera-hint{padding-block:6px;font-size:10px}.office-focus .renderer-status{margin-top:-3px;padding-bottom:5px}.office-focus .tool-board{padding-block:0 7px}.office-focus .tool-board-heading{min-height:25px;margin-bottom:3px}.office-focus .tool-board-source{min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding-block:5px}.office-focus .tool-board-source>strong{margin:0;grid-row:span 2;align-self:center;white-space:nowrap}.office-focus .tool-board-source>small{grid-column:1}.office-focus .pagination{display:none}.office-focus .selected-board{padding-block:5px}.office-focus .selected-board-heading>strong{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-focus .selected-board-model{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:3px}.office-focus .selected-board-task{-webkit-line-clamp:2;font-size:11px;line-height:1.5}@media(max-width:850px){.main-nav{gap:6px}.tool-board-heading{gap:7px}.office-focus .topbar{flex-wrap:wrap;row-gap:0}.office-focus .brand{flex:1}.office-focus .brand-divider,.office-focus .brand h1{display:none}.office-focus .main-nav{order:0;width:auto}.office-focus .connection{margin-left:auto}.office-focus .panel-heading{flex-wrap:wrap;padding:6px 10px;gap:4px}.office-focus .office-heading{width:100%;justify-content:space-between;gap:8px}.office-focus .office-heading h2{font-size:16px}.office-focus #stage-summary{font-size:9px}.office-focus .scene-controls{margin:0;width:100%;gap:5px}.office-focus .view-controls,.office-focus .view-controls button{flex:1}.office-focus .canvas-wrap{height:auto;min-height:320px}}@media(max-width:600px){.tool-board{padding-inline:10px}.tool-board-sources{gap:5px}.tool-board-source{padding:6px}.tool-board-source>span{gap:4px;font-size:10px}.tool-board-source>strong{font-size:14px}.tool-board-source>small{font-size:8px;line-height:1.4}.tool-board-heading>span{font-size:9px}.selected-board-heading{gap:4px 7px}.selected-board-heading>strong{font-size:12px}.selected-board-heading button{margin-left:auto}.selected-board{margin-inline:10px}.office-focus .shell{width:calc(100% - 16px)}.office-focus .topbar{column-gap:4px;padding-inline:2px}.office-focus .main-nav button{padding-inline:9px;font-size:11px}.office-focus .connection{font-size:9px;gap:4px}.office-focus .office-heading{flex-wrap:wrap}.office-focus .scene-controls button{padding-inline:9px}.office-focus .renderer-status{font-size:9px}.office-focus .canvas-wrap{height:auto;min-height:320px}.office-focus .tool-board-source{grid-template-columns:minmax(0,1fr);gap:0}.office-focus .tool-board-source>strong{grid-row:auto;font-size:12px;margin:2px 0}}@media(max-height:580px)and (min-width:600px){.office-focus .canvas-wrap{min-height:240px}.office-focus .office-panel{min-height:530px}}@media(max-height:650px)and (max-width:850px){.office-focus .office-panel{height:calc(100svh - 70px);min-height:0}.office-focus .office-heading,.office-focus .renderer-status:not(.fallback),.office-focus .camera-hint,.office-focus .pagination,.office-focus .selected-board-heading button,.office-focus .tool-board-source>strong{display:none}.office-focus .panel-heading{min-height:54px;padding-block:5px}.office-focus .tool-board{padding-block:0 5px}.office-focus .tool-board-heading{min-height:24px;margin-bottom:2px}.office-focus .tool-board-source{min-height:44px;grid-template-columns:minmax(0,1fr);padding-block:4px;gap:1px}.office-focus .tool-board-source>small{font-size:9px;line-height:1.3}.office-focus .canvas-wrap{min-height:200px}.office-focus .selected-board{padding-block:5px}.office-focus .selected-board-heading{min-height:25px}.office-focus .selected-board-model,.office-focus .selected-board-task{-webkit-line-clamp:1}.office-focus .selected-board-model{margin-block:0 2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(max-height:460px)and (max-width:850px){.office-focus .canvas-wrap{min-height:100px}}.demo-banner{min-height:34px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 20px;padding:6px 12px;background:#cdb27a;color:#0b1220;font-size:11px}.demo-banner a{color:inherit;font-weight:650;text-decoration:underline;text-underline-offset:3px}.no-js-note{max-width:780px;margin:30px auto;padding:20px}.no-js-note a{color:var(--accent)}