:root{--bg:#efe7d7;--bg-strong:#d7c7aa;--panel:#18212deb;--panel-soft:#253241d1;--line:#fff1d51f;--text:#f9f3e6;--text-soft:#d8cfbe;--muted:#9e8f77;--accent:#e76f51;--accent-soft:#e76f512e;--good:#7bd389;--warn:#f2c14e;--bad:#ef476f;--info:#74c0fc;--shadow:0 24px 80px #0d111747;--sans:"Trebuchet MS", "Segoe UI", sans-serif;--display:Georgia, "Times New Roman", serif;--mono:"Cascadia Code", Consolas, monospace;color:var(--text);font:14px/1.35 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #e76f512e, transparent 32%), radial-gradient(circle at top right, #74c0fc29, transparent 24%), linear-gradient(180deg, #f5efe3 0%, var(--bg) 100%);min-height:100vh;margin:0}button,input,select{font:inherit}code,pre{font-family:var(--mono)}h1,h2,h3,p,dl,dt,dd{margin:0}#app{min-height:100vh}.shell{width:min(1680px,100% - 18px);margin:0 auto;padding:10px 0 14px}.hero-panel,.upload-panel,.summary-card,.table-panel,.details-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px}.hero-panel{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:grid}.eyebrow,.summary-label,.format-label,.field span,.panel-header p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}h1{font:700 clamp(1.3rem, 2.2vw, 2rem) / 1 var(--display);text-transform:lowercase;margin-bottom:2px}h2{font:700 1rem/1.1 var(--display);margin-bottom:2px}h3{font:700 1rem/1.1 var(--display);margin:3px 0}.hero-copy,.format-note,.summary-card p,.panel-header p{color:var(--text-soft)}.hero-copy,.format-note,.summary-card p,tbody,.raw-line,.details-grid dd{font-size:.82rem}.format-card{border:1px solid var(--line);background:linear-gradient(#ffffff0d,#ffffff05);border-radius:10px;align-self:stretch;padding:10px 12px}.format-card code{color:#ffe8ba;background:#0b1119a6;border-radius:8px;margin:6px 0;padding:8px 10px;font-size:.78rem;display:block;overflow-x:auto}.upload-panel{margin-bottom:10px;padding:12px 14px}.upload-mode-toggle{gap:6px;margin-bottom:8px;display:flex}.mode-toggle-btn{border:1px solid var(--line);color:var(--text-soft);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-size:.78rem}.mode-toggle-btn.active{color:var(--text);background:#e76f512e;border-color:#fff1d566}.paste-textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--text);font:.8rem/1.3 var(--mono,monospace);background:#0b111966;border-radius:10px;padding:8px 10px}.paste-actions{gap:8px;margin-top:6px;display:flex}.table-filters{border:1px solid var(--line);background:#ffffff05;border-radius:10px;margin-bottom:10px;padding:8px}.dropzone{cursor:pointer;background:linear-gradient(135deg,#e76f512e,#74c0fc14);border:1px dashed #fff1d54d;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:transform .2s,border-color .2s;display:flex}.dropzone:hover,.dropzone.drag-active{border-color:#fff1d58c;transform:translateY(-2px)}.dropzone input{display:none}.dropzone-title{font:700 .95rem/1.1 var(--display);margin-bottom:2px;display:block}.dropzone-subtitle{color:var(--text-soft);font-size:.8rem}.toolbar-grid,.summary-grid,.content-grid{gap:10px;display:grid}.toolbar-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.field{gap:4px;display:grid}.field input,.field select{border:1px solid var(--line);background:var(--panel-soft);width:100%;min-width:0;color:var(--text);border-radius:8px;padding:7px 9px}.inline-field{width:150px}.level-row,.kind-row{flex-wrap:wrap;gap:6px;display:flex}.level-row{margin-top:0}.kind-row{margin-top:10px}.mark-toolbar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding-top:8px;font-size:.8rem;display:flex}.mark-count{color:var(--text-soft)}.mark-nav{gap:6px;margin-left:auto;display:inline-flex}.level-toolbar{margin-top:10px;display:block}.levels-cluster{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.field-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.level-actions{gap:6px;display:inline-flex}.level-actions-inline{border-left:1px solid var(--line);margin-left:4px;padding-left:10px}.level-action-btn{border:1px solid var(--line);color:var(--text-soft);cursor:pointer;background:#ffffff08;border-radius:999px;padding:3px 8px;font-size:.72rem}.level-action-btn:hover{color:var(--text);border-color:#fff1d573}@media (width<=900px){.level-actions-inline{border-left:0;margin-left:0;padding-left:0}}.level-pill,.kind-row label{border:1px solid var(--line);background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.78rem;display:inline-flex}.level-pill input,.kind-row input{accent-color:var(--accent)}.level-trace{color:#c7d2fe}.level-debug{color:var(--info)}.level-info{color:var(--good)}.level-warn{color:var(--warn)}.level-error,.level-fatal{color:#ffb3c1}.level-unknown{color:var(--text-soft)}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.summary-card{padding:10px 12px}.content-grid{grid-template-columns:minmax(0,1fr);align-items:start}.table-panel,.details-panel{min-width:0;padding:10px 12px}.table-panel{min-height:calc(100vh - 196px)}.panel-header{justify-content:space-between;align-items:end;gap:8px;margin-bottom:10px;display:flex}.table-wrap{border:1px solid var(--line);border-radius:10px;max-height:calc(100vh - 270px);overflow:auto}.pagination{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:.78rem;display:flex}.pagination input{border:1px solid var(--line);background:var(--panel-soft);width:80px;color:var(--text);border-radius:4px;padding:2px 4px}.level-action-btn:disabled{opacity:.45;cursor:default}#load-status{margin-top:6px;font-size:.8rem}.load-error{color:#ff9ab0}table{border-collapse:collapse;table-layout:auto;width:100%;min-width:760px}thead{background:#ffffff0a}thead th{z-index:1;background:#1c2531fa;position:sticky;top:0}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}th{letter-spacing:.05em;text-transform:uppercase;font-size:.73rem}td{line-height:1.2}tbody td{padding-top:3px;padding-bottom:3px}th:nth-child(2),td:nth-child(2),th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5),th:nth-child(6),td:nth-child(6),th:nth-child(8),td:nth-child(8),th:first-child,td:first-child,th:nth-child(3),td:nth-child(3){white-space:nowrap;width:1%}th:nth-child(7),td:nth-child(7){width:auto}.mark-cell,.mark-col{text-align:center;width:1%;padding-left:6px;padding-right:4px}.mark-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:2px 4px;font-size:.95rem;line-height:1}.mark-btn:hover,.mark-btn.marked{color:var(--warn)}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.expanded{background:#e76f511f}tbody tr.marked{background:#f2c14e14}tbody tr.mark-focus{outline:2px solid var(--warn);outline-offset:-2px}.message-cell{text-overflow:ellipsis;width:100%;min-width:480px;overflow:hidden}.message-expanded{white-space:normal;word-break:break-word}.expand-row td{background:#0b11198c;padding:7px 9px}.expand-grid{color:var(--text-soft);gap:4px;font-size:.8rem;display:grid}.expand-grid p{margin:0}.expand-grid strong{color:var(--text)}.severity,.kind-badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:54px;padding:2px 6px;font-size:.72rem;display:inline-flex}.severity-trace{color:#c7d2fe;background:#c7d2fe1f}.severity-debug{color:var(--info);background:#74c0fc1f}.severity-info{color:var(--good);background:#7bd3891f}.severity-warn{color:var(--warn);background:#f2c14e29}.severity-error,.severity-fatal{color:#ff9ab0;background:#ef476f24}.severity-unknown{color:var(--text-soft);background:#ffffff14}.kind-structured{color:var(--good);background:#7bd3891f}.kind-external{color:var(--info);background:#74c0fc1f}.kind-unstructured{color:var(--text-soft);background:#ffffff14}.details-grid{gap:8px;margin-bottom:10px;display:grid}.details-grid div{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.details-grid dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.68rem}.raw-line{border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;background:#0b1119a6;border-radius:10px;margin:0;padding:10px}.empty-cell{text-align:center;color:var(--text-soft)}@media (width<=1120px){.hero-panel,.content-grid,.summary-grid,.toolbar-grid{grid-template-columns:1fr}.table-panel{min-height:auto}.table-wrap{max-height:none}.inline-field{width:100%}.panel-header{flex-direction:column;align-items:start}}@media (width<=720px){.shell{width:min(100%,100% - 20px);padding:8px 0 14px}.hero-panel,.upload-panel,.table-panel,.summary-card{border-radius:12px}.hero-panel,.upload-panel,.table-panel{padding:10px}.dropzone{flex-direction:column;align-items:start}}