:root{--header-h: 36px;--nav-rail-w: 36px;--cmd-h: 44px;--status-bar-h: 24px;--stream-max-w: 960px;--rail-w: 24px;--signal-w: 140px;--grid-row: var(--rail-w) 1fr var(--signal-w);--indent-step: 32px;--max-depth: 3;--row-h-compact: 28px;--row-pad-compact: 4px 0;--font-compact: 12px;--lh-compact: 1.3;--gap-compact: 2px;--row-h-comfortable: 36px;--row-pad-comfortable: 8px 0;--font-comfortable: 13px;--lh-comfortable: 1.5;--gap-comfortable: 4px;--row-h-expanded: 44px;--row-pad-expanded: 12px 0;--font-expanded: 14px;--lh-expanded: 1.6;--gap-expanded: 8px;--row-height: var(--row-h-comfortable);--row-padding: var(--row-pad-comfortable);--font-size: var(--font-comfortable);--line-height: var(--lh-comfortable);--gap: var(--gap-comfortable);--bg-base: #09090b;--bg-surface-0: #0c0c0c;--bg-surface-1: #18181b;--bg-surface-2: #27272a;--bg-surface-3: #3f3f46;--bg-hover: rgba(255, 255, 255, .05);--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #71717a;--border: #27272a;--border-hover: #3f3f46;--border-subtle: #18181b;--status-success: #22c55e;--status-error: #ef4444;--status-warning: #f59e0b;--status-running: #3b82f6;--status-pending: #71717a;--actor-human: #3b82f6;--actor-agent: #d4a04a;--actor-system: #71717a;--actor-ephemeral: #a855f7;--accent: #3b82f6;--accent-hover: #2563eb;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-3xs: 9px;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-lg: 14px;--text-xl: 16px;--dot-default: 6px;--dot-small: 4px;--dot-medium: 8px;--tree-line-w: 2px;--tree-line-color: #52525b;--tree-line-opacity: .4;--tree-radius: 12px;--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 12px;--z-stream: 1;--z-sticky: 10;--z-nav: 20;--z-header: 30;--z-panel: 40;--z-command: 50;--z-modal: 60}[data-density=compact]{--row-height: var(--row-h-compact);--row-padding: var(--row-pad-compact);--font-size: var(--font-compact);--line-height: var(--lh-compact);--gap: var(--gap-compact)}[data-density=comfortable]{--row-height: var(--row-h-comfortable);--row-padding: var(--row-pad-comfortable);--font-size: var(--font-comfortable);--line-height: var(--lh-comfortable);--gap: var(--gap-comfortable)}[data-density=expanded]{--row-height: var(--row-h-expanded);--row-padding: var(--row-pad-expanded);--font-size: var(--font-expanded);--line-height: var(--lh-expanded);--gap: var(--gap-expanded)}[data-theme=light]{--bg-base: #faf8f5;--bg-surface-0: #ffffff;--bg-surface-1: #f4f4f5;--bg-surface-2: #e4e4e7;--bg-surface-3: #d4d4d8;--bg-hover: rgba(0, 0, 0, .04);--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #71717a;--text-muted: #a1a1aa;--border: #e4e4e7;--border-hover: #d4d4d8;--border-subtle: #f4f4f5;--tree-line-color: #a1a1aa;--accent: #2563eb;--accent-hover: #1d4ed8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:var(--font-size);line-height:var(--line-height);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}@keyframes lens-pulse{0%,to{opacity:1}50%{opacity:.5}}.lens-pulse{animation:lens-pulse 2s ease-in-out infinite}.lens-shell *::-webkit-scrollbar{width:6px;height:6px}.lens-shell *::-webkit-scrollbar-track{background:transparent}.lens-shell *::-webkit-scrollbar-thumb{background:var(--bg-surface-3);border-radius:3px}.lens-shell *::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.lens-shell *{scrollbar-width:thin;scrollbar-color:var(--bg-surface-3) transparent}.lens-shell{display:flex;flex-direction:row;height:100vh;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans)}.lens-main{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden}.lens-main-inner{display:flex;flex-direction:row;width:100%;max-width:var(--stream-max-w);min-width:0;min-height:0;flex:1;position:relative}.lens-tab-bar{display:flex;align-items:stretch;width:100%;max-width:var(--stream-max-w);height:24px;min-height:24px;border-bottom:1px solid var(--border-subtle);padding:0 2px;gap:0;overflow:hidden}.lens-tab-bar-tabs{display:flex;align-items:stretch;gap:0;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.lens-tab-bar-tabs::-webkit-scrollbar{display:none}.lens-tab{display:flex;align-items:center;gap:3px;padding:0 8px;height:24px;border-radius:0;font-size:10px;font-family:var(--font-mono, monospace);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;max-width:140px;transition:background-color .1s;border-right:1px solid var(--border-subtle)}.lens-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.lens-tab--active{background:var(--bg-surface-2);color:var(--text-primary);border-bottom:2px solid var(--accent)}.lens-tab-dot{width:4px;height:4px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.lens-tab-dot--active{background:var(--status-success)}.lens-tab-name{overflow:hidden;text-overflow:ellipsis}.lens-tab-dirty-dot{width:3px;height:3px;border-radius:50%;background:var(--accent);flex-shrink:0}.lens-tab-close{display:none;align-items:center;justify-content:center;width:12px;height:12px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:0;padding:0;flex-shrink:0}.lens-tab:hover .lens-tab-close{display:flex}.lens-tab-close:hover{color:var(--text-primary)}.lens-tab-rename{width:70px;height:16px;border:1px solid var(--accent);border-radius:0;background:var(--bg-surface-0);color:var(--text-primary);font-size:10px;font-family:var(--font-mono, monospace);padding:0 3px;outline:none}.lens-tab-add{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin:3px 4px;border:none;background:var(--accent);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;font-weight:600}.lens-tab-add:hover{background:color-mix(in srgb,var(--accent) 85%,#fff);color:#fff}.lens-main-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.lens-nav-rail{width:var(--nav-rail-w);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 0;background:var(--bg-surface-0);border-right:1px solid var(--border-subtle);z-index:var(--z-nav);flex-shrink:0}.lens-nav-rail-brand{display:flex;flex-direction:column;align-items:center;gap:2px;padding-bottom:12px}.lens-nav-rail-brand span{font-size:11px;font-weight:600;font-family:var(--font-mono, monospace);color:var(--text-secondary);letter-spacing:.1em;line-height:1}.lens-nav-rail-group{display:flex;flex-direction:column;align-items:center;gap:2px}.lens-nav-rail-new{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;background:var(--accent);color:#fff;cursor:pointer;border-radius:50%;transition:background-color .1s}.lens-nav-rail-new:hover{background:color-mix(in srgb,var(--accent) 85%,#fff)}.lens-nav-rail-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);position:relative}.lens-nav-rail-btn:hover{color:var(--text-primary)}.lens-nav-dot{width:6px;height:6px;border-radius:50%}.lens-nav-dot--live{background:var(--status-success)}.lens-nav-dot--demo{background:var(--status-warning)}.lens-nav-count{font-size:8px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);line-height:1;text-align:center;width:100%}.lens-nav-staged-count{font-size:9px;font-family:var(--font-mono);font-weight:600;color:var(--accent);line-height:1}.lens-row{display:grid;min-height:var(--row-height);align-items:center;padding:var(--row-padding);cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size);line-height:var(--line-height);border-bottom:1px solid var(--border-subtle);border-left:2px solid transparent}.lens-row:hover{background:var(--bg-hover)}[data-focused=true]>.lens-row{outline:1px solid var(--accent);outline-offset:-1px}.lens-row--selected{background:var(--bg-surface-1);border-left-color:var(--accent);border-bottom-color:transparent}.lens-row-rail{display:flex;align-items:center;justify-content:center;position:relative;min-height:var(--row-height)}.lens-row--nested{border-left-color:transparent}.lens-row--pinned{background:color-mix(in srgb,var(--accent) 5%,transparent)}.lens-tree-line{position:absolute;top:0;bottom:0;width:var(--tree-line-w);background:var(--tree-line-color);opacity:var(--tree-line-opacity)}.lens-tree-branch{position:absolute;top:50%;width:8px;height:0;border-top:var(--tree-line-w) solid var(--tree-line-color);opacity:var(--tree-line-opacity)}.lens-row-content{display:flex;align-items:center;min-width:0;padding:0 4px}.lens-row-signal{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:var(--text-3xs);font-family:var(--font-mono);color:var(--text-tertiary);font-variant-numeric:tabular-nums;padding-right:4px;white-space:nowrap;position:relative}.lens-row-chevron{font-size:7px;color:var(--text-muted);transition:transform var(--transition-fast);line-height:1}.lens-row-chevron--open{color:var(--accent);transform:rotate(180deg)}.lens-row-actions{display:none;align-items:center;gap:2px}.lens-row:hover .lens-row-actions{display:flex}.lens-row-signal>span{transition:opacity var(--transition-fast)}.lens-row:hover .lens-row-signal>span{display:none}.lens-row-action-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;padding:0;transition:all var(--transition-fast)}.lens-row-action-btn:hover{background:var(--bg-surface-2);color:var(--text-primary)}.lens-row-action-btn--active,.lens-row-action-btn--active:hover{color:var(--accent)}.lens-content-inline{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lens-content-text{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.lens-content-actor-tag{font-size:var(--text-3xs);color:var(--actor-human);flex-shrink:0}.lens-content-mono{font-family:var(--font-mono)}.lens-content-tool-name{color:var(--text-tertiary);flex-shrink:0}.lens-content-tool-output{color:var(--text-tertiary);font-size:var(--text-3xs);overflow:hidden;text-overflow:ellipsis}.lens-content-dim{color:var(--text-tertiary);font-size:var(--text-2xs)}.lens-content-error-text{color:var(--status-error)}.lens-content-warning{color:var(--status-warning)}.lens-content-meta{color:var(--text-muted);font-size:var(--text-3xs);flex-shrink:0}.lens-content-cluster-count{display:inline-block;background:var(--bg-surface-2);padding:0 4px;border-radius:var(--radius-sm);margin-right:4px;color:var(--text-secondary);font-size:var(--text-3xs)}.lens-content-notif--error{color:var(--status-error)}.lens-content-notif--warning{color:var(--status-warning)}.lens-content-notif--success{color:var(--status-success)}.lens-content-notif--info{color:var(--text-secondary)}.lens-content-log-level{font-size:var(--text-3xs);padding:0 3px;border-radius:var(--radius-sm);margin-right:4px}.lens-content-log-level--trace,.lens-content-log-level--debug{color:var(--text-muted)}.lens-content-log-level--info{color:var(--text-secondary)}.lens-content-log-level--warn{color:var(--status-warning)}.lens-content-log-level--error,.lens-content-log-level--fatal{color:var(--status-error)}.lens-inline-action{padding:0 5px;border-radius:var(--radius-sm);font-size:var(--text-3xs);border:1px solid var(--border);cursor:pointer;line-height:1.6;flex-shrink:0}.lens-inline-action--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.lens-inline-action--danger{background:var(--status-error);color:#fff;border-color:var(--status-error)}.lens-inline-action--secondary{background:var(--bg-surface-2);color:var(--text-primary)}.lens-inline-action--ghost{background:transparent;color:var(--text-secondary)}.lens-dot{display:inline-block;width:var(--dot-size);height:var(--dot-size);border-radius:50%;flex-shrink:0}.lens-dot--filled{background:var(--dot-color)}.lens-dot--ring{background:transparent;border:1.5px solid var(--dot-color)}.lens-dot--square{border-radius:2px;background:var(--dot-color)}.lens-dot--diamond{border-radius:1px;background:var(--dot-color);transform:rotate(45deg)}.lens-dot--dashed{background:transparent;border:1.5px dashed var(--dot-color)}.lens-dot--dot{background:var(--dot-color);opacity:.6}.lens-dot--triangle{background:transparent;width:0;height:0;border-left:calc(var(--dot-size) / 2) solid transparent;border-right:calc(var(--dot-size) / 2) solid transparent;border-bottom:var(--dot-size) solid var(--dot-color);border-radius:0}.lens-inline-detail{background:var(--bg-surface-0);border-bottom:1px solid var(--border);border-left:2px solid var(--accent);padding:4px 8px 4px 28px}.lens-inline-detail--minimal{font-size:var(--text-3xs);color:var(--text-muted);padding:3px 8px 3px 28px}.lens-detail-text{color:var(--text-primary);font-size:var(--text-2xs);line-height:1.4}.lens-detail-dim{color:var(--text-tertiary);font-size:var(--text-3xs)}.lens-detail-pre{font-family:var(--font-mono);font-size:var(--text-3xs);color:var(--text-secondary);background:var(--bg-surface-1);padding:3px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:auto;max-height:160px;margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.4}.lens-detail-pre+.lens-detail-pre{margin-top:3px}.lens-detail-pre--output{color:var(--text-primary)}.lens-detail-toggle{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-3xs);padding:0}.lens-inline-detail-footer{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:var(--text-3xs);color:var(--text-muted)}.lens-inline-detail-tag{padding:0 3px;border-radius:var(--radius-sm);background:var(--bg-surface-2);color:var(--text-tertiary)}.lens-inline-detail-id{margin-left:auto;font-family:var(--font-mono)}.lens-md-code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-surface-2);padding:1px 4px;border-radius:var(--radius-sm);color:var(--accent)}.lens-md-code-block{font-family:var(--font-mono);font-size:var(--text-3xs);color:var(--text-secondary);background:var(--bg-surface-1);padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);overflow-x:auto;margin:4px 0;white-space:pre;line-height:1.4}.lens-md-link{color:var(--accent);text-decoration:none}.lens-md-link:hover{text-decoration:underline}.lens-stream-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.lens-stream{flex:1;overflow-y:auto;overflow-x:hidden}.lens-stream-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary);padding:48px 24px}.lens-empty-text{font-size:var(--text-sm);color:var(--text-muted)}.lens-empty-hint{font-size:var(--text-3xs);color:var(--text-muted)}.lens-row-wrapper{contain:layout style}.lens-new-events-badge{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:var(--radius-xl);background:var(--accent);color:#fff;border:none;font-size:var(--text-3xs);cursor:pointer;z-index:10;box-shadow:0 2px 8px #0000004d;transition:transform var(--transition-fast)}.lens-new-events-badge:hover{transform:translate(-50%) scale(1.05)}.lens-time-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:2px 10px;font-size:var(--text-3xs);font-weight:600;color:var(--text-tertiary);background:var(--bg-surface-1);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.05em}.lens-time-header-count{font-family:var(--font-mono);font-weight:400;color:var(--text-muted)}.lens-query-bar{border-bottom:1px solid var(--border);background:var(--bg-surface-0);flex-shrink:0}.lens-query-bar-main{display:flex;align-items:center;gap:6px;padding:0 8px;height:var(--cmd-h)}.lens-query-prompt{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);flex-shrink:0;width:10px;text-align:center}.lens-query-editor{flex:1;min-width:80px;position:relative;font-size:var(--text-2xs);font-family:var(--font-mono);line-height:1.5}.lens-query-highlight{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;pointer-events:none;white-space:pre;overflow:hidden}.lens-query-placeholder{color:var(--text-muted)}.lens-query-input{position:relative;width:100%;background:transparent;border:none;outline:none;font-size:inherit;font-family:inherit;line-height:inherit;color:transparent;caret-color:var(--text-primary)}.lens-query-input::placeholder{color:transparent}.lens-chip{display:inline-flex;align-items:center;gap:2px;padding:0 5px;font-size:var(--text-3xs);font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-surface-2);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;line-height:1.6}.lens-chip--type{background:#3b82f61f;color:var(--accent)}.lens-chip--status{background:#f59e0b1f;color:var(--status-warning)}.lens-chip--actor{background:#a855f71f;color:#a855f7}.lens-chip--time{background:#22c55e1f;color:#22c55e}.lens-chip-label{cursor:pointer}.lens-chip-x{cursor:pointer;display:inline-flex;align-items:center;opacity:.5;margin-left:1px}.lens-chip-x:hover{opacity:1}.lens-chip--off{opacity:.35;text-decoration:line-through}.lens-chip--off:hover{opacity:.6}.lens-query-bar-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.lens-query-clear{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.lens-query-clear:hover{background:var(--bg-surface-2);color:var(--text-primary)}.lens-query-loading{color:var(--accent);animation:lens-pulse 1.5s infinite;font-size:8px}.lens-slash-dropdown{position:absolute;top:100%;left:0;right:0;z-index:var(--z-command);background:var(--bg-surface-1);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:260px;overflow-y:auto;box-shadow:0 8px 24px #00000040;padding:2px 0}.lens-slash-item{display:flex;align-items:center;gap:6px;padding:3px 10px;cursor:pointer;font-size:var(--text-3xs);height:26px}.lens-slash-item:hover,.lens-slash-item[data-selected]{background:var(--bg-surface-2)}.lens-slash-icon{color:var(--text-muted);flex-shrink:0}.lens-slash-item[data-selected] .lens-slash-icon{color:var(--accent)}.lens-slash-name{color:var(--text-primary);white-space:nowrap}.lens-slash-query{font-family:var(--font-mono);font-size:9px;color:var(--text-secondary);white-space:nowrap}.lens-query-chips{display:flex;flex-wrap:wrap;gap:3px;padding:3px 8px 4px}.lens-query-placeholder kbd{display:inline-block;padding:0 4px;font-size:var(--text-3xs);font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);line-height:1.4}.lens-autocomplete{position:absolute;top:100%;left:0;right:0;z-index:var(--z-command);background:var(--bg-surface-1);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);max-height:200px;overflow-y:auto}.lens-autocomplete-item{padding:4px 8px;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer}.lens-autocomplete-item:hover,.lens-autocomplete-item[data-selected]{background:var(--bg-surface-2);color:var(--text-primary)}.lens-autocomplete-field{color:var(--text-tertiary);margin-right:4px}.lens-table-container{flex:1;overflow:auto}.lens-table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.lens-table thead{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-surface-1)}.lens-table th{padding:6px 8px;text-align:left;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.lens-table th:hover{color:var(--text-primary)}.lens-table th[data-sorted]{color:var(--accent)}.lens-table-sort-icon{margin-left:2px;font-size:10px}.lens-table td{padding:4px 8px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.lens-table tr{cursor:pointer}.lens-table tr:hover{background:var(--bg-surface-1)}.lens-table tr[data-selected]{background:var(--bg-surface-2)}.lens-table tr:nth-child(2n){background:color-mix(in srgb,var(--bg-surface-1) 30%,transparent)}.lens-table tr[data-selected]:nth-child(2n){background:var(--bg-surface-2)}.lens-table-type-badge{display:inline-block;padding:0 4px;border-radius:var(--radius-sm);background:var(--bg-surface-2);font-size:var(--text-3xs);font-family:var(--font-mono)}.lens-table-status-badge{display:inline-block;padding:0 4px;border-radius:var(--radius-sm);font-size:var(--text-3xs)}.lens-table-status-badge[data-status=success]{color:var(--status-success)}.lens-table-status-badge[data-status=error]{color:var(--status-error)}.lens-table-status-badge[data-status=running]{color:var(--status-running)}.lens-table-status-badge[data-status=pending],.lens-table-status-badge[data-status=awaiting]{color:var(--status-warning)}.lens-table .lens-table-col-content{max-width:400px}.lens-table .lens-table-col-cost,.lens-table .lens-table-col-latency,.lens-table .lens-table-col-time{text-align:right;font-family:var(--font-mono);font-size:var(--text-3xs);color:var(--text-tertiary)}.lens-table-pin-btn{display:none;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer}.lens-table tr:hover .lens-table-pin-btn{display:inline-flex}.lens-table tr:hover .lens-table-time-text{display:none}.lens-table-pin-btn--active{display:inline-flex;color:var(--accent)}.lens-table-pin-btn:hover{color:var(--accent)}.lens-table-actor[data-actor-type=human]{color:var(--actor-human)}.lens-table-actor[data-actor-type=agent]{color:var(--actor-agent)}.lens-table-actor[data-actor-type=system]{color:var(--actor-system)}.lens-table-actor[data-actor-type=ephemeral]{color:var(--actor-ephemeral)}.lens-resize-handle{flex-shrink:0;width:4px;cursor:col-resize;background:var(--border-subtle);transition:background .15s;position:relative}.lens-resize-handle:after{content:"";position:absolute;top:0;right:-4px;bottom:0;left:-4px}.lens-resize-handle:hover,.lens-resize-handle:active{background:var(--accent)}.lens-staging{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--bg-surface-0);border-left:none;overflow:hidden}.lens-staging-header{display:flex;align-items:center;justify-content:space-between;padding:0 8px;height:var(--header-h);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.lens-staging-title{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.lens-staging-badge{font-family:var(--font-mono);font-size:8px;color:var(--accent);background:#3b82f61a;padding:0 4px;border-radius:var(--radius-sm);line-height:14px}.lens-staging-pinned-count{font-size:7px;color:var(--text-muted);font-weight:400}.lens-staging-controls{display:flex;gap:1px}.lens-staged-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer}.lens-staged-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.lens-staged-btn--active{color:var(--accent)}.lens-staging-cards{flex:1;overflow-y:auto;padding:4px;gap:4px}.lens-staging-cards--vertical{display:flex;flex-direction:column}.lens-staging-cards--horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.lens-staging-cards--horizontal .lens-staged-card{min-width:260px;max-width:400px;flex:0 0 auto}.lens-staged-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-0);overflow:hidden}.lens-staged-card--pinned{border-color:#3b82f64d;box-shadow:0 0 0 1px #3b82f61a}.lens-staged-card-header{display:flex;align-items:center;gap:4px;padding:3px 4px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-1)}.lens-staged-card-type{font-size:8px;font-family:var(--font-mono);color:var(--text-secondary);font-weight:500}.lens-staged-card-type[data-type=error]{color:var(--status-error)}.lens-staged-card-type[data-type=tool-call]{color:var(--accent)}.lens-staged-card-type[data-type=message]{color:var(--actor-human)}.lens-staged-card-type[data-type=approval],.lens-staged-card-type[data-type=escalation]{color:var(--status-warning)}.lens-staged-card-time{font-size:7px;font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums}.lens-staged-card-actions{display:flex;margin-left:auto;gap:0}.lens-staged-card-content{padding:4px 6px;font-size:var(--text-3xs);color:var(--text-primary);line-height:1.4;cursor:pointer;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lens-staged-card-content:hover{color:var(--accent)}.lens-staged-card-kv{padding:2px 6px 4px}.lens-staged-kv-row{display:flex;gap:6px;font-size:7px;line-height:1.6}.lens-staged-kv-label{color:var(--text-muted);min-width:40px}.lens-staged-kv-value{color:var(--text-tertiary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1024px){.lens-staging{position:fixed;right:0;top:0;bottom:0;width:50%;z-index:var(--z-panel);box-shadow:-4px 0 16px #0000004d}.lens-resize-handle{display:none}}@media(max-width:640px){.lens-nav-rail{display:none}.lens-staging{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%!important;max-height:50vh;z-index:var(--z-modal);border-left:none;border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 16px #0000004d}.lens-table-container{overflow-x:auto}.lens-table{min-width:640px}.lens-query-placeholder{font-size:var(--text-3xs)}}.lens-switcher-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;background:#00000040}.lens-switcher{width:520px;max-width:90vw;max-height:60vh;display:flex;flex-direction:column;background:var(--bg-surface-1, var(--bg-surface-0));border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 48px #0006;overflow:hidden}.lens-switcher-input-row{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border-primary)}.lens-switcher-search-icon{color:var(--text-tertiary);flex-shrink:0}.lens-switcher-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);line-height:1.5}.lens-switcher-input::placeholder{color:var(--text-tertiary)}.lens-switcher-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:4px;flex-shrink:0}.lens-switcher-close:hover{background:var(--surface-hover);color:var(--text-secondary)}.lens-switcher-results{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0}.lens-switcher-empty{padding:24px 16px;text-align:center;color:var(--text-tertiary);font-size:var(--text-2xs)}.lens-switcher-section{padding:2px 0}.lens-switcher-section-header{display:flex;align-items:center;gap:6px;padding:6px 12px 4px;font-size:9px;font-weight:600;letter-spacing:.08em;color:var(--text-tertiary);text-transform:uppercase}.lens-switcher-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:var(--text-2xs);color:var(--text-secondary);min-height:28px;overflow:hidden}.lens-switcher-item:hover,.lens-switcher-item--selected{background:var(--surface-hover);color:var(--text-primary)}.lens-switcher-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--text-tertiary)}.lens-switcher-dot[data-status=active]{background:var(--dot-success)}.lens-switcher-dot[data-status=completed]{background:var(--dot-info)}.lens-switcher-dot[data-status=error]{background:var(--dot-error)}.lens-switcher-name{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text-primary);max-width:50%}.lens-switcher-query{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.lens-switcher-meta{flex-shrink:0;font-size:10px;color:var(--text-tertiary);white-space:nowrap}.lens-switcher-branch{flex-shrink:0;font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);background:var(--surface-secondary);padding:1px 5px;border-radius:3px}.lens-switcher-footer{display:flex;align-items:center;gap:12px;padding:6px 12px;border-top:1px solid var(--border-primary);font-size:10px;color:var(--text-tertiary)}.lens-switcher-footer kbd{font-family:var(--font-mono);font-size:9px;padding:1px 4px;border:1px solid var(--border-primary);border-radius:3px;background:var(--surface-secondary)}.lens-agent-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--bg-surface-1, var(--bg-surface-0));border:1px solid var(--border);border-radius:6px;margin-top:4px;box-shadow:0 8px 24px #00000059;padding:10px 12px}.lens-agent-result{display:flex;flex-direction:column;gap:6px}.lens-agent-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.lens-agent-vql{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);background:var(--surface-secondary);padding:4px 8px;border-radius:4px}.lens-agent-actions{display:flex;gap:6px;margin-top:2px}.lens-agent-btn{font-size:10px;padding:4px 12px;border-radius:4px;border:1px solid var(--border);background:var(--bg-surface-2);color:var(--text-secondary);cursor:pointer}.lens-agent-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.lens-agent-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.lens-agent-btn--primary:hover{opacity:.9}.lens-agent-hint{font-size:10px;color:var(--text-tertiary);font-style:italic}.lens-drill-target{cursor:pointer}.lens-drill-target:hover{opacity:.7}.lens-drill-actor{font-size:10px;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;margin-right:6px;white-space:nowrap}.lens-drill-actor:hover{color:var(--accent);text-decoration:underline}.lens-tab-ctx{position:fixed;z-index:200;min-width:160px;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 16px #0000004d;padding:4px 0}.lens-tab-ctx-item{display:block;width:100%;text-align:left;padding:5px 12px;font-size:var(--text-2xs);color:var(--text-secondary);background:transparent;border:none;cursor:pointer}.lens-tab-ctx-item:hover{background:var(--surface-hover);color:var(--text-primary)}.lens-tab-ctx-divider{height:1px;background:var(--border-primary);margin:3px 0}.lens-empty-suggestions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:center}.lens-empty-action{font-size:11px;padding:4px 12px;border-radius:4px;border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary);cursor:pointer}.lens-empty-action:hover{background:var(--surface-hover);color:var(--accent);border-color:var(--accent)}.lens-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:12px;color:var(--text-muted, #888);background:var(--bg-base, #0e0e0e)}.landing{min-height:100vh;background:#0a0a0a;color:#e0e0e0;font-family:Inter,-apple-system,sans-serif}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.landing-header-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:48px}.landing-brand{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;letter-spacing:.15em;color:#fff}.landing-nav{display:flex;align-items:center;gap:20px}.landing-nav a{font-size:12px;color:#999;text-decoration:none;transition:color .15s}.landing-nav a:hover{color:#fff}.landing-cta-sm{padding:4px 12px!important;background:#2563eb!important;color:#fff!important;border-radius:4px;font-weight:500}.landing-cta-sm:hover{background:#3b82f6!important}.landing-main{max-width:960px;margin:0 auto;padding:0 24px}.landing-hero{padding:120px 0 80px;text-align:center}.landing-badge{display:inline-block;font-size:10px;font-family:JetBrains Mono,monospace;color:#2563eb;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);padding:3px 10px;border-radius:12px;margin-bottom:20px;letter-spacing:.05em}.landing-hero h1{font-size:36px;font-weight:600;line-height:1.2;color:#fff;margin:0 0 16px}.landing-subtitle{font-size:15px;line-height:1.6;color:#999;max-width:560px;margin:0 auto 32px}.landing-ctas{display:flex;gap:12px;justify-content:center}.landing-btn{display:inline-flex;align-items:center;padding:8px 20px;font-size:13px;font-weight:500;text-decoration:none;border-radius:6px;transition:all .15s;cursor:pointer;border:none}.landing-btn--primary{background:#2563eb;color:#fff}.landing-btn--primary:hover{background:#3b82f6}.landing-btn--secondary{background:#ffffff0f;color:#ccc;border:1px solid rgba(255,255,255,.1)}.landing-btn--secondary:hover{background:#ffffff1a;color:#fff}.landing-section{padding:64px 0;border-top:1px solid rgba(255,255,255,.05)}.landing-section h2{font-size:22px;font-weight:600;color:#fff;margin:0 0 32px}.landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:20px}.landing-card h3{font-size:13px;font-weight:600;color:#fff;margin:0 0 8px}.landing-card p{font-size:12px;line-height:1.5;color:#888;margin:0}.landing-card code{font-family:JetBrains Mono,monospace;font-size:10px;background:#ffffff0f;padding:1px 4px;border-radius:3px;color:#aaa}.landing-steps{display:flex;flex-direction:column;gap:24px}.landing-step{display:flex;gap:16px;align-items:flex-start}.landing-step-num{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#2563eb26;color:#2563eb;font-size:12px;font-weight:600;font-family:JetBrains Mono,monospace}.landing-step h3{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px}.landing-step p{font-size:12px;color:#888;margin:0;line-height:1.5}.landing-step code{font-family:JetBrains Mono,monospace;font-size:10px;background:#ffffff0f;padding:1px 4px;border-radius:3px;color:#aaa}.landing-footer{max-width:960px;margin:0 auto;padding:24px;display:flex;align-items:center;gap:8px;font-size:11px;color:#666;border-top:1px solid rgba(255,255,255,.05)}.landing-footer a{color:#888;text-decoration:none}.landing-footer a:hover{color:#fff}@media(max-width:768px){.landing-grid{grid-template-columns:1fr}.landing-hero h1{font-size:26px}.landing-nav{gap:12px}}.docs{min-height:100vh;background:#0a0a0a;color:#e0e0e0;font-family:Inter,-apple-system,sans-serif}.docs-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:100;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;height:48px}.docs-header-inner{display:flex;align-items:center;gap:24px;width:100%;max-width:960px;padding:0 24px}.docs-brand{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;letter-spacing:.15em;color:#fff;text-decoration:none}.docs-nav{display:flex;gap:16px}.docs-nav a{font-size:12px;color:#999;text-decoration:none}.docs-nav a:hover{color:#fff}.docs-layout{display:flex;max-width:960px;margin:0 auto;padding-top:48px;min-height:100vh}.docs-toc{width:180px;flex-shrink:0;position:sticky;top:48px;height:calc(100vh - 48px);padding:24px 16px;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:6px}.docs-toc h4{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#666;margin:0 0 8px}.docs-toc a{font-size:11px;color:#888;text-decoration:none;padding:2px 0}.docs-toc a:hover{color:#fff}.docs-main{flex:1;padding:32px 32px 64px;min-width:0}.docs-main section{margin-bottom:48px}.docs-main h1{font-size:24px;font-weight:600;color:#fff;margin:0 0 16px}.docs-main h2{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;padding-top:16px}.docs-main h3{font-size:14px;font-weight:600;color:#ddd;margin:16px 0 8px}.docs-main p{font-size:13px;line-height:1.6;color:#aaa;margin:0 0 12px}.docs-main ul{padding-left:20px;margin:0 0 12px}.docs-main li{font-size:13px;line-height:1.6;color:#aaa;margin-bottom:4px}.docs-main pre{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:16px;overflow-x:auto;margin:0 0 16px}.docs-main code{font-family:JetBrains Mono,monospace;font-size:11px;color:#ccc}.docs-main p code,.docs-main li code{background:#ffffff0f;padding:1px 4px;border-radius:3px}.docs-table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:12px}.docs-table th{text-align:left;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.1);color:#999;font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.docs-table td{padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.04);color:#aaa}.docs-table kbd{font-family:JetBrains Mono,monospace;font-size:10px;background:#ffffff0f;padding:1px 4px;border-radius:3px;border:1px solid rgba(255,255,255,.1);color:#ccc}.docs-footer{max-width:960px;margin:0 auto;padding:24px;display:flex;gap:8px;font-size:11px;color:#666;border-top:1px solid rgba(255,255,255,.05)}.docs-footer a{color:#888;text-decoration:none}.docs-footer a:hover{color:#fff}@media(max-width:768px){.docs-toc{display:none}}.conn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0006;display:flex;align-items:center;justify-content:center}.conn-panel{width:420px;max-height:80vh;overflow-y:auto;background:var(--bg-surface-1, #1a1a1a);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:8px;box-shadow:0 8px 32px #00000080}.conn-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.conn-header h3{font-size:13px;font-weight:600;color:var(--text-primary, #e0e0e0);margin:0}.conn-close{background:none;border:none;color:var(--text-muted, #888);cursor:pointer;font-size:16px;padding:2px 6px}.conn-close:hover{color:var(--text-primary, #e0e0e0)}.conn-list{padding:8px}.conn-item{border-radius:4px;margin-bottom:4px}.conn-item--active{background:#2563eb14;border:1px solid rgba(37,99,235,.2)}.conn-row{display:flex;align-items:center;gap:8px;padding:4px}.conn-select{flex:1;display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-primary, #e0e0e0);cursor:pointer;padding:6px 8px;border-radius:4px;text-align:left;font-size:12px}.conn-select:hover{background:#ffffff0a}.conn-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.conn-dot--demo{background:var(--status-warning, #eab308)}.conn-dot--local{background:var(--status-success, #22c55e)}.conn-dot--remote{background:var(--accent, #2563eb)}.conn-name{font-weight:500}.conn-type{font-size:10px;color:var(--text-muted, #888);font-family:var(--font-mono, monospace)}.conn-url{font-size:10px;color:var(--text-muted, #888);font-family:var(--font-mono, monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.conn-actions{display:flex;gap:4px}.conn-edit{display:flex;flex-direction:column;gap:6px;padding:8px}.conn-edit-actions{display:flex;gap:6px}.conn-add{padding:12px 16px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06));display:flex;flex-direction:column;gap:6px}.conn-add h4{font-size:11px;font-weight:600;color:var(--text-muted, #888);margin:0;text-transform:uppercase;letter-spacing:.05em}.conn-input{padding:5px 8px;font-size:12px;background:var(--bg-surface-0, #111);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:4px;color:var(--text-primary, #e0e0e0);outline:none;font-family:inherit}.conn-input:focus{border-color:var(--accent, #2563eb)}.conn-btn{padding:4px 10px;font-size:11px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:4px;background:var(--bg-surface-0, #111);color:var(--text-primary, #e0e0e0);cursor:pointer}.conn-btn:hover{background:#ffffff0f}.conn-btn--primary{background:#2563eb;color:#fff;border-color:#2563eb}.conn-btn--primary:hover{background:#3b82f6}.conn-btn--sm{padding:2px 6px;font-size:10px}.conn-btn--muted{color:var(--text-muted, #888)}.conn-btn--danger{color:#ef4444;border-color:#ef44444d}.conn-btn--danger:hover{background:#ef44441a}