*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080b14;--surface: #0d1117;--surface2: #111827;--surface3: #1a2235;--card: #111827;--card-hover: #1a2235;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.12);--accent: #6366f1;--accent-dim: rgba(99,102,241,.15);--accent-glow: rgba(99,102,241,.4);--green: #4ade80;--green-dim: rgba(74,222,128,.15);--sev-error: #f87171;--sev-error-dim: rgba(248,113,113,.12);--sev-warn: #fbbf24;--sev-warn-dim: rgba(251,191,36,.12);--sev-info: #60a5fa;--sev-info-dim: rgba(96,165,250,.1);--sev-debug: #a78bfa;--sev-debug-dim: rgba(167,139,250,.1);--sev-unknown: #64748b;--sev-unknown-dim: rgba(100,116,139,.1);--text: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #475569;--text-dim: #334155;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--radius-xl: 16px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-lg: 0 8px 48px rgba(0,0,0,.6);--transition: .15s ease}html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;height:100%;overflow:hidden}#app{height:100vh;display:flex;flex-direction:column;overflow:hidden}#main-app{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}h1{font-size:2.5rem;font-weight:700;line-height:1.2}h2{font-size:1rem;font-weight:600;color:var(--text)}h3{font-size:.95rem;font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}kbd{display:inline-flex;align-items:center;justify-content:center;background:var(--surface3);border:1px solid var(--border-strong);border-radius:4px;padding:2px 6px;font-family:var(--mono);font-size:11px;color:var(--text-secondary);min-width:22px}button{cursor:pointer;border:none;background:none;font-family:var(--font);font-size:13px}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border-radius:var(--radius);padding:9px 18px;font-weight:600;font-size:14px;transition:opacity var(--transition),transform var(--transition)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;font-size:13px;transition:all var(--transition)}.btn-ghost:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface3)}.btn-ghost.btn-sm{padding:4px 8px;font-size:12px}.icon-btn{color:var(--text-secondary);padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;transition:all var(--transition)}.icon-btn:hover{color:var(--text);background:var(--surface3)}.close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-sm);font-size:18px;transition:all var(--transition);line-height:1}.close-btn:hover{color:var(--text);background:var(--surface3)}.link-btn{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:0;margin-left:4px}.link-btn:hover{text-decoration:underline}#drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#080b14e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border:2px dashed var(--accent);transition:opacity var(--transition)}#drop-overlay.hidden{display:none}.drop-overlay-content{text-align:center;color:var(--accent)}.drop-overlay-icon{width:64px;height:64px;margin:0 auto 16px}.drop-overlay-icon svg{width:100%;height:100%}.drop-overlay-content p{font-size:1.25rem;font-weight:600}#landing{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:auto;padding:40px 20px}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.4}.landing-content{position:relative;z-index:1;width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:32px}.landing-logo{display:flex;align-items:center;gap:10px}.logo-mark{width:40px;height:40px}.logo-name{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo-version{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--surface3);padding:2px 7px;border-radius:999px;border:1px solid var(--border)}.landing-headline{text-align:center;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-1px}.landing-sub{text-align:center;color:var(--text-secondary);font-size:1rem;max-width:560px;line-height:1.7}.input-card{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:16px}.drop-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:32px 20px;text-align:center;cursor:pointer;transition:all var(--transition);position:relative;background:var(--surface)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:var(--accent-dim)}.drop-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.drop-zone-inner{pointer-events:none}.upload-icon{width:40px;height:40px;margin:0 auto 12px;color:var(--text-muted)}.drop-title{color:var(--text);margin-bottom:4px}.drop-sub{color:var(--text-secondary);font-size:13px}.drop-formats{color:var(--text-muted);font-size:12px;margin-top:8px}.file-link{color:var(--accent);cursor:pointer}.file-link:hover{text-decoration:underline}.or-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.paste-area{display:flex;flex-direction:column;gap:10px}.paste-area textarea{width:100%;min-height:120px;max-height:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;resize:vertical;font-family:var(--mono);font-size:12px;color:var(--text);transition:border-color var(--transition)}.paste-area textarea:focus{outline:none;border-color:var(--accent)}.paste-area textarea::placeholder{color:var(--text-muted)}.paste-actions{display:flex;align-items:center;justify-content:space-between}.paste-size-indicator{font-size:12px;color:var(--text-muted)}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pill{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12px;color:var(--text-secondary)}.pill-icon{font-size:14px}.sample-preview{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;font-family:var(--mono);font-size:12px}.sample-line{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border);transition:background var(--transition)}.sample-line:last-child{border-bottom:none}.sample-line:hover{background:var(--surface2)}.sample-line .ts{color:var(--text-muted);flex-shrink:0}.sample-line .msg{color:var(--text-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sample-line.error .msg{color:var(--sev-error)}.sample-line.warn .msg{color:var(--sev-warn)}.sev-badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.sev-badge.error{background:var(--sev-error-dim);color:var(--sev-error)}.sev-badge.warn{background:var(--sev-warn-dim);color:var(--sev-warn)}.sev-badge.info{background:var(--sev-info-dim);color:var(--sev-info)}.sev-badge.debug{background:var(--sev-debug-dim);color:var(--sev-debug)}.sev-badge.unknown{background:var(--sev-unknown-dim);color:var(--sev-unknown)}#app-header{display:flex;align-items:center;gap:12px;padding:0 16px;height:52px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:10}.header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo-btn{display:flex;align-items:center;gap:8px;color:var(--text);border-radius:var(--radius-sm);padding:4px 6px;flex-shrink:0;transition:background var(--transition)}.logo-btn:hover{background:var(--surface3)}.logo-mark-sm{width:28px;height:28px}.logo-name-sm{font-weight:700;font-size:15px;letter-spacing:-.3px}.file-tags{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.file-tag{display:inline-flex;align-items:center;gap:4px;background:var(--surface3);border:1px solid var(--border);border-radius:999px;padding:2px 10px 2px 8px;font-size:12px;color:var(--text-secondary);max-width:180px}.file-tag-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.file-tag-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-stats{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-secondary)}.stat-item{display:flex;align-items:center;gap:5px}.stat-dot{width:6px;height:6px;border-radius:50%}.stat-count{font-weight:600;font-size:13px}.stat-count.error{color:var(--sev-error)}.stat-count.warn{color:var(--sev-warn)}.tab-bar{display:flex;gap:2px;padding:0 16px;background:var(--surface);border-top:1px solid rgba(99,102,241,.18);border-bottom:1px solid var(--border-strong);box-shadow:0 1px #6366f114,0 2px 8px #00000040;flex-shrink:0}.tab{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;transition:all var(--transition);position:relative;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab svg{opacity:.7}.tab.active svg{opacity:1}.tab.tab-requires-data{opacity:.5;pointer-events:none}.tab.tab-requires-data.tab-enabled{opacity:1;pointer-events:auto}.tab-badge{background:var(--sev-error-dim);color:var(--sev-error);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.tab-badge:empty{display:none}.tab-locked{opacity:.7}.tab-lock-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800;letter-spacing:.5px}#tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.tab-panel{display:none;flex:1;overflow:hidden;min-height:0}.tab-panel.active{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.logs-layout{display:flex;flex:1;overflow:hidden;position:relative;min-height:0}.filter-sidebar{width:220px;flex-shrink:0;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:4px}.filter-section{padding:8px 0;border-bottom:1px solid var(--border)}.filter-section:last-child{border-bottom:none}.filter-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:8px}.search-wrap{position:relative}.search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-wrap input{width:100%;padding:7px 28px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:var(--mono);transition:border-color var(--transition)}.search-wrap input:focus{outline:none;border-color:var(--accent)}.search-wrap input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px;line-height:1;padding:2px 4px}.search-clear:hover{color:var(--text)}.search-mode-row{display:flex;gap:12px;margin-top:8px}.mini-check input{width:12px;height:12px}.filter-check{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-secondary);cursor:pointer;padding:3px 0;transition:color var(--transition)}.filter-check:hover{color:var(--text)}.filter-check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:3px;border:1.5px solid rgba(255,255,255,.2);background:var(--surface2);cursor:pointer;position:relative;flex-shrink:0;transition:background var(--transition),border-color var(--transition);vertical-align:middle}.filter-check input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.filter-check input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:1.5px solid white;border-top:none;border-left:none;transform:rotate(40deg)}.filter-check input[type=checkbox]:hover{border-color:var(--accent)}.filter-check input[type=checkbox]:focus-visible{outline:2px solid var(--accent-glow);outline-offset:2px}.sev-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sev-dot.sev-error{background:var(--sev-error)}.sev-dot.sev-warn{background:var(--sev-warn)}.sev-dot.sev-info{background:var(--sev-info)}.sev-dot.sev-debug{background:var(--sev-debug)}.sev-dot.sev-unknown{background:var(--sev-unknown)}.filter-hint{font-size:11px;color:var(--text-muted);line-height:1.5}.time-range-display{font-family:var(--mono);font-size:11px;color:var(--text-secondary);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px;margin-bottom:6px}.filter-stats{font-size:11px;color:var(--text-muted);line-height:1.8;padding:4px 0}.logs-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.logs-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.log-count-label{font-size:12px;color:var(--text-muted)}.toolbar-right{display:flex;gap:8px}.minimap-wrap{flex-shrink:0;border-bottom:1px solid var(--border);background:#090d16}.minimap-header{display:flex;align-items:center;gap:12px;padding:5px 10px 4px;border-bottom:1px solid rgba(255,255,255,.05);-webkit-user-select:none;user-select:none}.minimap-title{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.minimap-legend{display:flex;align-items:center;gap:10px;flex:1}.minimap-legend-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted)}.minimap-legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.minimap-hint{font-size:10px;color:#ffffff40;font-style:italic;white-space:nowrap;animation:minimap-hint-pulse 3s ease-in-out infinite}@keyframes minimap-hint-pulse{0%,to{opacity:.6}50%{opacity:1}}.minimap-body{position:relative;cursor:crosshair}#minimap-canvas{width:100%;height:52px;display:block}.minimap-cursor-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff8c;box-shadow:0 0 4px #ffffff4d;pointer-events:none;transform:translate(-50%)}.minimap-viewport-box{position:absolute;top:0;bottom:0;background:#6366f126;border-left:1px solid rgba(99,102,241,.6);border-right:1px solid rgba(99,102,241,.6);pointer-events:none}.minimap-tooltip{position:absolute;top:calc(100% + 4px);left:0;background:#1a2235;border:1px solid var(--border-strong);border-radius:6px;padding:7px 10px;min-width:120px;box-shadow:0 4px 16px #0009;pointer-events:none;z-index:50;font-size:11px}.mtt-time{font-weight:600;color:var(--text);margin-bottom:4px;font-family:var(--mono)}.mtt-row{display:flex;align-items:center;gap:5px;color:var(--text-secondary);margin-top:2px}.mtt-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.mtt-empty{color:var(--text-muted);font-style:italic}.mtt-hint{margin-top:6px;padding-top:5px;border-top:1px solid var(--border);font-size:10px;color:var(--text-muted);text-align:center}.keybind-note{color:var(--text-muted);font-style:normal;font-size:11px}.about-wr-logo{width:32px;height:32px;border-radius:6px;object-fit:contain}.log-content-area{display:flex;flex:1;min-height:0;overflow:hidden}.log-panel{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.log-panel-body{display:flex;flex:1;min-height:0;overflow:hidden}.log-panel-right{border-left:1px solid rgba(255,255,255,.07)}.compare-panel-header{display:flex;align-items:center;gap:8px;padding:0 10px;height:28px;flex-shrink:0;background:#ffffff06;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.compare-panel-label{flex:1;color:#94a3b8;font-weight:600;letter-spacing:.03em}.compare-close-btn{font-size:14px;line-height:1;padding:2px 5px;color:#64748b}.compare-close-btn:hover{color:#cbd5e1}.diff-stat-tag{font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px}.diff-stat-removed{background:#f8717126;color:#f87171}.diff-stat-added{background:#4ade8026;color:#4ade80}.diff-summary-bar{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:5px 14px;font-size:11px;background:#6366f112;border-bottom:1px solid rgba(99,102,241,.14)}.diff-summary-sep{color:#ffffff1a}.diff-summary-item{font-weight:600}.diff-summary-shared{color:#64748b}.diff-summary-removed{color:#f87171}.diff-summary-added{color:#4ade80}.log-row.diff-removed{background:#f8717112;border-left:2px solid rgba(248,113,113,.45)!important}.log-row.diff-added{background:#4ade8012;border-left:2px solid rgba(74,222,128,.45)!important}.compare-drop-zone{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.compare-drop-zone.drag-over .compare-drop-inner{border-color:#6366f180;background:#6366f112}.compare-drop-inner{text-align:center;color:#475569;padding:32px 24px;border:2px dashed rgba(255,255,255,.08);border-radius:12px;width:100%;max-width:260px}.compare-drop-inner svg{opacity:.35}.compare-drop-inner p{margin:10px 0 0;font-size:13px}#compare-btn.compare-active{color:#818cf8;background:#6366f126}.log-viewport{flex:1;overflow-y:auto;position:relative;font-family:var(--mono);font-size:12.5px;min-height:0}.log-virtual-inner{position:relative}.log-row{display:flex;align-items:center;gap:0;height:36px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background var(--transition);overflow:hidden;position:absolute;left:0;right:0;white-space:nowrap}.log-row:hover{background:var(--surface2)}.log-row.selected{background:var(--accent-dim);border-left:2px solid var(--accent)}.log-row.bookmarked{border-left:2px solid var(--sev-warn)}.log-row.is-noise{opacity:.5}.log-row-error{background:#f871710a}.log-row-error:hover{background:#f8717114}.log-row-warn{background:#fbbf240a}.row-gutter{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-right:10px}.row-linenum{color:var(--text-dim);font-size:11px;min-width:40px;text-align:right;-webkit-user-select:none;user-select:none}.row-bookmark-indicator{color:var(--sev-warn);font-size:12px}.row-ts{color:var(--text-muted);flex-shrink:0;margin-right:8px;font-size:11.5px}.row-source{color:var(--text-dim);flex-shrink:0;margin-right:8px;font-size:11px}.row-sev{display:inline-flex;align-items:center;justify-content:center;width:52px;flex-shrink:0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-right:8px;border-radius:3px;padding:1px 4px}.row-sev.sev-error{color:var(--sev-error);background:var(--sev-error-dim)}.row-sev.sev-warn{color:var(--sev-warn);background:var(--sev-warn-dim)}.row-sev.sev-info{color:var(--sev-info);background:var(--sev-info-dim)}.row-sev.sev-debug{color:var(--sev-debug);background:var(--sev-debug-dim)}.row-sev.sev-unknown{color:var(--sev-unknown);background:var(--sev-unknown-dim)}.row-msg{flex:1;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.row-msg.sev-error{color:var(--sev-error)}.row-msg.sev-warn{color:var(--sev-warn)}.row-msg .highlight{background:#fbbf2440;color:var(--sev-warn);border-radius:2px}.row-dupe-badge{flex-shrink:0;margin-left:8px;background:var(--surface3);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.row-stack-badge{flex-shrink:0;margin-left:8px;background:var(--accent-dim);color:var(--accent);border-radius:4px;padding:1px 5px;font-size:10px}.row-anomaly-badge{flex-shrink:0;margin-left:8px;background:#f8717126;color:var(--sev-error);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.row-annotation{flex-shrink:0;margin-left:auto;margin-right:4px;border-radius:4px;padding:1px 7px;font-size:10px;font-weight:600;white-space:nowrap;border:1px solid transparent}.row-annotation.ann-peak{background:#f871712e;color:#fca5a5;border-color:#f8717159}.row-annotation.ann-recovery{background:#4ade801f;color:#86efac;border-color:#4ade804d}.row-annotation.ann-event{background:#fbbf241f;color:#fcd34d;border-color:#fbbf244d}.log-dna-sidebar{width:32px;flex-shrink:0;position:relative;background:#07090f;border-left:1px solid rgba(255,255,255,.06);cursor:crosshair;overflow:hidden;transition:width .2s ease}.log-dna-sidebar:hover{width:36px}.dna-label{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:7px;font-weight:700;letter-spacing:.08em;color:#ffffff26;text-transform:uppercase;pointer-events:none;z-index:2;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed}#log-dna-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.dna-viewport-box{position:absolute;left:0;right:0;background:#6366f133;border-top:1px solid rgba(99,102,241,.7);border-bottom:1px solid rgba(99,102,241,.7);pointer-events:none}.dna-cursor{position:absolute;left:0;right:0;height:1px;background:#ffffffb3;box-shadow:0 0 4px #fff6;pointer-events:none;transform:translateY(-50%)}.dna-tooltip{position:absolute;right:calc(100% + 8px);top:0;background:#1a2235;border:1px solid var(--border-strong);border-radius:7px;padding:8px 11px;min-width:130px;box-shadow:0 4px 20px #0009;pointer-events:none;z-index:100;font-size:11px;white-space:nowrap}.dna-tt-pct{font-size:10px;color:var(--text-muted);margin-bottom:3px}.dna-tt-time{font-weight:600;color:var(--text);font-family:var(--mono);margin-bottom:5px}.dna-tt-row{display:flex;align-items:center;gap:5px;color:var(--text-secondary);margin-top:2px}.dna-tt-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dna-tt-ann{margin-top:6px;padding-top:5px;border-top:1px solid var(--border);font-size:10px;color:var(--sev-warn);font-weight:600}.dna-tt-hint{margin-top:6px;padding-top:5px;border-top:1px solid var(--border);font-size:10px;color:var(--text-muted);text-align:center}.cmd-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:cmd-fade-in .1s ease}.cmd-palette-overlay.hidden{display:none}@keyframes cmd-fade-in{0%{opacity:0}to{opacity:1}}.cmd-palette-card{width:560px;max-width:calc(100vw - 32px);background:#141b2d;border:1px solid rgba(99,102,241,.3);border-radius:12px;box-shadow:0 24px 80px #000000b3,0 0 0 1px #6366f126;overflow:hidden;animation:cmd-slide-in .12s ease}@keyframes cmd-slide-in{0%{transform:translateY(-12px) scale(.98);opacity:0}to{transform:none;opacity:1}}.cmd-search-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmd-search-icon{color:var(--text-muted);flex-shrink:0}.cmd-input{flex:1;background:transparent;border:none;outline:none;font-size:15px;color:var(--text);font-family:var(--sans);caret-color:var(--accent)}.cmd-input::placeholder{color:var(--text-muted)}.cmd-esc-badge{flex-shrink:0;background:var(--surface3);border:1px solid var(--border-strong);border-radius:4px;padding:2px 7px;font-size:11px;color:var(--text-muted);font-family:var(--mono)}.cmd-results{max-height:360px;overflow-y:auto;padding:4px 0}.cmd-section-label{padding:6px 16px 3px;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.cmd-item{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;transition:background var(--transition)}.cmd-item:hover,.cmd-item.selected{background:var(--accent-dim)}.cmd-item.selected{border-left:2px solid var(--accent);padding-left:14px}.cmd-item-icon{width:22px;text-align:center;flex-shrink:0;font-size:13px;color:var(--text-muted)}.cmd-item-label{flex:1;font-size:13px;color:var(--text)}.cmd-item-cat{flex-shrink:0;font-size:10px;color:var(--text-muted);background:var(--surface3);border-radius:4px;padding:1px 6px}.cmd-item-sev{flex-shrink:0;font-size:10px;font-weight:700;font-family:var(--mono);width:36px;text-align:center;border-radius:3px;padding:1px 3px;background:#ffffff0f}.cmd-entry-item .cmd-item-label{font-family:var(--mono);font-size:12px}.cmd-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.cmd-footer{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--border);font-size:10px;color:var(--text-muted)}.cmd-footer kbd{background:var(--surface3);border:1px solid var(--border-strong);border-radius:3px;padding:1px 5px;margin-right:3px;font-family:var(--mono);font-size:10px;color:var(--text-secondary)}.cmd-trigger-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius);background:var(--surface2);border:1px solid var(--border-strong);color:var(--text-muted);font-size:12px;transition:all var(--transition);cursor:pointer}.cmd-trigger-btn:hover{color:var(--text);border-color:#6366f166;background:var(--surface3)}.cmd-kbd-hint{background:var(--surface3);border:1px solid var(--border-strong);border-radius:3px;padding:1px 5px;font-size:10px;font-family:var(--mono);color:var(--text-muted)}.st-file{color:#93c5fd}.st-line{color:#fbbf24;font-weight:700}.st-frame{color:#ffffff59}.st-class{color:#a78bfa}.st-method{color:#6ee7b7}.log-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;color:var(--text-muted);padding:60px 20px}.context-panel{width:380px;flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .15s ease}.context-panel.hidden{display:none}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.context-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.context-title{font-size:12px;font-weight:600;color:var(--text-secondary)}.context-header-actions{display:flex;align-items:center;gap:4px}.context-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:16px}.ctx-section{display:flex;flex-direction:column;gap:6px}.ctx-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.ctx-value{font-size:13px;color:var(--text)}.ctx-value-mono{font-family:var(--mono);font-size:12px;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;line-height:1.6;white-space:pre-wrap;word-break:break-all}.ctx-explain{background:var(--accent-dim);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius);padding:12px}.ctx-explain-title{font-size:12px;font-weight:700;color:var(--accent);margin-bottom:6px}.ctx-explain p{font-size:12.5px;color:var(--text-secondary);line-height:1.6}.ctx-causes{display:flex;flex-direction:column;gap:4px}.ctx-cause-item{display:flex;gap:8px;font-size:12px;color:var(--text-secondary)}.ctx-cause-item:before{content:"·";color:var(--text-muted);flex-shrink:0}.ctx-steps{display:flex;flex-direction:column;gap:6px}.ctx-step{display:flex;gap:8px;font-size:12px;color:var(--text-secondary)}.ctx-step-num{width:18px;height:18px;border-radius:50%;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;color:var(--text-muted)}.ctx-context-lines{display:flex;flex-direction:column;gap:2px}.ctx-ctx-line{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:3px;color:var(--text-secondary)}.ctx-ctx-line.ctx-ctx-current{background:var(--accent-dim);color:var(--accent);border-left:2px solid var(--accent)}.ctx-stack{font-family:var(--mono);font-size:11px;color:var(--text-secondary);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;line-height:1.6;white-space:pre-wrap;overflow-x:auto;max-height:200px}#tab-summary.active{display:flex;flex:1;overflow:hidden}.summary-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;flex:1;overflow-y:auto}.summary-col{display:flex;flex-direction:column;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card h2{margin-bottom:0}.card-badge{background:var(--surface3);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px;color:var(--text-muted)}.root-cause-card{border-color:#6366f14d}.root-cause-card h2{margin-bottom:16px}.rc-detected{display:flex;flex-direction:column;gap:12px}.rc-category-name{font-size:1.25rem;font-weight:700;color:var(--text)}.rc-confidence{display:flex;align-items:center;gap:10px}.rc-confidence-bar{flex:1;height:6px;background:var(--surface3);border-radius:3px;overflow:hidden}.rc-confidence-fill{height:100%;border-radius:3px;transition:width .8s ease}.rc-confidence-fill.high{background:var(--green)}.rc-confidence-fill.medium{background:var(--sev-warn)}.rc-confidence-fill.low{background:var(--sev-unknown)}.rc-confidence-label{font-size:12px;font-weight:700}.rc-confidence-label.high{color:var(--green)}.rc-confidence-label.medium{color:var(--sev-warn)}.rc-confidence-label.low{color:var(--sev-unknown)}.rc-indicators{display:flex;flex-direction:column;gap:6px;margin-top:4px}.rc-indicator-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.rc-indicator-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--surface2);border-radius:var(--radius-sm);font-size:12px}.rc-indicator-name{color:var(--text-secondary)}.rc-indicator-count{color:var(--text-muted);font-weight:600}.rc-none{color:var(--text-muted);font-size:13px;text-align:center;padding:20px 0}.timeline-container{display:flex;flex-direction:column;gap:0}.timeline-event{display:flex;gap:14px;position:relative;padding-bottom:20px}.timeline-event:last-child{padding-bottom:0}.timeline-spine{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:2px solid var(--bg);margin-top:4px}.timeline-dot.event-start{background:var(--green)}.timeline-dot.event-escalation{background:var(--sev-warn)}.timeline-dot.event-peak{background:var(--sev-error)}.timeline-dot.event-anomaly{background:var(--accent)}.timeline-dot.event-recovery{background:var(--sev-info)}.timeline-dot.event-end{background:var(--text-muted)}.timeline-line{width:2px;flex:1;background:var(--border);margin-top:4px;min-height:16px}.timeline-content{flex:1}.timeline-time{font-size:11px;color:var(--text-muted);font-family:var(--mono);margin-bottom:2px}.timeline-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.timeline-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.timeline-peak-badge{display:inline-flex;align-items:center;gap:4px;background:var(--sev-error-dim);color:var(--sev-error);border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600;margin-top:4px}#incident-summary{font-size:13.5px;color:var(--text-secondary);line-height:1.8}#incident-summary em{color:var(--text);font-style:normal;font-weight:500}#tab-insights.active{display:block;overflow-y:auto}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.insight-wide{grid-column:1 / -1}.chart-wrap{position:relative;height:180px}.chart-wrap canvas{width:100%!important;height:100%!important}.chart-wrap-sm{position:relative;height:160px}.chart-wrap-sm canvas{width:100%!important;height:100%!important}.chart-legend{display:flex;gap:12px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.legend-dot{width:8px;height:8px;border-radius:50%}.donut-wrap{display:flex;align-items:center;gap:20px}.donut-wrap canvas{width:120px!important;height:120px!important;flex-shrink:0}.donut-legend{flex:1;display:flex;flex-direction:column;gap:6px}.donut-legend-item{display:flex;align-items:center;justify-content:space-between;font-size:12px}.donut-legend-label{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.donut-legend-count{font-weight:600;color:var(--text)}.pattern-list{display:flex;flex-direction:column;gap:6px}.pattern-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.pattern-bar-wrap{flex:1;height:6px;background:var(--surface3);border-radius:3px;overflow:hidden}.pattern-bar{height:100%;border-radius:3px;transition:width .6s ease}.pattern-bar.error{background:var(--sev-error)}.pattern-bar.warn{background:var(--sev-warn)}.pattern-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pattern-count{flex-shrink:0;font-weight:600;color:var(--text-muted);font-size:11px}.category-list{display:flex;flex-direction:column;gap:8px}.category-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface2);border-radius:var(--radius-sm)}.category-icon{font-size:16px}.category-info{flex:1}.category-name{font-size:13px;font-weight:500}.category-score{font-size:11px;color:var(--text-muted)}.category-bar-wrap{width:60px;height:4px;background:var(--surface3);border-radius:2px;overflow:hidden}.category-bar{height:100%;border-radius:2px;background:var(--accent)}.anomaly-list{display:flex;flex-direction:column;gap:8px}.anomaly-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#f871710d;border:1px solid rgba(248,113,113,.15);border-radius:var(--radius-sm)}.anomaly-icon{color:var(--sev-error);font-size:14px;flex-shrink:0;margin-top:1px}.anomaly-time{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.anomaly-desc{font-size:12px;color:var(--text-secondary)}.anomaly-none{color:var(--text-muted);font-size:13px}#tab-ai.active{display:flex;flex:1;overflow:hidden}.ai-locked-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto}.ai-lock-card{position:relative;max-width:520px;width:100%;background:var(--card);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-xl);padding:40px;text-align:center;overflow:hidden}.ai-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:300px;height:200px;background:radial-gradient(ellipse,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none}.ai-icon{margin-bottom:16px}.ai-lock-card h2{font-size:1.5rem;margin-bottom:4px}.ai-tier{color:#f59e0b;font-weight:600;font-size:13px;margin-bottom:12px}.ai-desc{color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.ai-features-list{text-align:left;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.ai-feature-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-secondary)}.ai-check{color:var(--accent);font-size:14px;flex-shrink:0;margin-top:1px}.ai-contact-btn{margin-bottom:12px}.ai-contact-hint{font-size:12px;color:var(--text-muted)}#shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}#shortcuts-overlay.hidden{display:none}.shortcuts-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080b14d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shortcuts-modal{position:relative;z-index:1;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:24px;width:560px;max-width:90vw}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.shortcuts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.shortcut-group{display:flex;flex-direction:column;gap:8px}.shortcut-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:4px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.shortcut-row span{color:var(--text-secondary)}.shortcut-hint{font-weight:700}#toast-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:10px;background:var(--surface3);border:1px solid var(--border-strong);border-radius:var(--radius);padding:10px 14px;font-size:13px;box-shadow:var(--shadow);animation:toastIn .2s ease;min-width:200px}@keyframes toastIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.toast-icon{font-size:16px}.toast.toast-exit{animation:toastOut .2s ease forwards}@keyframes toastOut{to{transform:translate(20px);opacity:0}}#progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#080b14b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#progress-overlay.hidden{display:none}.progress-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;text-align:center;min-width:240px}.progress-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}#progress-label{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.progress-bar-wrap{height:4px;background:var(--surface3);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.hidden{display:none!important}.upload-panel{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:32px 20px;min-height:0}.upload-panel-inner{width:100%;max-width:660px;display:flex;flex-direction:column;align-items:center;gap:24px}.upload-logo{display:flex;align-items:center;gap:16px;width:100%}.upload-logo-mark{width:48px;height:48px;flex-shrink:0}.upload-headline{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;line-height:1.2;letter-spacing:-.5px;margin:0}.upload-sub{font-size:13px;color:var(--text-secondary);margin:4px 0 0}.headline-accent{background:linear-gradient(135deg,#6366f1,#a78bfa,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-input-card{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;display:flex;flex-direction:column;gap:14px}.settings-cog-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition)}.settings-cog-btn:hover{color:var(--text);background:var(--surface3);transform:rotate(30deg)}#settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center}#settings-modal.hidden{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080b14d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{position:relative;z-index:1;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:520px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0;border-bottom:1px solid var(--border);flex-shrink:0}.modal-tab-bar{display:flex;gap:2px}.modal-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;transition:all var(--transition);border-radius:4px 4px 0 0}.modal-tab:hover{color:var(--text-secondary)}.modal-tab.active{color:var(--text);border-bottom-color:var(--accent)}.stab-content{flex:1;overflow-y:auto;padding:20px}.stab-content.hidden{display:none}.settings-group{margin-bottom:24px}.settings-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:16px}.settings-label{font-size:13px;color:var(--text-secondary)}.settings-control{flex-shrink:0}.settings-select{background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-size:13px;padding:5px 8px;cursor:pointer;font-family:var(--font)}.settings-select:focus{outline:none;border-color:var(--accent)}.settings-toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:36px;height:20px;border-radius:10px;background:var(--surface3);border:1px solid var(--border-strong);cursor:pointer;position:relative;transition:background var(--transition)}.settings-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);transition:transform var(--transition),background var(--transition)}.settings-toggle:checked{background:var(--accent);border-color:var(--accent)}.settings-toggle:checked:after{transform:translate(16px);background:#fff}.settings-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);margin-top:8px}.settings-hint{font-size:11px;color:var(--text-muted)}.keybinds-grid{display:flex;flex-direction:column;gap:24px}.keybind-group{display:flex;flex-direction:column;gap:8px}.keybind-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:4px}.keybind-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:13px}.keybind-row span{color:var(--text-secondary)}.keybind-keys{display:flex;gap:4px;align-items:center}.about-content{display:flex;flex-direction:column;gap:16px}.about-logo{display:flex;align-items:center;gap:14px}.about-app-name{font-size:1.2rem;font-weight:700}.about-version{font-size:12px;color:var(--text-muted);margin-top:2px}.about-desc{font-size:13px;color:var(--text-secondary);line-height:1.7}.about-divider{height:1px;background:var(--border)}.about-builder{display:flex;flex-direction:column;gap:8px}.about-builder-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.about-builder-link{text-decoration:none}.about-builder-logo{display:inline-flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:var(--text)}.about-builder-logo:hover{color:var(--accent)}.about-builder-desc{font-size:13px;color:var(--text-secondary)}.about-link{display:block;font-size:13px;color:var(--accent);margin-top:2px}.about-features-title{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.about-feature-item{font-size:12.5px;color:var(--text-secondary);padding:3px 0}.mini-check{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted);cursor:pointer}.mini-check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:3px;border:1.5px solid rgba(255,255,255,.2);background:var(--surface2);cursor:pointer;position:relative;flex-shrink:0;transition:all var(--transition);vertical-align:middle}.mini-check input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.mini-check input[type=checkbox]:checked:after{content:"";position:absolute;left:2px;top:0;width:5px;height:8px;border:1.5px solid white;border-top:none;border-left:none;transform:rotate(40deg)}.fmt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.fmt-modal{background:var(--surface2);border:1px solid var(--border-strong);border-radius:12px;padding:28px 28px 24px;max-width:400px;width:90%;box-shadow:0 20px 60px #0009;animation:cmd-slide-in .15s ease}.fmt-modal-icon{font-size:2rem;margin-bottom:10px}.fmt-modal-title{font-size:1rem;font-weight:600;color:var(--sev-warn);margin-bottom:10px}.fmt-modal-body{font-size:.82rem;color:#94a3b8;line-height:1.55;margin-bottom:22px}.fmt-modal-body strong{color:#e2e8f0}.fmt-modal-actions{display:flex;gap:8px}.fmt-btn{flex:1;padding:8px 0;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .15s}.fmt-btn:hover{opacity:.85}.fmt-btn-fresh{background:var(--accent);color:#fff}.fmt-btn-merge{background:var(--surface3);color:#cbd5e1;border:1px solid var(--border-strong)}.fmt-btn-cancel{background:transparent;color:#64748b;border:1px solid var(--border)}.fmt-btn-ok{background:var(--accent);color:#fff}.fmt-btn-ok.fmt-btn-danger{background:#dc2626}.noise-count-badge{font-size:.68rem;padding:1px 5px;border-radius:8px;background:#64748b40;color:#94a3b8;font-weight:500;margin-left:3px}.no-ts-notice{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#64748b;padding:6px 12px;background:#1e293b99;border-bottom:1px solid var(--border)}.no-ts-notice.hidden{display:none}.docs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;display:flex;background:var(--bg);animation:cmd-slide-in .15s ease}.docs-overlay.hidden{display:none}.docs-sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 0;overflow-y:auto}.docs-logo{display:flex;align-items:center;gap:10px;padding:0 18px 18px;border-bottom:1px solid var(--border);font-size:.88rem;font-weight:600;color:#e2e8f0}.docs-nav{flex:1;padding:12px 0}.docs-nav-item{display:block;padding:6px 18px;font-size:.8rem;color:#94a3b8;text-decoration:none;transition:color .12s,background .12s;border-radius:0}.docs-nav-item:hover{color:#e2e8f0;background:#6366f11a}.docs-nav-item.active{color:var(--accent);background:var(--accent-dim)}.docs-back-btn{margin:12px 14px 4px;padding:9px 14px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;text-align:left;transition:opacity .15s}.docs-back-btn:hover{opacity:.85}.docs-content{flex:1;overflow-y:auto;padding:48px 0;display:flex;flex-direction:column;align-items:center}.docs-content>*{width:100%;max-width:740px;padding:0 32px}.doc-section{margin-bottom:56px;width:100%;max-width:740px;padding:0 32px}.doc-section:first-child{padding-top:0}.doc-section h1{font-size:2rem;font-weight:700;color:#f1f5f9;margin-bottom:14px;letter-spacing:-.02em}.doc-section h2{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin:0 0 14px;padding-top:12px;border-top:1px solid var(--border)}.doc-section h3{font-size:.88rem;font-weight:600;color:#cbd5e1;margin:22px 0 8px}.doc-lead{font-size:.95rem;color:#94a3b8;line-height:1.75;margin-bottom:18px}.doc-section p{font-size:.84rem;color:#94a3b8;line-height:1.75;margin-bottom:10px}.doc-section ul{padding-left:18px;margin-bottom:14px}.doc-section li{font-size:.84rem;color:#94a3b8;line-height:1.7;margin-bottom:6px}.doc-section li strong,.doc-section p strong{color:#cbd5e1}.doc-section a{color:#63f190;text-decoration:none}.doc-section a:hover{text-decoration:underline}.doc-section kbd{display:inline-block;padding:1px 5px;border-radius:4px;font-size:.78rem;font-family:JetBrains Mono,monospace;background:var(--surface3);border:1px solid var(--border-strong);color:#e2e8f0}.doc-section code{font-family:JetBrains Mono,monospace;font-size:.79rem;background:var(--surface3);padding:1px 5px;border-radius:3px;color:#a78bfa}.doc-pro-card{background:linear-gradient(135deg,#6366f11f,#4f46e50f);border:1px solid rgba(99,102,241,.35);border-radius:12px;padding:24px 28px;margin:20px 0}.doc-pro-card h3{color:#818cf8;margin-top:0;font-size:.95rem}.doc-pro-card ul{margin-bottom:0}.doc-pro-card li{color:#a5b4fc}.doc-pro-contact{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 18px;background:var(--accent);color:#fff;border-radius:6px;font-size:.82rem;font-weight:500;text-decoration:none}.doc-pro-contact:hover{opacity:.85;text-decoration:none}.doc-callout{padding:12px 16px;border-radius:8px;font-size:.82rem;line-height:1.6;margin:16px 0}.doc-callout-info{background:#60a5fa1a;border-left:3px solid #60a5fa;color:#93c5fd}.doc-callout-warn{background:#fbbf2414;border-left:3px solid #fbbf24;color:#fcd34d}.doc-table-wrap{overflow-x:auto;margin:12px 0}.doc-table{width:100%;border-collapse:collapse;font-size:.8rem}.doc-table th{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border-strong);color:#94a3b8;font-weight:500}.doc-table td{padding:8px 12px;border-bottom:1px solid var(--border);color:#94a3b8;vertical-align:top}.doc-table td:first-child{color:#cbd5e1;white-space:nowrap;font-weight:500}.doc-table code{font-size:.75rem}.docs-open-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--accent-dim);border:1px solid rgba(99,102,241,.3);border-radius:8px;color:var(--accent);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;width:100%}.docs-open-btn:hover{background:#6366f133;border-color:#6366f180}@media (max-width: 900px){.summary-layout,.insights-grid{grid-template-columns:1fr}.insight-wide{grid-column:auto}.context-panel{width:100%;position:absolute;right:0;top:0;bottom:0;z-index:10}.upload-logo{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.filter-sidebar,.header-stats{display:none}.upload-headline{font-size:1.4rem}}