@foothill/agent-move 1.0.10 → 1.0.11

package/packages/client/dist/assets/index-edh-N9Dm.css

@@ -0,0 +1 @@
+:root{--bg-primary: #1a1e38;--bg-panel: rgba(18, 20, 40, .94);--bg-panel-solid: rgba(14, 16, 32, .97);--accent: #e94560;--accent-dim: rgba(233, 69, 96, .15);--success: #4ade80;--success-dim: rgba(74, 222, 128, .15);--error: #f87171;--error-dim: rgba(239, 68, 68, .15);--surface-1: rgba(255,255,255,.03);--surface-2: rgba(255,255,255,.04);--surface-3: rgba(255,255,255,.05);--surface-4: rgba(255,255,255,.06);--surface-hover: rgba(255,255,255,.08);--surface-active: rgba(255,255,255,.1);--surface-bright: rgba(255,255,255,.12);--border-subtle: rgba(255,255,255,.06);--border-light: rgba(255,255,255,.08);--border-medium: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.12);--text-primary: #fff;--text-secondary: #ccc;--text-dim: #888;--text-muted: #666;--text-faint: #555;--text-ghost: #444;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-width: 360px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--text-xs: 10px;--text-sm: 11px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--card-bg: var(--surface-1);--card-border: var(--border-subtle);--card-radius: 8px;--card-padding: 12px;--btn-height-sm: 28px;--btn-height-md: 32px;--btn-height-lg: 36px;--top-bar-height: 48px;--right-panel-width: 400px;--sidebar-nav-width: 200px}*{margin:0;padding:0;box-sizing:border-box}button,[role=button],input,select,a{touch-action:manipulation}:focus-visible{outline:2px solid rgba(233,69,96,.6);outline-offset:2px}button:focus:not(:focus-visible){outline:none}button:active:not(:disabled){transform:scale(.97)}html{color-scheme:dark}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);font-family:var(--font-ui);color:var(--text-secondary)}canvas{display:block}#top-bar{position:fixed;top:0;left:0;right:0;height:var(--top-bar-height);background:#0e1020f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:50;font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-secondary)}#disconnected-bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--error);z-index:60;opacity:0;transition:opacity .3s ease;pointer-events:none}#disconnected-bar.visible{opacity:1}.tb-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.tb-logo{display:flex;align-items:center;gap:8px;position:relative}.tb-logo-text{font-size:var(--text-md);font-weight:700;color:var(--text-primary)}.tb-logo-dot{width:8px;height:8px;border-radius:50%;background:var(--error);transition:background .3s}.tb-logo-dot.connected{background:var(--success)}.tb-logo-dot.disconnected{background:var(--error)}#hooks-dot{background:#444}#hooks-dot.hooks-active{background:#a78bfa}#hooks-dot.hooks-pending{background:#f59e0b;animation:hooks-pulse 1s ease-in-out infinite}.tb-hamburger{width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.tb-hamburger:hover{background:var(--surface-hover);color:var(--text-primary)}.tb-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.tb-stats{display:flex;align-items:center;gap:0}.tb-stat{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:var(--text-sm);color:var(--text-dim);padding:0 10px;border-right:1px solid var(--border-subtle)}.tb-stat:last-child{border-right:none}.tb-stat-val{font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.tb-stat-icon{font-size:12px;color:var(--text-dim)}.tb-stat-unit{font-size:10px;color:var(--text-dim)}.tb-bolt{font-size:11px}.tb-stat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tb-stat-dot.active{background:var(--success)}.tb-stat-dot.active.pulse{animation:hudPulse 2s ease-in-out infinite}.tb-stat-dot.idle{background:var(--text-muted)}.tb-actions{display:flex;gap:4px}.tb-actions button{width:var(--btn-height-sm);height:var(--btn-height-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;padding:0}.tb-actions button:hover{background:var(--surface-hover);color:var(--text-primary)}.tb-actions button.muted{color:var(--error)}#focus-sub-bar{position:fixed;top:var(--top-bar-height);left:var(--sidebar-nav-width);right:var(--right-panel-width);height:0;overflow:hidden;background:#0e1020f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(233,69,96,.3);display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-secondary);z-index:49;transition:height .25s ease}#focus-sub-bar.visible{height:32px}.fi-icon{font-size:14px}.fi-name{font-weight:700;color:var(--accent)}.fi-hint{font-size:var(--text-xs);color:var(--text-dim);margin-left:8px;padding-left:8px;border-left:1px solid var(--border-light)}.fi-stop{margin-left:8px;height:22px;padding:0 10px;border:1px solid rgba(233,69,96,.3);border-radius:11px;background:#e945601f;color:var(--accent);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.fi-stop:hover{background:#e9456040;border-color:#e9456080}#sidebar{position:fixed;top:var(--top-bar-height);left:0;bottom:0;width:var(--sidebar-nav-width);background:#0e1020f7;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:40;transition:width .2s ease;overflow:hidden}#sidebar.collapsed{width:52px}.sb-nav{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:8px}.sb-section{margin-bottom:16px}.sb-section:first-child{margin-bottom:20px}.sb-section-title{font-family:var(--font-ui);font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.05em;padding:4px 10px 6px;white-space:nowrap;overflow:hidden}#sidebar.collapsed .sb-section-title{font-size:0;padding:0;height:12px;border-bottom:1px solid var(--border-subtle);margin:0 6px 6px}.sb-item{display:flex;align-items:center;gap:10px;width:100%;height:34px;padding:0 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font-family:var(--font-ui);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;overflow:hidden;position:relative}.sb-item:hover{background:var(--surface-hover);color:var(--text-secondary)}.sb-item.active{background:var(--accent-dim);color:var(--accent);font-weight:600}.sb-item.active .sb-icon{color:var(--accent)}.sb-icon{width:16px;height:16px;flex-shrink:0;color:var(--text-dim);transition:color .12s}.sb-item:hover .sb-icon{color:var(--text-secondary)}.sb-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}#sidebar.collapsed .sb-label{display:none}.sb-shortcut{font-size:10px;color:var(--text-ghost);font-weight:500;padding:1px 5px;border:1px solid var(--border-subtle);border-radius:3px;line-height:1.2}#sidebar.collapsed .sb-shortcut{display:none}.sb-footer{border-top:1px solid var(--border-subtle);padding:8px;flex-shrink:0}.sb-footer-controls{padding:2px 0}.sb-footer-btn{display:flex;align-items:center;gap:10px;width:100%;height:32px;padding:0 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;overflow:hidden}.sb-footer-btn:hover{background:var(--surface-hover);color:var(--text-secondary)}.sb-footer-btn.muted,.sb-footer-btn.muted .sb-icon{color:var(--error)}#sidebar.collapsed .sb-footer .sb-label{display:none}.sb-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(100% - 20px);height:24px;background:transparent;cursor:pointer;padding:0;margin:0 10px}.sb-volume::-webkit-slider-runnable-track{height:3px;background:var(--border-light);border-radius:2px}.sb-volume::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text-secondary);margin-top:-3.5px;transition:background .15s}.sb-volume:hover::-webkit-slider-thumb{background:var(--text-primary)}.sb-volume::-moz-range-track{height:3px;background:var(--border-light);border-radius:2px}.sb-volume::-moz-range-thumb{width:10px;height:10px;border:none;border-radius:50%;background:var(--text-secondary);transition:background .15s}.sb-volume:hover::-moz-range-thumb{background:var(--text-primary)}#sidebar.collapsed .sb-volume{display:none}.sb-theme-row{display:flex;align-items:center;gap:10px;padding:0 10px;height:32px}.sb-theme-row .sb-icon{flex-shrink:0}.sb-theme-select{flex:1;min-width:0;height:26px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);font-size:var(--text-sm);font-family:var(--font-ui);cursor:pointer;padding:0 6px;outline:none}.sb-theme-select:hover{background:var(--surface-hover);color:var(--text-primary)}.sb-theme-select:focus{border-color:var(--accent)}.sb-theme-select option{background:#1a1e38;color:#fff}#sidebar.collapsed .sb-theme-select{display:none}#sidebar.collapsed .sb-theme-row{justify-content:center}#sidebar.collapsed .sb-item{justify-content:center;padding:0}#app-layout{position:fixed;top:var(--top-bar-height);left:var(--sidebar-nav-width);right:0;bottom:0;display:flex;transition:left .2s ease}#canvas-container{flex:1;position:relative;min-width:0}#app{width:100%;height:100%;position:relative}#right-panel{width:var(--right-panel-width);transition:width .25s ease;flex-shrink:0;background:#0e1024e0;-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;position:relative}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.panel-title{font-family:var(--font-ui);font-size:var(--text-md);font-weight:700;color:var(--text-primary)}.panel-close{width:28px;height:28px;border:none;background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text-dim);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.panel-close:hover{background:var(--surface-hover);color:var(--text-primary)}.panel-content{flex:1;overflow-y:auto;padding:14px 18px 18px}#overlay{flex:1;color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-base);padding:12px 16px;overflow-y:auto}#zoom-controls{position:absolute;bottom:68px;left:20px;display:flex;gap:6px;z-index:10}#zoom-controls button{width:36px;height:36px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#121428d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);font-size:18px;font-family:var(--font-ui);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;line-height:1;padding:0}#zoom-controls button:hover{background:#1e2240f2;color:var(--text-primary);border-color:#fff3}#zoom-controls button:active{background:#282c4a}#zoom-controls button svg{width:18px;height:18px;fill:currentColor}#zoom-controls button.layout-editor-toggle.active{background:#e945602e;color:var(--accent);border-color:#e9456066;box-shadow:0 0 12px #e9456026}.layout-editor-panel{position:absolute;bottom:112px;left:20px;background:var(--bg-panel-solid);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:10px;padding:12px 14px;z-index:15;display:none;font-family:var(--font-ui);box-shadow:var(--shadow-lg)}.layout-editor-panel.open{display:block}.le-title{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.le-buttons{display:flex;flex-wrap:wrap;gap:6px}.le-buttons button{height:var(--btn-height-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:0 10px;transition:background .15s,color .15s;white-space:nowrap}.le-buttons button:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.le-buttons button:disabled{opacity:.35;cursor:default}.layout-editor-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;display:none}.layout-editor-overlay.active{display:block}.zone-drag-handle{position:absolute;border:2px dashed rgba(233,69,96,.5);border-radius:6px;background:transparent;pointer-events:auto;cursor:grab;transition:border-color .15s,background .15s;box-sizing:border-box}.zone-drag-handle:hover{border-color:#e94560cc;background:#e945600d}.zone-drag-handle.dragging{border-color:#e94560;background:#e9456014;cursor:grabbing;box-shadow:0 0 20px #e9456033}.zone-handle-label{position:absolute;bottom:22px;left:8px;font-family:var(--font-ui);font-size:10px;font-weight:600;color:#e94560d9;pointer-events:none;background:#0e1020cc;padding:2px 6px;border-radius:3px;white-space:nowrap}.zone-handle-size{position:absolute;bottom:6px;left:8px;font-family:monospace;font-size:10px;color:#e9456099;pointer-events:none;background:#0e1020cc;padding:1px 5px;border-radius:3px}.zone-resize-handle{position:absolute;width:12px;height:12px;background:#e94560b3;border:1px solid rgba(233,69,96,1);border-radius:2px;pointer-events:auto;z-index:1;transition:background .1s,transform .1s}.zone-resize-handle:hover{background:#e94560;transform:scale(1.3)}.zone-resize-tl{top:-6px;left:-6px;cursor:nwse-resize}.zone-resize-tr{top:-6px;right:-6px;cursor:nesw-resize}.zone-resize-bl{bottom:-6px;left:-6px;cursor:nesw-resize}.zone-resize-br{bottom:-6px;right:-6px;cursor:nwse-resize}#toast-container{position:fixed;bottom:68px;left:12px;display:flex;flex-direction:column-reverse;gap:6px;z-index:50;pointer-events:none;max-width:320px}.zone-annotation{position:absolute;top:0;left:0;background:#fef08a;color:#1a1a1a;border:1px solid #ca8a04;border-radius:4px;padding:6px 24px 6px 8px;font-size:11px;font-family:var(--font-ui);box-shadow:0 2px 8px #0000004d;cursor:grab;max-width:160px;word-wrap:break-word;transform-origin:0 0}.zone-annotation:active{cursor:grabbing}.za-delete{position:absolute;top:2px;right:2px;width:16px;height:16px;border:none;background:transparent;color:#92400e;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;line-height:1}.za-delete:hover{background:#0000001a}.za-input{background:#fef08a;color:#1a1a1a;border:2px solid #ca8a04;border-radius:4px;padding:6px 8px;font-size:11px;font-family:var(--font-ui);resize:none;width:140px;outline:none}#permission-panel{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:3000;max-width:480px;width:90%;max-height:400px;overflow-y:auto;display:none;flex-direction:column;gap:8px;background:var(--bg-panel-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:12px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#permission-panel.visible{display:flex}#notification-panel{position:fixed;top:52px;right:16px;z-index:2500;width:340px;max-height:400px;background:var(--bg-panel-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;overflow:hidden}#agent-hover-bar{position:fixed;z-index:60;display:flex;gap:3px;padding:3px;background:#0e1020f2;border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:translate(-50%) translateY(4px);transition:opacity .15s,transform .15s}#agent-hover-bar.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}#relationship-content{min-height:300px}#relationship-content canvas{border-radius:var(--radius-md);background:var(--surface-1)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}#overlay .agent-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:10px 12px;margin-bottom:8px;transition:background .2s,box-shadow .15s;cursor:pointer}#overlay .agent-card:hover{background:var(--surface-hover);box-shadow:var(--shadow-sm)}#overlay .agent-card .card-top-row{display:flex;align-items:center;justify-content:space-between}#overlay .agent-card .name{font-weight:600;font-size:var(--text-base);color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.agent-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.agent-status-dot.active{background:var(--success)}.agent-status-dot.idle{background:var(--text-muted)}.agent-status-dot.done{background:var(--text-ghost)}.status-badge{padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700;margin-left:6px}.status-badge.done{background:#6663;color:var(--text-dim)}.card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.sparkline-canvas{flex-shrink:0;opacity:.7}.agent-metrics{display:flex;align-items:center;gap:4px;flex-shrink:0}.agent-sparkline{flex-shrink:0;opacity:.85}.agent-health-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.card-tokens{color:var(--text-muted);font-size:var(--text-sm);margin-top:3px;font-variant-numeric:tabular-nums}.subagent-group{padding-left:12px;margin-left:4px;border-left:2px solid rgba(171,71,188,.2)}#overlay .agent-card.agent-card-child{background:#ab47bc0a;border:1px solid rgba(171,71,188,.1);font-size:12px}.agent-card-child .name{font-size:12px}.child-connector{color:#ab47bc66;font-family:monospace;font-size:11px}.sub-count{background:#ab47bc26;color:#ab47bc;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;margin-left:6px;white-space:nowrap}.agent-group{margin-bottom:4px}.group-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:var(--card-radius);color:#ddd;font-size:12px;font-weight:600;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s;border:1px solid rgba(38,198,218,.12);border-left:3px solid rgba(38,198,218,.4);background:#26c6da0a;margin-bottom:3px}.group-header:hover{background:#26c6da1a;border-color:#26c6da40;border-left-color:#26c6da99}.group-chevron{font-size:11px;color:#26c6da;width:12px;text-align:center;flex-shrink:0}.group-icon{font-size:14px;flex-shrink:0}.group-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e0e0e0}.group-count{background:#26c6da26;color:#26c6da;font-size:10px;padding:2px 8px;border-radius:8px;font-weight:600;flex-shrink:0}.group-children{padding-left:14px;margin-left:8px;border-left:2px solid rgba(38,198,218,.1)}.sub-collapse-bar{display:flex;align-items:center;gap:6px;padding:5px 12px;margin:-4px 0 4px 3px;cursor:pointer;border-radius:0 0 8px 8px;color:#ab47bc;font-size:11px;font-weight:500;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s;background:#ab47bc0d;border:1px solid rgba(171,71,188,.1);border-top:none}.sub-collapse-bar:hover{background:#ab47bc24;color:#ce93d8}.sub-collapse-bar.is-collapsed{border-radius:0 0 8px 8px;margin-bottom:6px}.sub-collapse-chevron{font-size:10px;width:12px;text-align:center}.sub-collapse-label{letter-spacing:.02em}#overlay .agent-card .zone{color:var(--text-dim);font-size:12px;margin-top:3px;font-variant-numeric:tabular-nums}#overlay .agent-card .tool{color:#7ab8f5;font-size:12px;margin-top:2px}#overlay .agent-card .task-desc{color:#c4b5fd;font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}#overlay .agent-card.agent-card-done{opacity:.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-icon{color:var(--text-ghost);margin-bottom:16px;animation:emptyPulse 3s ease-in-out infinite}.empty-title{font-size:var(--text-lg);font-weight:600;color:var(--text-dim);margin-bottom:8px}.empty-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}#filter-pills{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap;align-items:center}.filter-pill{height:26px;border:1px solid var(--border-light);border-radius:13px;background:var(--surface-2);color:var(--text-dim);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:0 12px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.filter-pill:hover{background:var(--surface-hover);color:var(--text-secondary)}.filter-pill.active{background:var(--accent-dim);color:var(--accent);border-color:#e945604d}.filter-zone-select{height:26px;border:1px solid var(--border-light);border-radius:13px;background:var(--surface-2);color:var(--text-dim);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;padding:0 8px;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none}.filter-zone-select:hover{background:var(--surface-hover);color:var(--text-secondary)}.filter-zone-select option{background:var(--bg-primary);color:var(--text-secondary)}.filter-badge{background:var(--accent);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px;margin-left:3px}.clean-done-btn{height:26px;border:1px solid rgba(248,113,113,.3);border-radius:13px;background:var(--error-dim);color:var(--error);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;padding:0 10px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.clean-done-btn:hover{background:#f8717133;border-color:#f8717180}#agent-detail-panel{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-panel-solid);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-base);z-index:20;display:flex;flex-direction:column;overflow:hidden;transform:translate(100%);transition:transform .25s ease;pointer-events:none}#agent-detail-panel.open{transform:translate(0);pointer-events:auto}.detail-header{padding:16px 18px 12px;border-bottom:1px solid var(--border-subtle);position:relative}.detail-header-buttons{display:flex;gap:6px;margin-bottom:10px;align-items:center}.detail-btn-spacer{flex:1}#detail-back{height:var(--btn-height-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);font-size:var(--text-sm);font-weight:500;cursor:pointer;padding:0 10px;font-family:var(--font-ui);display:flex;align-items:center;gap:4px}#detail-back:hover{background:var(--surface-hover);color:var(--text-primary)}#detail-customize{height:var(--btn-height-sm);border:none;background:#60a5fa1f;border-radius:var(--radius-sm);color:#60a5fa;font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:0 10px;font-family:var(--font-ui)}#detail-customize:hover{background:#60a5fa40;color:#93bbfd}#detail-kill{height:var(--btn-height-sm);border:none;background:var(--error-dim);border-radius:var(--radius-sm);color:var(--error);font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:0 10px}#detail-kill:hover{background:#f8717140;color:#fca5a5}.detail-card-inner{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:10px 12px}.detail-card-top{display:flex;align-items:center;justify-content:space-between}.detail-card-name{font-weight:600;font-size:14px;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.detail-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.detail-velocity-canvas{flex-shrink:0;opacity:.85}.detail-sparkline-canvas{flex-shrink:0;opacity:.7}.detail-health-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#888}.detail-role-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;margin-left:2px;vertical-align:middle}.detail-project-badge{padding:1px 5px;border-radius:3px;font-size:9px;margin-left:2px}.detail-done-badge{padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700;background:#6663;color:var(--text-dim);margin-left:6px}.detail-card-task{color:var(--text-muted);font-size:12px;font-style:italic;line-height:1.4;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-card-zone{font-size:12px;color:var(--text-dim);margin-top:4px}.detail-card-tool{color:#7ab8f5}.detail-card-sep{color:var(--text-faint);margin:0 4px}.detail-card-tokens{color:var(--text-muted);font-size:var(--text-sm);margin-top:3px;font-variant-numeric:tabular-nums}.detail-ctx-bar{display:flex;align-items:center;gap:6px;width:100%}.detail-ctx-track{flex:1;height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden;min-width:40px}.detail-ctx-fill{display:block;height:100%;border-radius:2px;transition:width .4s ease,background .4s ease}.detail-ctx-label{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;width:30px;text-align:right}.detail-ctx-breakdown{font-size:10px;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}#detail-info{padding:8px 18px 4px;border-bottom:1px solid var(--border-subtle)}.detail-info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.detail-info-label{color:var(--text-muted);flex-shrink:0}.detail-info-value{color:var(--text-secondary);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-info-value code{color:var(--text-dim);background:var(--surface-2);padding:1px 4px;border-radius:3px;font-size:11px}.detail-session-id{cursor:pointer}.detail-session-id:hover{color:var(--text-primary)}.detail-copy-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;padding:2px 4px;margin-left:4px;border-radius:3px;vertical-align:middle;transition:color .15s,background .15s}.detail-copy-btn:hover{color:var(--text-primary);background:var(--surface-2)}.detail-copy-btn.copied{color:var(--success)}.detail-link{color:#ab47bc;text-decoration:none;border-bottom:1px dotted rgba(171,71,188,.4);cursor:pointer;transition:color .15s}.detail-link:hover{color:#ce93d8}.detail-section-title{padding:10px 18px 6px;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}#detail-feed{flex:1;overflow-y:auto;padding:0 18px 18px}.feed-empty{color:var(--text-faint);font-style:italic;padding:12px 0}.feed-entry{padding:3px 0;border-bottom:1px solid var(--surface-1);font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-time{color:var(--text-faint);font-size:10px;font-family:monospace;margin-right:6px}.feed-icon{margin-right:4px}.feed-tool-name{color:#7ab8f5;font-weight:500}.feed-args{color:var(--text-muted);font-size:11px;font-family:monospace;margin-left:4px}.feed-zone{color:#a0a0a0}.feed-spawn{color:#a855f7}.feed-idle{color:#6b7280}.feed-shutdown{color:var(--error)}.feed-tokens{color:var(--text-muted)}.kill-confirm-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;display:flex;align-items:center;justify-content:center;padding:24px}.kill-confirm-box{background:var(--bg-panel-solid);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:20px;width:280px;text-align:center}.kill-confirm-title{font-size:var(--text-md);font-weight:700;color:var(--error);margin-bottom:10px}.kill-confirm-msg{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:18px}.kill-confirm-msg strong{color:var(--text-primary)}.kill-confirm-actions{display:flex;gap:8px;justify-content:center}.kill-confirm-cancel{height:var(--btn-height-md);padding:0 16px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .15s,color .15s}.kill-confirm-cancel:hover{background:var(--surface-hover);color:var(--text-primary)}.kill-confirm-yes{height:var(--btn-height-md);padding:0 16px;border:none;border-radius:var(--radius-sm);background:var(--error);color:#fff;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s}.kill-confirm-yes:hover{background:#ef4444}.toast{display:flex;align-items:center;gap:8px;background:#0e1020f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:10px;padding:10px 16px;font-family:var(--font-ui);font-size:12px;color:var(--text-secondary);box-shadow:var(--shadow-md);pointer-events:auto;opacity:0;transform:translate(-20px);white-space:nowrap}.toast strong{color:var(--text-primary);font-weight:600}.toast-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.toast-enter{animation:toastIn .3s ease forwards}.toast-exit{animation:toastOut .3s ease forwards}.toast-spawn{border-left:3px solid #a855f7}.toast-done{border-left:3px solid var(--success)}.toast-shutdown{border-left:3px solid var(--error)}.toast-info{border-left:3px solid #60a5fa}.toast-warning{border-left-color:#fbbf24!important}.toast-critical{border-left-color:#ef4444!important;background:#ef444426!important}#onboarding{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-ui);opacity:0;transition:opacity .3s ease}#onboarding.ob-enter{opacity:1}#onboarding.ob-exit{opacity:0;pointer-events:none}.ob-card{width:420px;max-width:90vw;background:#14162cfa;border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:0 24px 80px #000000b3;overflow:hidden;transform:translateY(10px);transition:transform .3s ease}.ob-enter .ob-card{transform:translateY(0)}.ob-exit .ob-card{transform:translateY(10px)}.ob-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px}.ob-logo{font-size:var(--text-xl);font-weight:800;color:var(--accent)}.ob-close{width:28px;height:28px;border:none;background:var(--surface-3);border-radius:var(--radius-sm);color:var(--text-dim);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ob-close:hover{background:var(--surface-bright);color:var(--text-primary)}.ob-body{padding:0 24px 16px}.ob-desc{color:#aaa;font-size:var(--text-base);margin-bottom:18px;line-height:1.5}.ob-features{display:flex;flex-direction:column;gap:12px}.ob-feature{display:flex;align-items:flex-start;gap:12px}.ob-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center;padding-top:2px}.ob-feature strong{color:var(--text-primary);font-size:var(--text-base);font-weight:600;display:block;margin-bottom:2px}.ob-feature span{color:var(--text-dim);font-size:12px}.ob-feature kbd{font-family:monospace;font-size:var(--text-sm);background:var(--surface-hover);color:#ddd;padding:1px 6px;border-radius:4px;border:1px solid var(--border-light)}.ob-dismiss{display:block;width:calc(100% - 48px);margin:0 24px 20px;height:38px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-family:var(--font-ui);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background .15s}.ob-dismiss:hover{background:#d63a52}.perm-header{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.perm-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:var(--radius-pill);min-width:18px;text-align:center}.perm-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px}.perm-tool{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.perm-tool-name{font-size:12px;font-weight:600;color:#a78bfa}.perm-time{font-size:10px;color:var(--text-muted)}.perm-preview{background:var(--surface-1);border-radius:var(--radius-xs);padding:6px 8px;margin-bottom:8px;max-height:120px;overflow-y:auto}.perm-preview code,.perm-preview pre{font-size:11px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;font-family:Cascadia Code,Fira Code,monospace;margin:0}.perm-question{margin-bottom:8px}.perm-q-text{font-size:12px;color:var(--text-primary);margin:0 0 6px}.perm-answer{width:100%;background:var(--surface-1);border:1px solid var(--border-medium);border-radius:var(--radius-xs);color:var(--text-primary);font-size:12px;font-family:var(--font-ui);padding:6px 8px;resize:vertical}.perm-answer:focus{outline:1px solid var(--accent);border-color:var(--accent)}.perm-actions{display:flex;gap:6px;justify-content:flex-end}.perm-btn{font-size:11px;font-weight:600;padding:4px 14px;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:background .15s}.perm-approve{background:var(--success);color:#000}.perm-approve:hover{background:#6ee7a0}.perm-deny{background:var(--error);color:#fff}.perm-deny:hover{background:#fca5a5}.perm-always{background:#a78bfa;color:#fff}.perm-always:hover{background:#c4b5fd}.perm-feedback{margin-bottom:8px}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.notif-clear{font-size:10px;color:var(--text-muted);background:none;border:none;cursor:pointer;text-decoration:underline}.notif-clear:hover{color:var(--text-secondary)}.notif-list{max-height:350px;overflow-y:auto;padding:4px 0}.notif-item{display:flex;align-items:flex-start;gap:8px;padding:6px 14px;font-size:11.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.notif-item:last-child{border-bottom:none}.notif-urgent{background:#e945600f}.notif-high{background:#f59e0b0f}.notif-icon{flex-shrink:0;font-size:12px}.notif-msg{flex:1;line-height:1.4}.notif-detail{display:block;font-size:10px;color:var(--text-dim);margin-top:2px}.notif-age{flex-shrink:0;font-size:10px;color:var(--text-muted)}.notif-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:12px}.notif-badge{position:absolute;top:-3px;right:-3px;background:var(--accent);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:var(--radius-pill);min-width:14px;text-align:center;pointer-events:none}.ahb-btn{width:26px;height:26px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;padding:0}.ahb-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.ahb-btn svg{pointer-events:none}.ahb-approve{color:var(--success);border-color:#4ade804d}.ahb-approve:hover{background:#4ade8026}.agent-metrics{display:flex;align-items:center;gap:4px;margin-top:3px}.agent-sparkline{width:60px;height:16px;border-radius:3px;background:var(--surface-1);flex-shrink:0}.agent-health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.agent-health-dot.healthy{background:var(--success);box-shadow:0 0 4px #4ade8066}.agent-health-dot.slow{background:#fbbf24;box-shadow:0 0 4px #fbbf2466}.agent-health-dot.errors{background:var(--error);box-shadow:0 0 4px #f8717166}.agent-health-dot.idle{background:var(--text-faint)}#activity-feed{display:none;flex-direction:column;height:100%}#activity-feed .feed-list{flex:1;overflow-y:auto;font-size:11px;font-family:Cascadia Code,Fira Code,monospace;line-height:1.6;min-height:0}.feed-entry{padding:3px 8px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.feed-entry:hover{background:var(--surface-hover)}.feed-time{color:var(--text-muted);margin-right:6px}.feed-name{color:#a78bfa;font-weight:600}.feed-dim{color:var(--text-dim)}.feed-permission{background:#e945600a}.feed-anomaly{background:#f59e0b0a}.feed-hooks{color:var(--text-muted);opacity:.5}.feed-toolbar{display:flex;flex-direction:column;gap:6px;padding:0 0 8px;border-bottom:1px solid var(--border-subtle);margin-bottom:6px}.feed-search-row{display:flex;gap:6px;align-items:center}.feed-search{flex:1;height:28px;background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-sm);padding:0 8px;outline:none}.feed-search:focus{border-color:var(--accent)}.feed-search::placeholder{color:var(--text-faint)}.feed-agent-select{height:28px;background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-ui);font-size:10px;padding:0 4px;outline:none;max-width:120px}.feed-filters{display:flex;gap:3px;flex-wrap:wrap}.feed-chip{height:20px;border:1px solid var(--border-light);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font-family:var(--font-ui);font-size:9px;font-weight:500;cursor:pointer;padding:0 8px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.feed-chip:hover{background:var(--surface-hover);color:var(--text-secondary)}.feed-chip.active{background:var(--accent-dim);color:var(--accent);border-color:#e9456040}#activity-feed mark{background:#e9456040;color:inherit;border-radius:2px;padding:0 1px}#waterfall-content{display:flex;flex-direction:column;gap:0;height:100%}.wf-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px;border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.wf-stats{font-size:10px;color:var(--text-dim);display:flex;gap:12px}.wf-stat-val{color:var(--text-secondary);font-weight:600}.wf-controls{display:flex;gap:4px}.wf-btn{height:22px;padding:0 8px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);font-family:var(--font-ui);font-size:9px;cursor:pointer;transition:background .15s}.wf-btn:hover{background:var(--surface-hover);color:var(--text-secondary)}.wf-canvas-wrap{flex:1;overflow:auto;position:relative;min-height:100px}.wf-canvas{display:block;image-rendering:pixelated}.wf-tooltip{position:fixed;z-index:100;background:#0e1020f7;border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:6px 10px;font-family:var(--font-ui);font-size:11px;color:var(--text-secondary);pointer-events:none;box-shadow:var(--shadow-md);max-width:280px;white-space:nowrap}.wf-tooltip-tool{color:var(--text-primary);font-weight:600}.wf-tooltip-dur{color:var(--text-dim);margin-left:8px}.wf-tooltip-agent{color:#a78bfa;font-size:10px;display:block;margin-top:2px}.wf-empty{color:var(--text-dim);font-size:var(--text-sm);text-align:center;padding:40px 16px}.sh-title,.se-title,.dv-title,.ac-header,.ob-logo,.panel-title{text-wrap:balance}#timeline-bar{position:absolute;bottom:0;left:0;right:0;height:52px;background:#0e1020f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);display:flex;align-items:center;z-index:10;font-family:var(--font-ui);padding:0 12px;gap:10px;transition:height .25s ease}.timeline-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.timeline-controls button{height:var(--btn-height-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;padding:0 8px}.timeline-controls button:hover{background:var(--surface-hover);color:var(--text-primary)}#timeline-play{width:28px;padding:0;font-size:11px}#timeline-live{font-size:10px;font-weight:700;letter-spacing:1px;padding:0 10px}#timeline-live.active{background:var(--success-dim);color:var(--success);border-color:#4ade804d}#timeline-time{font-size:11px;font-family:monospace;color:var(--text-dim);min-width:52px}#timeline-speed{font-size:10px;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s}#timeline-speed:hover{color:var(--text-secondary)}.timeline-track{flex:1;height:32px;cursor:pointer;position:relative}#timeline-canvas{width:100%;height:100%;display:block}#timeline-bar.expanded{height:200px;flex-direction:column;padding:0;align-items:stretch}#timeline-bar.expanded .timeline-top-bar{display:flex;align-items:center;padding:0 12px;gap:10px;height:36px;flex-shrink:0;border-bottom:1px solid var(--surface-2)}#timeline-bar:not(.expanded) .timeline-top-bar{display:contents}.timeline-expand-btn{width:24px;height:24px;border:1px solid var(--border-light);border-radius:5px;background:var(--surface-2);color:var(--text-dim);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;padding:0;flex-shrink:0}.timeline-expand-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.timeline-expand-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#e945604d}.timeline-filters{display:none;align-items:center;gap:4px;flex-shrink:0}#timeline-bar.expanded .timeline-filters{display:flex}.tl-filter-pill{height:22px;border:1px solid var(--border-light);border-radius:11px;background:var(--surface-2);color:var(--text-muted);font-family:var(--font-ui);font-size:10px;font-weight:500;cursor:pointer;padding:0 8px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;display:flex;align-items:center;gap:3px}.tl-filter-pill:hover{background:var(--surface-hover);color:#aaa}.tl-filter-pill.active{background:var(--accent-dim);color:var(--accent);border-color:#e9456033}.tl-filter-icon{font-size:11px}.timeline-agent-filters{display:none;align-items:center;gap:3px;flex-shrink:0;margin-left:4px;padding-left:8px;border-left:1px solid var(--border-subtle);max-width:300px;overflow-x:auto}#timeline-bar.expanded .timeline-agent-filters{display:flex}.tl-agent-pill{height:20px;border:1px solid var(--border-light);border-radius:10px;background:var(--surface-2);color:var(--text-muted);font-family:var(--font-ui);font-size:9px;font-weight:500;cursor:pointer;padding:0 7px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;display:flex;align-items:center;gap:3px}.tl-agent-pill:hover{background:var(--surface-hover);color:#bbb}.tl-agent-pill.active{background:var(--surface-hover);color:var(--text-secondary);border-color:#ffffff26}.tl-agent-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}#timeline-bar.expanded .timeline-track{flex:1;height:auto;min-height:0}.timeline-swim-labels{display:none;position:absolute;left:0;top:0;bottom:0;width:60px;flex-direction:column;pointer-events:none;z-index:2}#timeline-bar.expanded .timeline-swim-labels{display:flex}.swim-label{font-family:var(--font-ui);font-size:9px;font-weight:500;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px 0 6px;display:flex;align-items:center;border-bottom:1px solid var(--surface-1)}#toolchain-content{display:flex;flex-direction:column;gap:4px}.tc-empty,.tg-empty{color:var(--text-dim);font-size:var(--text-sm);text-align:center;padding:40px 16px}.tc-section{margin-bottom:8px}.tc-section-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-bottom:6px;display:flex;align-items:center;gap:6px}.tc-section-title strong{color:var(--text-secondary);text-transform:none;letter-spacing:0}.tc-hint{font-weight:400;opacity:.5;text-transform:none;letter-spacing:0}.tc-clear-filter{font-size:9px;padding:1px 6px;border:1px solid var(--border-medium);background:var(--surface-3);color:var(--text-secondary);border-radius:3px;cursor:pointer;text-transform:none;letter-spacing:0}.tc-clear-filter:hover{background:var(--surface-bright)}.tc-col-header{display:flex;align-items:center;gap:6px;padding:0 6px 4px;font-size:9px;color:var(--text-ghost);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);margin-bottom:2px}.tc-col-name{width:100px;flex-shrink:0}.tc-col-mid{flex:1}.tc-col-count{width:24px;flex-shrink:0;text-align:right}.tc-col-status{width:32px;flex-shrink:0;text-align:center}.tc-col-avg{width:42px;flex-shrink:0;text-align:right}.tc-tool-row{display:flex;align-items:center;gap:6px;height:26px;padding:0 6px;border-radius:4px;cursor:pointer;transition:background .15s}.tc-tool-row:hover{background:var(--surface-hover)}.tc-tool-row.tc-selected{background:var(--surface-active)}.tc-tool-name{width:100px;flex-shrink:0;font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-tool-bar-wrap{flex:1;min-width:0;height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden;position:relative}.tc-tool-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .3s;min-width:2px;position:absolute;top:0;left:0}.tc-fail-bar{background:var(--error);z-index:1}.tc-tool-count{width:24px;flex-shrink:0;font-size:var(--text-xs);color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums}.tc-outcome{width:32px;flex-shrink:0;font-size:9px;font-weight:600;text-align:center;border-radius:3px;line-height:16px;white-space:nowrap}.tc-outcome-ok{color:var(--success)}.tc-outcome-fail{color:var(--error);background:var(--error-dim);padding:0 4px}.tc-duration{flex-shrink:0;width:42px;font-size:10px;color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tc-transition-row{display:flex;align-items:center;gap:4px;height:24px;padding:0 6px;border-radius:4px}.tc-transition-row:hover{background:var(--surface-hover)}.tc-t-from,.tc-t-to{width:72px;flex-shrink:0;font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-t-arrow{flex-shrink:0;font-size:10px;color:var(--text-muted);width:14px;text-align:center}.tc-t-bar-wrap{flex:1;min-width:0;height:5px;background:var(--surface-2);border-radius:3px;overflow:hidden}.tc-t-bar{height:100%;border-radius:3px;min-width:2px;transition:width .3s}.tc-t-count{width:32px;flex-shrink:0;font-size:10px;color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums}#taskgraph-content{display:flex;flex-direction:column;gap:8px}.tg-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.tg-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);letter-spacing:.3px}.tg-badge-active{background:#38bdf826;color:#38bdf8}.tg-badge-pending{background:#a78bfa26;color:#a78bfa}.tg-badge-done{background:#4ade8026;color:#4ade80}.tg-total{font-size:10px;color:var(--text-dim);margin-left:auto}.tg-standalone{display:flex;flex-direction:column;gap:2px;margin-top:6px}.tg-row{display:flex;align-items:center;gap:7px;padding:5px 10px;border-left:3px solid var(--sc, #a78bfa);border-radius:var(--radius-sm);background:var(--surface-1);transition:background .12s}.tg-row:hover{background:var(--surface-hover)}.tg-row-icon{font-size:12px;flex-shrink:0}.tg-row-subj{flex:1;min-width:0;font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-row-tag{font-size:9px;color:var(--text-dim);background:var(--surface-3);padding:1px 5px;border-radius:3px;flex-shrink:0}.tg-row-id{font-size:10px;color:var(--text-muted);font-weight:600;flex-shrink:0}.tg-cluster-wrap{overflow-x:auto;margin-top:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1)}.tg-svg{display:block}.tg-edge{fill:none;stroke:var(--text-faint);stroke-width:1.5}.tg-node-bg{fill:var(--surface-2);stroke:var(--border-light);stroke-width:1;transition:fill .12s}.tg-node:hover .tg-node-bg{fill:var(--surface-hover);stroke:var(--border-strong)}.tg-node-icon{font-size:12px;font-family:sans-serif}.tg-node-subj{font-size:11.5px;fill:var(--text-primary);font-family:var(--font-ui)}.tg-node-id{font-size:9px;fill:var(--text-muted);font-family:var(--font-ui);font-weight:600}.tg-node-info{font-size:9px;fill:var(--text-dim);font-family:var(--font-ui)}#analytics-content{padding:0}.analytics-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.analytics-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:10px;padding:var(--card-padding)}.analytics-card.total-cost{grid-column:1 / -1;border-color:#e9456026;background:#e945600d}.card-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px}.card-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.total-cost .card-value{color:var(--accent)}.card-unit{font-size:12px;font-weight:500;color:var(--text-dim)}.card-sub{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.analytics-section{margin-bottom:16px}.section-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px}.analytics-empty{color:var(--text-ghost);font-style:italic;font-size:12px;padding:8px 0}.sparkline-container{background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius-md);padding:8px;text-align:center}.velocity-spark{display:block;margin:0 auto}.agent-bar{margin-bottom:8px}.agent-bar-label{display:flex;align-items:center;gap:6px;margin-bottom:3px;font-size:12px}.agent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.agent-bar-name{flex:1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-bar-cost{color:var(--text-dim);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-shrink:0}.agent-bar-track{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.agent-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.zone-bar{margin-bottom:8px}.zone-bar-label{display:flex;justify-content:space-between;margin-bottom:3px;font-size:12px;color:#aaa}.zone-bar-cost{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.zone-bar-track{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.zone-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.analytics-card.cache-card{border-color:#60a5fa33;background:#60a5fa0d}.cache-card .card-value{color:#60a5fa}.cache-savings{font-size:10px;color:var(--success);margin-top:2px;font-weight:500}.tool-bar{margin-bottom:8px}.tool-bar-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;font-size:12px}.tool-bar-name{color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-family:var(--font-ui);font-size:12px}.tool-bar-count{color:var(--text-dim);font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;flex-shrink:0;margin-left:8px}.tool-bar-track{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.tool-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.cost-rate-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:12px;border-bottom:1px solid var(--surface-1)}.cost-rate-row:last-child{border-bottom:none}.cost-rate-name{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.cost-rate-value{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:8px}.cost-rate-header{font-size:10px;color:var(--text-dim);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.session-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--surface-1);font-size:12px}.session-row:last-child{border-bottom:none}.session-name{flex:1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-duration{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:var(--text-sm);flex-shrink:0}.session-status{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:3px;flex-shrink:0}.session-status.active{background:var(--success-dim);color:var(--success)}.session-status.idle{background:#6b728026;color:#6b7280}.threshold-section{border-top:1px solid var(--border-subtle);padding-top:12px}.threshold-row{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-dim)}.threshold-row input{width:80px;height:var(--btn-height-sm);background:var(--surface-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);text-align:center;outline:none}.threshold-row input:focus{border-color:#e9456066}.threshold-status{font-size:var(--text-sm);margin-left:auto}#cost-alert{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#dc2626f2;color:#fff;font-family:var(--font-ui);font-size:14px;font-weight:600;padding:10px 24px;border-radius:10px;z-index:200;box-shadow:0 8px 30px #dc262666;pointer-events:none}#cost-alert.flash{animation:alertFlash .6s ease-in-out 3}#leaderboard-content{padding:0}.lb-empty{text-align:center;color:var(--text-dim);padding:40px 0}.lb-table{width:100%;border-collapse:collapse;font-size:12px}.lb-table th{text-align:left;padding:5px 6px;color:var(--text-dim);border-bottom:1px solid var(--border-subtle);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.lb-sortable{cursor:pointer}.lb-sortable:hover{color:var(--text-secondary)}.lb-table td{padding:5px 6px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.lb-rank{font-size:14px;text-align:center;width:30px}.lb-name{white-space:nowrap}.lb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.lb-bar-wrap{position:relative;height:18px}.lb-bar{height:100%;border-radius:3px;opacity:.5}.lb-bar-label{position:absolute;top:0;left:4px;line-height:18px;font-size:var(--text-sm);color:var(--text-primary);font-weight:600}#command-palette{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none;font-family:var(--font-ui)}#command-palette.open{display:block}.cmd-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cmd-modal{position:absolute;top:18%;left:50%;transform:translate(-50%);width:540px;max-width:90vw;background:#14162cfa;border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0009;overflow:hidden}.cmd-input-wrap{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-subtle);gap:10px}.cmd-icon{font-size:16px;opacity:.5;flex-shrink:0}.cmd-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-ui);font-size:15px;font-weight:400}.cmd-input::placeholder{color:var(--text-faint)}.cmd-kbd{font-size:10px;font-family:monospace;color:var(--text-faint);background:var(--surface-3);padding:2px 6px;border-radius:4px;border:1px solid var(--border-light);flex-shrink:0}.cmd-list{max-height:340px;overflow-y:auto;padding:6px}.cmd-item{display:flex;align-items:center;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;gap:10px;transition:background .1s}.cmd-item:hover,.cmd-item.selected{background:var(--surface-3)}.cmd-item.selected{background:var(--accent-dim);border:1px solid rgba(233,69,96,.15)}.cmd-item-icon{font-size:16px;flex-shrink:0;width:24px;text-align:center}.cmd-item-text{flex:1;min-width:0}.cmd-item-label{font-size:var(--text-base);font-weight:500;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item-desc{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item-cat{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);padding:2px 6px;border-radius:3px;background:var(--surface-2);flex-shrink:0}.cmd-empty{text-align:center;padding:20px;color:var(--text-faint);font-style:italic}.cmd-footer{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-ghost)}.cmd-footer kbd{font-family:monospace;font-size:10px;background:var(--surface-2);padding:1px 4px;border-radius:3px;border:1px solid var(--border-light);color:var(--text-muted);margin-right:4px}#shortcuts-help{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none;font-family:var(--font-ui)}#shortcuts-help.open{display:block}.sh-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sh-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:90vw;max-height:80vh;background:#14162cfa;border:1px solid var(--border-medium);border-radius:14px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;overflow:hidden}.sh-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border-subtle)}.sh-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.sh-close{width:28px;height:28px;border:none;background:var(--surface-3);border-radius:var(--radius-sm);color:var(--text-dim);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sh-close:hover{background:var(--surface-bright);color:var(--text-primary)}.sh-body{flex:1;overflow-y:auto;padding:16px 20px}.sh-group{margin-bottom:18px}.sh-group:last-child{margin-bottom:0}.sh-group-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:8px}.sh-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--surface-1)}.sh-row:last-child{border-bottom:none}.sh-keys{display:flex;align-items:center;gap:4px;flex-shrink:0}.sh-keys kbd{font-family:var(--font-ui),monospace;font-size:var(--text-sm);font-weight:500;background:var(--surface-hover);color:#ddd;padding:3px 8px;border-radius:5px;border:1px solid var(--border-light);min-width:24px;text-align:center}.sh-desc{font-size:var(--text-base);color:#aaa;text-align:right}.sh-footer{padding:10px 20px;border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-faint);text-align:center}.sh-footer kbd{font-family:monospace;font-size:10px;background:var(--surface-2);padding:1px 5px;border-radius:3px;border:1px solid var(--border-light);color:var(--text-muted)}#session-export{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none;font-family:var(--font-ui)}#session-export.open{display:block}.se-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.se-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-width:90vw;max-height:80vh;background:#14162cfa;border:1px solid var(--border-medium);border-radius:14px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;overflow:hidden}.se-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border-subtle)}.se-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.se-close{width:28px;height:28px;border:none;background:var(--surface-3);border-radius:var(--radius-sm);color:var(--text-dim);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.se-close:hover{background:var(--surface-bright);color:var(--text-primary)}.se-body{flex:1;overflow-y:auto;padding:16px 20px}.se-content{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--text-sm);line-height:1.6;color:#bbb;white-space:pre-wrap;word-break:break-word;background:#0003;padding:14px;border-radius:var(--radius-md);border:1px solid var(--surface-2)}.se-footer{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--border-subtle)}.se-footer button{height:var(--btn-height-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-3);color:var(--text-secondary);font-family:var(--font-ui);font-size:12px;font-weight:500;cursor:pointer;padding:0 16px;transition:background .15s,color .15s,border-color .15s}.se-footer button:hover{background:var(--surface-bright);color:var(--text-primary)}.se-footer .se-copy-btn{background:var(--accent-dim);color:var(--accent);border-color:#e945604d}.se-footer .se-copy-btn:hover{background:#e9456040}#agent-customizer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300}#agent-customizer.open{display:block}.ac-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.ac-popover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-panel-solid);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:20px;width:280px;font-family:var(--font-ui)}.ac-header{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.ac-close{background:none;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;padding:0;line-height:1}.ac-close:hover{color:var(--text-primary)}.ac-field{margin-bottom:14px}.ac-field label{display:block;font-size:var(--text-sm);color:var(--text-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.ac-name-input{width:100%;height:34px;background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);padding:0 10px;font-size:var(--text-base);font-family:var(--font-ui);outline:none}.ac-name-input:focus{border-color:var(--accent)}.ac-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.ac-swatch{width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:border-color .15s}.ac-swatch:hover{border-color:#ffffff4d}.ac-swatch.selected{border-color:#fff}.ac-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.ac-actions button{height:var(--btn-height-md);padding:0 16px;border-radius:var(--radius-sm);border:none;font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer}.ac-reset{background:var(--surface-3);color:var(--text-secondary)}.ac-save{background:var(--accent);color:#fff}@keyframes hooks-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes emptyPulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes toastIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes alertFlash{0%,to{opacity:1}50%{opacity:.5}}@keyframes hudPulse{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 4px #4ade8000}}@keyframes hooksPendingPulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}#hooks-dot.hooks-active{background:#a78bfa;box-shadow:0 0 6px #a78bfa80}#hooks-dot.hooks-pending{background:#f59e0b;animation:hooksPendingPulse 1.5s ease-in-out infinite}.settings-panel{display:flex;flex-direction:column;gap:4px}.settings-section{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.settings-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.settings-section-title svg{color:var(--accent);flex-shrink:0}.settings-sub-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:10px 0 6px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:12px}.settings-row-compact{padding:5px 0}.settings-label-group{display:flex;flex-direction:column;gap:1px;min-width:0}.settings-label{font-size:12.5px;color:var(--text-secondary);white-space:nowrap}.settings-hint{font-size:10.5px;color:var(--text-muted);line-height:1.3}.settings-control{display:flex;align-items:center;gap:8px;flex-shrink:0}.settings-toggle{position:relative;display:inline-flex;cursor:pointer}.settings-toggle input{position:absolute;opacity:0;width:0;height:0}.settings-toggle-track{width:36px;height:20px;background:var(--surface-hover);border-radius:10px;position:relative;transition:background .2s;border:1px solid var(--border)}.settings-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-muted);border-radius:50%;transition:transform .2s,background .2s}.settings-toggle input:checked+.settings-toggle-track{background:var(--accent);border-color:var(--accent)}.settings-toggle input:checked+.settings-toggle-track:after{transform:translate(16px);background:#fff}.settings-slider{width:120px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-hover);border-radius:2px;outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.settings-slider::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.settings-value{font-size:11px;color:var(--text-muted);min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.settings-sound-row{display:flex;align-items:center;gap:8px;padding:5px 0}.settings-sound-row+.settings-sound-row{border-top:1px solid var(--border)}.settings-sound-toggle{flex-shrink:0}.settings-sound-label{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;min-width:80px}.settings-voice-select{flex:1;min-width:0;height:26px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);font-size:var(--text-sm);font-family:var(--font-ui);cursor:pointer;padding:0 6px;outline:none}.settings-voice-select:hover{background:var(--surface-hover);color:var(--text-primary)}.settings-voice-select:focus{border-color:var(--accent)}.settings-voice-select option{background:#1a1e38;color:#fff}.settings-preview-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;transition:all .15s;flex-shrink:0}.settings-preview-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--surface-hover)}.settings-preview-btn.settings-preview-active{color:var(--accent);border-color:var(--accent);transform:scale(.9)}.settings-input-prefix{font-size:12px;color:var(--text-muted)}.settings-number{width:72px;padding:4px 8px;background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-ui);outline:none;text-align:right}.settings-number:focus{border-color:var(--accent)}.settings-footer{padding:4px 0 0;display:flex;justify-content:flex-end}.settings-reset-btn{padding:6px 14px;font-size:var(--text-sm);color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);transition:all .15s}.settings-reset-btn:hover{color:var(--error);border-color:var(--error);background:#ef444414}.sb-section-bottom{margin-top:auto}@media(max-width:1023px){:root{--sidebar-nav-width: 52px}#sidebar{width:52px}#sidebar .sb-label,#sidebar .sb-shortcut,#sidebar .sb-section-title,#sidebar .sb-volume,#sidebar .sb-theme-select{display:none}#sidebar .sb-item{justify-content:center;padding:0}#sidebar .sb-theme-row{justify-content:center}#sidebar .sb-section-title{font-size:0;padding:0;height:12px;border-bottom:1px solid var(--border-subtle);margin:0 6px 6px}#right-panel{position:fixed;top:var(--top-bar-height);bottom:0;right:0;z-index:30;box-shadow:var(--shadow-lg)}.tb-stats{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

package/packages/client/dist/assets/{webworkerAll-hM-gNP7L.js → webworkerAll-XKfx082n.js}

@@ -1,4 +1,4 @@
-import{G,b as I,i as _,M as k,K as B,z as O,$ as m,T as v,ai as A,R as C,w as z,_ as E,p as w}from"./index-BPJtz4FL.js";import{F as U}from"./Filter-CBX7EB7j.js";var M=`in vec2 aPosition;
+import{G,b as I,i as _,M as k,K as B,z as O,$ as m,T as v,ai as A,R as C,w as z,_ as E,p as w}from"./index-F7EORPP_.js";import{F as U}from"./Filter-DNvhyFhm.js";var M=`in vec2 aPosition;
 out vec2 vTextureCoord;
 
 uniform vec4 uInputSize;

package/packages/client/dist/index.html

@@ -10,8 +10,8 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
-  <script type="module" crossorigin src="/assets/index-BPJtz4FL.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/index-CMmR_RuS.css">
+  <script type="module" crossorigin src="/assets/index-F7EORPP_.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-edh-N9Dm.css">
 </head>
 <body>
   <div id="disconnected-bar"></div>
@@ -103,6 +103,15 @@
           <span class="sb-shortcut">R</span>
         </button>
       </div>
+      <!-- Settings -->
+      <div class="sb-section sb-section-bottom">
+        <div class="sb-section-title">CONFIGURE</div>
+        <button class="sb-item" data-tab="settings">
+          <svg class="sb-icon" viewBox="0 0 24 24" fill="currentColor"><path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 00.12-.61l-1.92-3.32a.488.488 0 00-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58a.49.49 0 00-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/></svg>
+          <span class="sb-label">Settings</span>
+          <span class="sb-shortcut">S</span>
+        </button>
+      </div>
     </nav>
 
     <div class="sb-footer">