:root{--bg: #ffffff;--fg: #1b1b1f;--muted: #9aa0a6;--border: #ededf0;--accent: #2563eb;--header-bg: #fbfbfc;--row-alt: #fcfcfd;--row-h: 30px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size: 13px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--font-size);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--bg)}.grow{flex:1}.nav{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;min-width:0}.nav-level{display:flex;align-items:center}.nav-sep{color:var(--muted);margin:0 2px}.nav-empty{color:var(--muted)}.nav-chip{font:inherit;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);cursor:pointer;white-space:nowrap}.nav-chip:hover{background:var(--header-bg);border-color:var(--accent)}.nav-current{position:relative}.nav-input{font:inherit;padding:4px 8px;min-width:180px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg)}.nav-input:focus{outline:none;border-color:var(--accent)}.nav-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:30;min-width:240px;max-height:340px;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 28px #0000001a;padding:4px}.nav-opt{padding:6px 10px;border-radius:5px;cursor:pointer;white-space:nowrap}.nav-opt:hover{background:var(--header-bg)}.nav-opt.hl,.nav-opt.hl:hover{background:var(--accent);color:#fff}.topbar select{font:inherit;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg)}nav{display:flex;gap:4px}nav button,.reset{font:inherit;padding:5px 12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;cursor:pointer}nav button.active{border-color:var(--accent);color:var(--accent)}nav button:hover,.reset:hover{background:var(--header-bg)}main{flex:1;min-height:0;display:flex}.tableview{flex:1;min-height:0;display:flex}.table{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.thead,.tr{display:grid;align-items:center}.thead{border-bottom:1px solid var(--border);background:var(--header-bg);font-weight:600;color:var(--muted);position:sticky;top:0}.th,.td{padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid var(--border)}.th{height:30px;display:flex;align-items:center;text-transform:lowercase}.idx{color:var(--fg)}.tbody{position:relative;overflow:auto;flex:1;outline:none}.spacer{position:relative;width:100%}.tr{position:absolute;left:0;right:0;border-bottom:1px solid var(--border)}.tr:nth-child(2n){background:var(--row-alt)}.td{height:100%;display:flex;align-items:center;cursor:default}.th{cursor:default}.td.sel{background:var(--accent);color:#fff}.td.sel .muted,.td.sel .name,.td.sel .val,.td.sel .num,.td.sel .bool{color:#fff}.th.sel-col{color:var(--accent)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.tfoot{padding:6px 12px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.settings{padding:24px;max-width:520px}.settings h2{margin:0 0 16px;font-size:15px;font-weight:600}.fields{display:grid;gap:10px}.field{display:flex;align-items:center;justify-content:space-between;gap:16px}.field span{color:var(--muted)}.field input[type=text]{font:inherit;width:280px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg)}.field input[type=color]{width:36px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--bg);padding:2px}.reset{margin-top:18px}.empty{margin:auto;color:var(--muted)}.cellpanel{width:360px;flex:none;border-left:1px solid var(--border);background:var(--header-bg);overflow:auto;padding:16px}.cp-empty{color:var(--muted);padding:8px 2px}.cp-title{font-weight:600;margin-bottom:14px;color:var(--muted)}.cp-title .cp-name{color:var(--fg)}.cp-field{display:flex;gap:10px;padding:4px 0;align-items:baseline}.cp-label{width:92px;flex:none;color:var(--muted)}.cp-val{min-width:0;word-break:break-word}.cp-val code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.cp-section{margin:16px 0 6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.cp-meta{color:var(--muted);font-size:12px;margin-bottom:4px}.cp-code{margin:0;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--fg)}