@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--bg: #f0f4fb;--bg-panel: #ffffff;--bg-raised: #f5f7fc;--row-sep: #e4eaf6;--border: #d0d8ec;--border-strong: #b8c4dc;--text: #1a2030;--muted: #7a8899;--muted-2: #4a5870;--accent: #2563eb;--accent-2: #3b75f7;--green: #16a34a;--red: #dc2626;--amber: #b45309;--purple: #7c3aed;--hl-hover: rgba(37, 99, 235, .15);--hl-pinned: rgba(180, 83, 9, .28);--accent-faint-bg: rgba(37, 99, 235, .08);--accent-faint-bd: rgba(37, 99, 235, .25);--green-badge-bg: rgba(22, 163, 74, .1);--green-badge-bd: rgba(22, 163, 74, .3);--red-badge-bg: rgba(220, 38, 38, .1);--red-badge-bd: rgba(220, 38, 38, .3);--purple-comm-bg: rgba(124, 58, 237, .07);--purple-comm-bd: rgba(124, 58, 237, .2);--mono: "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, Menlo, monospace}:root[data-theme=dark]{--bg: #0a0e14;--bg-panel: #0d1117;--bg-raised: #0c111a;--row-sep: #0f1621;--border: #1a2030;--border-strong: #2a3042;--text: #c5cdd9;--muted: #506073;--muted-2: #7a8fa8;--accent: #7aa2f7;--accent-2: #9ab5ff;--green: #73da94;--red: #f7768e;--amber: #e0af68;--purple: #bb9af7;--hl-hover: rgba(122, 162, 247, .22);--hl-pinned: rgba(224, 175, 104, .3);--accent-faint-bg: rgba(122, 162, 247, .1);--accent-faint-bd: rgba(122, 162, 247, .2);--green-badge-bg: rgba(115, 218, 148, .12);--green-badge-bd: rgba(115, 218, 148, .25);--red-badge-bg: rgba(247, 118, 142, .12);--red-badge-bd: rgba(247, 118, 142, .25);--purple-comm-bg: rgba(187, 154, 247, .08);--purple-comm-bd: rgba(187, 154, 247, .2)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}#app{display:flex;flex-direction:column;height:100vh}#toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.brand{font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--accent);white-space:nowrap}.brand .fin{color:var(--accent-2)}#toolbar select,.file-label,#theme-toggle,#hex-load{background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:2px;padding:5px 12px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}#toolbar select:hover,.file-label:hover,#theme-toggle:hover,#hex-load:hover{border-color:var(--accent);background:var(--accent-faint-bg)}#hex-input{flex:1;min-width:140px;background:var(--bg);border:1px solid var(--border-strong);color:var(--text);border-radius:2px;padding:5px 10px;font-family:var(--mono);font-size:12px;outline:none;transition:border-color .15s}#hex-input:focus{border-color:var(--accent)}#hex-input::placeholder{color:var(--muted)}.spacer{flex:0 0 0}.muted{color:var(--muted);font-size:11px;letter-spacing:.03em}main{flex:1;display:flex;flex-direction:column;min-height:0}#record-strip{max-height:140px;overflow:auto;border-bottom:1px solid var(--border);background:var(--bg-panel)}#record-list{width:100%;border-collapse:collapse}#record-list th,#record-list td{padding:3px 12px;text-align:left;font-size:11px;border-bottom:1px solid var(--row-sep);white-space:nowrap}#record-list th{color:var(--muted);position:sticky;top:0;background:var(--bg-panel);font-weight:600;letter-spacing:.08em;text-transform:uppercase}#record-list tbody tr{cursor:pointer}#record-list tbody tr:hover{background:var(--bg-raised)}#record-list tbody tr.selected{background:var(--accent-faint-bg)}#panes{flex:1;display:flex;min-height:0}#tree-pane,#hex-pane{display:flex;flex-direction:column;min-width:0;min-height:0}#tree-pane{flex:2;border-right:1px solid var(--border)}#hex-pane{flex:3}.pane-header{padding:5px 14px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:10px}.pane-header .muted{text-transform:none;letter-spacing:0;font-weight:400}#tree,#hex{flex:1;overflow:auto;padding:6px 0}.tree-row{display:flex;align-items:baseline;gap:6px;padding:1px 10px 1px calc(var(--depth, 0) * 14px + 8px);cursor:default;white-space:nowrap;border-bottom:1px solid transparent}.tree-row:hover{background:var(--bg-raised)}.tree-row.selected{background:var(--accent-faint-bg);border-left:2px solid var(--accent);padding-left:calc(var(--depth, 0) * 14px + 6px)}.tree-row.hl{background:var(--hl-hover)}.chevron{width:12px;display:inline-block;color:var(--muted);cursor:pointer;user-select:none}.chevron.leaf{visibility:hidden}.tree-label{color:var(--text)}.tree-span{color:var(--muted);font-size:11px;margin-left:auto}.hex-row{display:flex;gap:14px;padding:1px 12px;white-space:nowrap}.hex-offset{color:var(--muted);width:56px}.hex-cells{display:flex;gap:4px}.ascii-cells{display:flex;gap:1px;color:var(--muted)}.hex-cell,.ascii-cell{width:20px;text-align:center;cursor:pointer;border-radius:2px}.ascii-cell{cursor:default;width:9px}.hex-cell.hl-hover,.ascii-cell.hl-hover{background:var(--hl-hover)}.hex-cell.hl-pinned,.ascii-cell.hl-pinned{background:var(--hl-pinned)}.hex-cell.hl-edit{background:var(--accent);color:var(--bg)}.hex-edit{width:20px;height:16px;font:inherit;text-align:center;background:var(--bg);color:var(--text);border:1px solid var(--accent);border-radius:2px;padding:0;text-transform:uppercase}#inspector{height:170px;border-top:1px solid var(--border);background:var(--bg-panel);display:flex;flex-direction:column}.tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-panel)}.tabs button{background:none;border:none;border-right:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:600;padding:7px 16px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:color .15s}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--accent);background:var(--bg-raised);box-shadow:inset 0 -2px 0 var(--accent)}.count{color:var(--accent);margin-left:4px}.tab-body{flex:1;overflow:auto;padding:6px 0}.warning-row{display:flex;gap:10px;align-items:baseline;padding:2px 12px;cursor:pointer}.warning-row:hover{background:var(--bg-raised)}.warning-row .warning-text{color:var(--amber)}.warning-row.unanchored{cursor:default}.warning-row.unanchored .warning-text{color:var(--muted-2)}.parse-error{color:var(--red);padding:4px 12px}.empty-note{color:var(--muted);padding:4px 12px;font-style:italic}.attr-row{display:flex;gap:12px;align-items:baseline;padding:2px 12px;cursor:pointer}.attr-row:hover{background:var(--bg-raised)}.attr-name{color:var(--green);min-width:180px;font-weight:500}.attr-detail{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attr-row .tree-span{margin-left:auto;color:var(--muted)}#footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;padding:6px 16px;background:var(--bg-panel);border-top:1px solid var(--border);color:var(--muted);font-size:11px;letter-spacing:.03em}#footer a{color:var(--muted-2);text-decoration:none;border-bottom:1px dotted var(--border-strong);transition:color .15s}#footer a:hover{color:var(--accent)}#footer .dot{color:var(--border-strong)}#footer .pkg{color:var(--accent);background:var(--accent-faint-bg);border:1px solid var(--accent-faint-bd);border-radius:2px;padding:1px 7px;margin-left:2px}