:root{--bg: #fbfbfa;--surface: #ffffff;--surface-2: #f4f4f2;--surface-3: #ebebe8;--border: #dedcd7;--border-strong: #c6c3bc;--text: #1c1b19;--text-dim: #6b6862;--text-faint: #9a968e;--accent: #c2410c;--accent-soft: #fdf0e9;--partition: #6d28d9;--partition-soft: #f3eeff;--warn: #a16207;--warn-soft: #fdf6e3;--danger: #b91c1c;--danger-soft: #fdecec;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--row-height: 28px;--radius: 6px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #131312;--surface: #1b1b1a;--surface-2: #232321;--surface-3: #2c2c29;--border: #33332f;--border-strong: #4a4a45;--text: #eceae5;--text-dim: #9d9a93;--text-faint: #6e6b65;--accent: #fb923c;--accent-soft: #2a1a0f;--partition: #a78bfa;--partition-soft: #221a33;--warn: #fbbf24;--warn-soft: #2a220e;--danger: #f87171;--danger-soft: #2d1515;color-scheme:dark}}:root[data-theme=dark]{--bg: #131312;--surface: #1b1b1a;--surface-2: #232321;--surface-3: #2c2c29;--border: #33332f;--border-strong: #4a4a45;--text: #eceae5;--text-dim: #9d9a93;--text-faint: #6e6b65;--accent: #fb923c;--accent-soft: #2a1a0f;--partition: #a78bfa;--partition-soft: #221a33;--warn: #fbbf24;--warn-soft: #2a220e;--danger: #f87171;--danger-soft: #2d1515;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);font-size:13px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:5px 10px;cursor:pointer}button:hover{background:var(--surface-2);border-color:var(--border-strong)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.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(--surface);flex:none}.topbar h1{font-size:13px;font-weight:600;margin:0;letter-spacing:-.01em}.topbar h1 span{color:var(--accent)}.topbar .spacer{flex:1}.badge{font-family:var(--mono);font-size:11px;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:100px;padding:2px 8px;white-space:nowrap}.badge.private{color:var(--accent);background:var(--accent-soft);border-color:transparent}.workspace{display:flex;flex:1;min-height:0}.main{flex:1;min-width:0;display:flex;flex-direction:column}.dropzone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:16px;border:1.5px dashed var(--border-strong);border-radius:10px;background:var(--surface);text-align:center;padding:32px 20px;transition:border-color .12s,background .12s}.dropzone.active{border-color:var(--accent);background:var(--accent-soft)}.dropzone h2{margin:0;font-size:16px;font-weight:600}.dropzone p{margin:0;color:var(--text-dim);max-width:46ch;line-height:1.5}.dropzone code{font-family:var(--mono);font-size:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.dropzone .hint{font-size:11px;color:var(--text-faint)}.grid-wrap{flex:1;min-height:0;position:relative;overflow:auto;background:var(--surface)}.grid-inner{position:relative}.grid-head{position:sticky;top:0;z-index:2;height:var(--row-height);background:var(--surface-2);border-bottom:1px solid var(--border-strong)}.cell,.head-cell,.gutter{position:absolute;top:0;height:var(--row-height);display:flex;align-items:center;padding:0 10px;font-family:var(--mono);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid var(--border);contain:layout paint style}.head-cell{gap:6px;cursor:pointer;font-weight:600;color:var(--text);user-select:none}.head-cell:hover{background:var(--surface-3)}.head-cell .type{font-weight:400;color:var(--text-faint);font-size:10.5px}.head-cell.partition{color:var(--partition);background:var(--partition-soft)}.head-cell.selected{background:var(--accent-soft);color:var(--accent)}.row{position:absolute;left:0;height:var(--row-height);cursor:pointer}.row:hover .cell{background:var(--surface-2)}.row.selected .cell{background:var(--accent-soft)}.row.odd .cell{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}.row.odd:hover .cell,.row.odd.selected .cell{background:var(--accent-soft)}.cell.partition{color:var(--partition)}.cell.null{color:var(--text-faint);font-style:italic}.cell.number{justify-content:flex-end}.cell.complex{color:var(--text-dim)}.gutter{left:0;z-index:1;justify-content:flex-end;color:var(--text-faint);font-size:11px;background:var(--surface-2);border-right:1px solid var(--border-strong)}.skeleton{display:block;height:8px;width:60%;border-radius:3px;background:var(--surface-3)}.statusbar{flex:none;display:flex;align-items:center;gap:14px;padding:5px 14px;border-top:1px solid var(--border);background:var(--surface-2);font-family:var(--mono);font-size:11px;color:var(--text-dim)}.statusbar .spacer{flex:1}.statusbar .live{color:var(--accent)}.legend{width:330px;flex:none;border-left:1px solid var(--border);background:var(--surface);overflow-y:auto;padding:0 0 24px}.legend section{border-bottom:1px solid var(--border);padding:12px 14px}.legend h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-weight:600}.legend p{margin:0 0 8px;color:var(--text-dim);line-height:1.55;font-size:12px}.legend p:last-child{margin-bottom:0}.legend .fact{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-family:var(--mono);font-size:11.5px}.legend .fact span:first-child{color:var(--text-dim)}.legend .fact span:last-child{text-align:right}.legend .teach{margin-top:8px;padding:8px 10px;background:var(--surface-2);border-left:2px solid var(--accent);border-radius:0 4px 4px 0;font-size:11.5px;line-height:1.5;color:var(--text-dim)}.warning{display:block;width:100%;text-align:left;border:none;border-left:2px solid var(--warn);background:var(--warn-soft);border-radius:0 4px 4px 0;padding:8px 10px;margin-bottom:6px;font-size:11.5px;line-height:1.5}.warning strong{display:block;color:var(--warn);font-weight:600}.warning span{color:var(--text-dim)}.warning.schema-mismatch{border-left-color:var(--danger);background:var(--danger-soft)}.warning.schema-mismatch strong{color:var(--danger)}.tree{font-family:var(--mono);font-size:11.5px}.tree .node{display:flex;align-items:baseline;gap:6px;padding:2px 0;cursor:pointer;border-radius:3px}.tree .node:hover{background:var(--surface-2)}.tree .node .name{color:var(--text)}.tree .node.partition .name{color:var(--partition)}.tree .node .type{color:var(--text-faint);font-size:10.5px;margin-left:auto}.chunklist{display:flex;flex-direction:column;gap:3px}.chunk{display:block;width:100%;text-align:left;font-family:var(--mono);font-size:11px;padding:5px 8px;border-radius:4px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim)}.chunk:hover{border-color:var(--accent);color:var(--text)}.chunk.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chunk .line{display:flex;justify-content:space-between;gap:8px}.chunk .sub{color:var(--text-faint);font-size:10.5px}.bar{height:3px;border-radius:2px;background:var(--surface-3);margin-top:4px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent)}.drawer{position:fixed;inset:0 0 0 auto;width:min(520px,100vw);background:var(--surface);border-left:1px solid var(--border-strong);box-shadow:-16px 0 40px #00000029;display:flex;flex-direction:column;z-index:20}.drawer header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.drawer header h3{margin:0;font-size:13px;font-weight:600}.drawer header .spacer{flex:1}.drawer .body{flex:1;overflow-y:auto;padding:12px 14px}.kv{display:grid;grid-template-columns:minmax(90px,34%) 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.kv>*{background:var(--surface);padding:6px 9px;font-family:var(--mono);font-size:11.5px}.kv .k{color:var(--text-dim)}.kv .v{word-break:break-word;white-space:pre-wrap}.kv .v.null{color:var(--text-faint);font-style:italic}.kv .k.partition{color:var(--partition)}.snippet{margin-top:14px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.snippet .snippet-head{display:flex;align-items:center;gap:8px;padding:6px 9px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:11px;color:var(--text-dim)}.snippet .snippet-head .spacer{flex:1}.snippet pre{margin:0;padding:9px;font-family:var(--mono);font-size:11.5px;line-height:1.6;overflow-x:auto;color:var(--text);background:var(--surface)}.error-panel{margin:16px;padding:14px;border:1px solid var(--danger);background:var(--danger-soft);border-radius:var(--radius);color:var(--danger)}.error-panel pre{font-family:var(--mono);font-size:11.5px;white-space:pre-wrap;margin:6px 0 0;color:var(--text-dim)}@media(max-width:860px){.workspace{flex-direction:column}.legend{width:auto;border-left:none;border-top:1px solid var(--border);max-height:45vh}.topbar{overflow-x:auto;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.topbar h1{white-space:nowrap}.topbar .spacer{min-width:8px}.drawer{width:100vw}}.gutter{transform:translate(var(--scroll-x, 0px));will-change:transform}.query-panel{flex:none;border-top:1px solid var(--border);background:var(--surface);max-height:46%;overflow-y:auto}.query-panel header{position:sticky;top:0;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap}.query-panel.collapsed header{border-bottom:none}.query-panel header strong{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.query-panel header .spacer{flex:1}.query-panel .disclose{border:none;background:none;padding:0 2px;color:var(--text-dim)}.query-panel .disclose:hover{background:none;color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-family:var(--mono);font-size:11px;padding:2px 7px;border-radius:100px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent)}.chip:hover{background:var(--accent);color:var(--surface);border-color:var(--accent)}.chip.partition{border-color:var(--partition);background:var(--partition-soft);color:var(--partition)}.chip.partition:hover{background:var(--partition);color:var(--surface)}.chip.scope{border-color:var(--border-strong);background:var(--surface-3);color:var(--text-dim)}.query-panel pre{margin:0;padding:11px 12px;font-family:var(--mono);font-size:12px;line-height:1.65;overflow-x:auto;color:var(--text);white-space:pre}.query-stats{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:6px 12px;border-top:1px solid var(--border);font-family:var(--mono);font-size:11px;color:var(--text-dim)}.query-stats strong{color:var(--text)}.query-stats .live{color:var(--accent)}.query-stats .progress{flex:1;max-width:220px;height:3px;background:var(--surface-3);border-radius:2px;overflow:hidden}.query-stats .progress>i{display:block;height:100%;background:var(--accent);transition:width .12s}.query-teach{margin:0;padding:8px 12px 10px;font-size:11.5px;line-height:1.5;color:var(--text-dim);border-top:1px solid var(--border)}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.actions button{font-size:11.5px;padding:4px 9px}.actions button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.filter-builder{display:flex;gap:6px;margin:10px 0 2px}.filter-builder select,.filter-builder input{font:inherit;font-family:var(--mono);font-size:11.5px;padding:4px 7px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text)}.filter-builder select{flex:none}.filter-builder input{flex:1;min-width:0}.filter-builder input:focus,.filter-builder select:focus{outline:2px solid var(--accent);outline-offset:-1px}.head-cell .sort{color:var(--accent);font-size:10px}.head-cell.in-select{box-shadow:inset 0 -2px 0 var(--accent)}.kv .row-action{border:none;background:none;color:var(--text-faint);padding:0 4px;font-size:11px;cursor:pointer}.kv .row-action:hover{color:var(--accent);background:none}.kv .v{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.kv .v span.val{flex:1;white-space:pre-wrap;word-break:break-word}.tree .node input[type=checkbox]{margin:0 2px 0 0;accent-color:var(--accent);width:12px;height:12px;flex:none}.query-stats .spacer{flex:1;min-width:12px}.goto{font:inherit;font-family:var(--mono);font-size:11px;width:88px;padding:3px 8px;border:1px solid var(--border);border-radius:100px;background:var(--surface-2);color:var(--text)}.goto::placeholder{color:var(--text-faint)}.goto:focus{outline:2px solid var(--accent);outline-offset:-1px}.warning.skew{border-left-color:var(--accent);background:var(--accent-soft)}.warning.skew strong{color:var(--accent)}