:root{--bg: #f7f6f3;--bg-elevated: #ffffff;--bg-muted: #efece6;--bg-row-hover: #f0eee9;--bg-row-selected: #e8efff;--border: #e2dfd7;--border-strong: #cfcbc1;--text: #1f2024;--text-muted: #6b6c72;--text-faint: #9a9ba1;--accent: #3759c2;--accent-soft: #e6ecfa;--warn: #b35a00;--warn-soft: #fbeedc;--error: #b1311f;--error-soft: #fadcd6;--radius: 10px;--radius-sm: 6px;--shadow-1: 0 1px 2px rgba(20, 24, 40, .04), 0 1px 1px rgba(20, 24, 40, .03);--shadow-2: 0 4px 16px rgba(20, 24, 40, .08), 0 2px 4px rgba(20, 24, 40, .04);--shadow-3: 0 12px 40px rgba(20, 24, 40, .18);--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, "JetBrains Mono", "Menlo", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--accent)}.empty-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.empty-card{width:100%;max-width:560px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow-2);text-align:center}.empty-card h1{font-size:22px;margin:6px 0 8px;font-weight:600;letter-spacing:-.01em}.empty-card p.lede{margin:0 0 20px;color:var(--text-muted)}.empty-foot{margin-top:18px;font-size:12px;color:var(--text-faint)}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.toolbar{position:sticky;top:0;z-index:30;background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:8px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.toolbar .file-block{display:flex;flex-direction:column;min-width:0;flex:1 1 200px}.toolbar .file-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar .file-meta{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:13px;font-weight:500;transition:background .12s ease,border-color .12s ease}.btn:hover{background:var(--bg-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:#2c4ba8}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-muted)}.select{height:34px;padding:0 28px 0 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" fill="none" stroke="%236b6c72" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right 10px center;background-size:10px 6px;color:var(--text);font:inherit;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input{height:34px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font:inherit;font-size:13px;min-width:0;width:100%}.input:focus,.select:focus{outline:2px solid var(--accent-soft);outline-offset:1px;border-color:var(--accent)}.row-count-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-muted);border-radius:999px;font-size:12px;color:var(--text-muted);white-space:nowrap}.row-count-pill b{color:var(--text);font-weight:600}.main{flex:1 1 auto;display:grid;grid-template-columns:280px 1fr;min-height:0}.main>.table-region{min-width:0;display:flex;flex-direction:column}.parse-error{margin:12px;padding:12px 14px;border:1px solid var(--error);background:var(--error-soft);border-radius:var(--radius-sm);color:var(--error)}.active-filters{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg);align-items:center}.active-filters .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:12px;border:none;cursor:pointer;max-width:240px}.active-filters .chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-filters .chip .x{font-size:14px;line-height:1;opacity:.7}.active-filters .chip:hover .x{opacity:1}.active-filters .none{font-size:12px;color:var(--text-faint)}.table-scroll{flex:1 1 auto;overflow:auto;position:relative}table.log{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}table.log thead th{position:sticky;top:0;z-index:2;background:var(--bg-elevated);text-align:left;font-weight:600;font-size:12px;letter-spacing:.01em;color:var(--text-muted);padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.log tbody td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:top;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.log tbody td.timestamp,table.log thead th.timestamp{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:12px;white-space:nowrap}table.log tbody td.line-num,table.log thead th.line-num{color:var(--text-faint);font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:12px;width:56px}table.log tbody tr{background:var(--bg-elevated);cursor:pointer}table.log tbody tr:nth-child(2n){background:#fbfaf7}table.log tbody tr:hover{background:var(--bg-row-hover)}table.log tbody tr.selected{background:var(--bg-row-selected)}table.log tbody tr.malformed td{border-bottom-color:var(--warn)}.empty-table{padding:40px;text-align:center;color:var(--text-muted)}.filters{border-right:1px solid var(--border);background:var(--bg-elevated);overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.filters-group{display:flex;flex-direction:column;gap:6px}.filters-group>.group-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.filters-group .date-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.facet{border-top:1px solid var(--border);padding-top:12px}.facet>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:var(--text);cursor:pointer;list-style:none;padding:4px 0}.facet>summary::-webkit-details-marker{display:none}.facet>summary .meta{font-size:11px;color:var(--text-faint);font-weight:500;margin-left:auto}.facet>summary:after{content:"";width:7px;height:7px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:rotate(-45deg);transition:transform .15s ease;margin-left:6px}.facet[open]>summary:after{transform:rotate(45deg)}.facet-body{padding:8px 0 4px;display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto}.facet-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;font-size:12px;cursor:pointer}.facet-row:hover{background:var(--bg-muted)}.facet-row input{margin:0;flex-shrink:0}.facet-row .label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.facet-row .count{color:var(--text-faint);font-size:11px;font-variant-numeric:tabular-nums;flex-shrink:0}.columns-toolbar{display:flex;gap:4px;margin-bottom:6px}.columns-toolbar button{flex:1;height:26px;font-size:11px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:4px;color:var(--text-muted)}.columns-toolbar button:hover{background:var(--bg-muted);color:var(--text)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182859;z-index:40;opacity:0;pointer-events:none;transition:opacity .18s ease}.scrim.open{opacity:1;pointer-events:auto}.row-sheet{position:fixed;z-index:60;background:var(--bg-elevated);box-shadow:var(--shadow-3);display:flex;flex-direction:column;top:0;right:0;bottom:0;width:min(480px,100%);transform:translate(100%);transition:transform .22s ease}.row-sheet.open{transform:translate(0)}.row-sheet header{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);gap:12px}.row-sheet header h2{margin:0;font-size:14px;font-weight:600}.row-sheet header .sub{font-size:12px;color:var(--text-muted);margin-top:2px}.row-sheet .body{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:18px}.row-sheet h3{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.row-sheet .raw{margin:0;padding:10px 12px;background:var(--bg-muted);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;white-space:pre-wrap;word-break:break-word}.field-grid{display:grid;grid-template-columns:minmax(110px,max-content) 1fr;gap:4px 14px;font-size:13px;align-items:start}.field-grid .k{color:var(--text-muted);word-break:break-word}.field-grid .v{font-family:var(--font-mono);font-size:12px;word-break:break-word;white-space:pre-wrap}.field-grid .v.empty{color:var(--text-faint);font-style:italic;font-family:var(--font-sans)}.notes-list{margin:0;padding-left:18px;font-size:12px;color:var(--text-muted)}.detection-popover{position:relative}.detection-popover .panel{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-2);padding:14px;min-width:280px;max-width:360px;z-index:50;font-size:12px}.detection-popover .panel h4{margin:0 0 8px;font-size:12px;font-weight:600}.detection-popover .panel dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:0}.detection-popover .panel dt{color:var(--text-muted)}.detection-popover .panel dd{margin:0;font-family:var(--font-mono);font-size:11px;word-break:break-word}.warn-line{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);color:var(--warn)}.dropzone{position:relative;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-muted);padding:28px 20px;text-align:center;cursor:pointer;transition:border-color .12s ease,background .12s ease}.dropzone:hover,.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.dropzone .dz-headline{font-size:15px;font-weight:600;color:var(--text)}.dropzone .dz-hint{margin-top:4px;font-size:12px;color:var(--text-muted)}@media(max-width:800px){.main{grid-template-columns:1fr}.filters{position:fixed;z-index:50;top:0;bottom:0;left:0;width:min(320px,88vw);transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-3)}.filters.open{transform:translate(0)}.row-sheet{top:auto;right:0;left:0;bottom:0;width:100%;max-height:85dvh;border-top-left-radius:16px;border-top-right-radius:16px;transform:translateY(100%)}.row-sheet.open{transform:translateY(0)}table.log tbody td{max-width:220px}.toolbar .file-meta{display:none}}@media(min-width:801px){.mobile-only{display:none!important}}