:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0f;--surface-1:#161618;--surface-2:#1e1e22;--surface-3:#26262c;--surface-hover:#2f2f37;--border:#2a2a31;--border-strong:#3c3c46;--text:#e9e9ec;--text-dim:#9a9aa6;--text-faint:#5f5f6b;--accent:#5e9eff;--accent-hover:#82b3ff;--accent-soft:#5e9eff24;--selected-bg:#283044;--c-string:#9ece6a;--c-number:#7dcfff;--c-boolean:#bb9af7;--c-null:#6b7089;--c-key:#ccd3e3;--hl-bg:#f4c95d;--hl-fg:#1a1a1a;--danger:#f7768e;--radius:9px;--radius-sm:6px;--radius-xs:4px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-mono:"Cascadia Code", "JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", monospace;--shadow:0 14px 36px #00000080}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}#root{flex-direction:column;display:flex}button{cursor:pointer;font-family:inherit}::selection{background:var(--accent-soft)}::placeholder{color:var(--text-faint)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border:3px solid var(--bg);border-radius:7px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.home{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.home-inner{flex-direction:column;align-items:center;width:100%;max-width:660px;animation:.4s both fade-up;display:flex}.home-brand{align-items:center;gap:12px;display:flex}.home-mark{color:var(--accent);font-size:27px;line-height:1}.home-title{letter-spacing:-.02em;margin:0;font-size:31px;font-weight:650}.home-subtitle{color:var(--text-dim);margin:14px 0 30px;font-size:15px}.home-box{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);width:100%;transition:border-color .15s,box-shadow .15s}.home-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.home-box.validity-invalid:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px #f7768e21}.home-textarea{resize:vertical;width:100%;min-height:184px;max-height:50vh;color:var(--text);font-family:var(--font-mono);background:0 0;border:0;outline:none;padding:16px 18px;font-size:13.5px;line-height:1.6}.home-box-footer{justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 12px;display:flex}.home-validity{font-size:12.5px;font-weight:500}.home-validity.validity-valid{color:var(--c-string)}.home-validity.validity-invalid{color:var(--danger)}.btn-primary{background:var(--accent);color:#0a0a0c;border-radius:var(--radius-sm);border:0;padding:9px 22px;font-size:13.5px;font-weight:600;transition:background .15s,opacity .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.home-hint{color:var(--text-faint);margin-top:20px;font-size:12px}.home-hint kbd{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);padding:1px 5px;font-size:11px}.app{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--surface-1);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 16px;min-height:52px;padding:8px 14px;display:flex}.brand{color:var(--text);border-radius:var(--radius-sm);background:0 0;border:0;flex-shrink:0;align-items:center;gap:8px;padding:6px 8px;font-size:14px;font-weight:600;display:flex}.brand:hover{background:var(--surface-3)}.brand-mark{color:var(--accent);font-size:16px}.workspace{flex:1;min-height:0;display:flex}.editor-pane{background:var(--surface-1);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:40%;min-width:280px;max-width:620px;display:flex}.editor-rail{width:42px;min-width:42px;max-width:42px;padding:0}.rail-toggle{width:100%;height:100%;color:var(--text-dim);background:0 0;border:0;flex-direction:column;align-items:center;gap:12px;padding-top:16px;display:flex}.rail-toggle:hover{background:var(--surface-3);color:var(--text)}.rail-chevron{font-size:16px}.rail-label{writing-mode:vertical-rl;letter-spacing:.16em;text-transform:uppercase;font-size:11px}.editor-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;height:38px;padding:0 8px 0 14px;display:flex}.editor-title{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}.editor-meta{color:var(--text-faint);margin-left:auto;font-size:11.5px}.editor-collapse{border:1px solid var(--border);border-radius:var(--radius-xs);width:26px;height:26px;color:var(--text-dim);background:0 0;justify-content:center;align-items:center;font-size:14px;display:flex}.editor-collapse:hover{background:var(--surface-3);color:var(--text)}.editor-textarea{resize:none;background:var(--bg);color:var(--text);font-family:var(--font-mono);tab-size:2;border:0;outline:none;flex:1;padding:14px;font-size:13px;line-height:1.6}.error-banner{color:#ffb3c0;background:#f7768e1a;border-top:1px solid #f7768e52;flex-shrink:0;align-items:flex-start;gap:9px;padding:10px 14px;font-size:12.5px;line-height:1.45;display:flex}.error-mark{background:var(--danger);color:#1a1a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.error-text{font-family:var(--font-mono);word-break:break-word}.toolbar{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.toolbar-group{gap:6px;display:flex}.search-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;align-items:center;gap:6px;min-width:168px;height:32px;padding:0 8px;transition:border-color .13s,box-shadow .13s;display:flex}.search-box.is-active{border-color:var(--border-strong)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-icon{color:var(--text-faint);font-size:16px}.search-input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:13px}.search-count{color:var(--text-dim);background:var(--surface-3);border-radius:10px;flex-shrink:0;padding:1px 7px;font-size:11px}.search-count.is-none{color:var(--text-faint)}.search-clear{color:var(--text-faint);border-radius:var(--radius-xs);background:0 0;border:0;flex-shrink:0;padding:3px 4px;font-size:11px}.search-clear:hover{color:var(--text);background:var(--surface-3)}.btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);height:32px;color:var(--text-dim);white-space:nowrap;padding:0 11px;font-size:12.5px;transition:background .12s,color .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:var(--border-strong)}.btn:disabled,.btn-primary:disabled{opacity:.38;cursor:not-allowed}.btn-accent{color:var(--accent);border-color:#5e9eff52}.btn-accent:hover:not(:disabled){color:var(--accent-hover);background:var(--accent-soft);border-color:var(--accent)}.grid-area{flex:1;min-width:0;padding:18px 0;animation:.3s both fade-in;overflow:auto}.grid-root{min-width:100%;padding:0 18px;display:inline-block}.empty-state{height:100%;color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.empty-glyph{font-family:var(--font-mono);color:var(--border-strong);font-size:42px}.empty-text{margin:0;font-size:13.5px}.node{vertical-align:top;background:var(--surface-1);border:1px solid var(--border);max-width:100%;display:inline-block}.value-cell>.node{border:0;display:block}.node-header{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:3px 8px;font-size:11px;display:flex}.node-toggle{width:15px;height:15px;color:var(--text-dim);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:10px;display:flex}.node-toggle:hover{color:var(--text)}.node-glyph{color:var(--accent);font-family:var(--font-mono)}.node-count{color:var(--text-dim)}.node-note{border-left:1px solid var(--border-strong);color:var(--text-faint);padding-left:7px}.node-copy{border-radius:var(--radius-xs);color:var(--text-faint);font-family:var(--font-mono);opacity:0;background:0 0;border:0;margin-left:auto;padding:1px 6px;font-size:10.5px;transition:opacity .12s}.node:hover>.node-header>.node-copy{opacity:1}.node-copy:hover{color:var(--accent);background:var(--surface-3)}.grid-table{border-collapse:collapse;font-family:var(--font-mono);font-size:12.5px}.grid-table th,.grid-table td{border:1px solid var(--border);text-align:left;vertical-align:top}.grid-table tbody tr:hover>.key-cell,.grid-table tbody tr:hover>.index-cell{color:var(--accent)}.key-cell{background:var(--surface-2);color:var(--c-key);white-space:nowrap;cursor:pointer;padding:4px 10px;font-weight:500;position:relative}.value-cell{padding:0}.records-table thead th{z-index:2;background:var(--surface-2);color:var(--c-key);white-space:nowrap;padding:5px 10px;font-weight:600;position:sticky;top:0}.records-table .index-col{color:var(--text-faint);font-weight:500}.index-cell{background:var(--surface-2);color:var(--text-faint);text-align:right;white-space:nowrap;cursor:pointer;padding:4px 9px;font-size:11.5px;position:relative}.cell-primitive{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:540px;padding:4px 10px;display:block;overflow:hidden}.cell-primitive:hover{background:var(--surface-3)}.cell-empty-string{color:var(--text-faint);font-style:italic}.cell-missing{color:var(--text-faint);padding:4px 10px;display:block}.type-string{color:var(--c-string)}.type-number{color:var(--c-number)}.type-boolean{color:var(--c-boolean)}.type-null{color:var(--c-null);font-style:italic}.hl{background:var(--hl-bg);color:var(--hl-fg);border-radius:2px;padding:0 1px}.no-rows{color:var(--text-faint);font-family:var(--font-ui);padding:10px 14px;font-size:12.5px;font-style:italic}.show-more{background:var(--surface-2);border:0;border-top:1px solid var(--border);width:100%;color:var(--accent);font-family:var(--font-ui);padding:7px;font-size:12px;display:block}.show-more:hover{background:var(--surface-3);color:var(--accent-hover)}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-dim);font-family:var(--font-mono);align-items:center;gap:6px;margin:3px;padding:3px 9px;font-size:11.5px;display:inline-flex}button.chip{transition:border-color .12s,background .12s,color .12s}button.chip:hover{background:var(--surface-3);border-color:var(--accent);color:var(--text)}.chip-static{color:var(--text-faint)}.chip-plus{color:var(--accent);font-weight:700}.cell-menu{min-width:158px}.col-resizer{z-index:3;cursor:col-resize;-webkit-user-select:none;user-select:none;width:8px;height:100%;position:absolute;top:0;right:0}.col-resizer:after{content:"";background:var(--accent);opacity:0;width:2px;height:100%;transition:opacity .12s;position:absolute;top:0;right:0}.col-resizer:hover:after{opacity:1}body.resizing-col{cursor:col-resize;-webkit-user-select:none;user-select:none}.grid-table.is-resized{table-layout:fixed}.grid-table.is-resized th,.grid-table.is-resized td{overflow:hidden}.grid-table.is-resized .cell-primitive{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;max-width:none}.col-head-inner{align-items:center;gap:4px;display:flex}.col-head-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cell-key-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.col-filter-btn{border-radius:var(--radius-xs);height:17px;color:var(--text-faint);background:0 0;border:0;flex-shrink:0;align-items:center;gap:2px;padding:0 3px;transition:color .12s,background .12s;display:inline-flex}.col-filter-btn:hover{color:var(--text);background:var(--surface-3)}.col-filter-btn.is-active{color:var(--accent)}.col-filter-badge{background:var(--accent);min-width:13px;height:13px;color:var(--bg);font-family:var(--font-ui);border-radius:7px;justify-content:center;align-items:center;padding:0 3px;font-size:9px;font-weight:700;display:inline-flex}.col-filter-search{border-bottom:1px solid var(--border);padding:7px}.col-filter-search input{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;height:28px;color:var(--text);outline:none;padding:0 8px;font-size:12.5px}.col-filter-search input:focus{border-color:var(--accent)}.col-filter-applied{border-bottom:1px solid var(--border);padding:7px}.col-filter-chips{flex-wrap:wrap;gap:4px;max-height:78px;display:flex;overflow-y:auto}.col-filter-chip{background:var(--accent-soft);border-radius:var(--radius-xs);max-width:100%;color:var(--accent-hover);border:1px solid #5e9eff52;align-items:center;gap:3px;padding:2px 3px 2px 7px;font-size:11px;display:inline-flex}.col-filter-chip-text{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);overflow:hidden}.col-filter-chip-x{border-radius:var(--radius-xs);color:var(--accent-hover);background:0 0;border:0;flex-shrink:0;align-items:center;padding:1px 3px;font-size:9px;display:flex}.col-filter-chip-x:hover{color:var(--text);background:#5e9eff38}.col-filter-list{flex:1;padding:5px;overflow-y:auto}.col-filter-item{border-radius:var(--radius-xs);color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:4px 6px;font-size:12.5px;display:flex}.col-filter-item:hover{background:var(--surface-3)}.col-filter-item input{width:13px;height:13px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}.col-filter-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);flex:1;overflow:hidden}.col-filter-count{color:var(--text-faint);flex-shrink:0;font-size:11px}.col-filter-empty{color:var(--text-faint);text-align:center;padding:14px 10px;font-size:12px;font-style:italic}.col-filter-actions{border-top:1px solid var(--border);align-items:center;gap:6px;padding:7px;display:flex}.col-filter-link{border-radius:var(--radius-xs);color:var(--text-dim);background:0 0;border:0;padding:3px 5px;font-size:11.5px}.col-filter-link:hover{color:var(--text);background:var(--surface-3)}.col-filter-apply{background:var(--accent);border-radius:var(--radius-xs);color:var(--bg);border:0;margin-left:auto;padding:5px 14px;font-size:12px;font-weight:600}.col-filter-apply:hover{background:var(--accent-hover)}.column-head{cursor:pointer}.records-table .column-head:hover{background:var(--surface-hover)}.cell-menu,.action-menu,.col-filter-pop{z-index:1000;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);font-family:var(--font-ui);flex-direction:column;padding:4px;animation:.1s both fade-in;display:flex;position:fixed}.col-filter-pop{width:256px;max-height:360px;padding:0}.cell-menu-item,.action-menu-item{border-radius:var(--radius-xs);color:var(--text);text-align:left;background:0 0;border:0;padding:7px 10px;font-size:12.5px}.cell-menu-item:hover,.action-menu-item:hover{background:var(--accent-soft);color:var(--accent-hover)}.action-menu{min-width:188px}.action-menu-item.is-danger{color:var(--danger)}.action-menu-item.is-danger:hover{color:var(--danger);background:#f7768e21}.hidden-bar{background:var(--surface-2);border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text-dim);font-family:var(--font-ui);text-align:left;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.hidden-bar:hover{background:var(--surface-3);color:var(--text)}.hidden-bar-icon{color:var(--text-faint);font-size:12px}.records-table .frozen-col{z-index:1;background:var(--surface-1);position:sticky}.records-table thead .frozen-col,.records-table .index-col.frozen-col,.records-table .index-cell.frozen-col{background:var(--surface-2)}.records-table thead .frozen-col{z-index:4}.records-table .frozen-col-edge{overflow:visible;box-shadow:6px 0 10px -4px #0000008c}.grid-table.is-resized .frozen-col-edge{overflow:visible}.records-table .frozen-col-edge:after{content:"";background:var(--accent);pointer-events:none;z-index:6;width:2px;position:absolute;top:0;bottom:0;right:-2px}.records-table thead .frozen-col-edge{z-index:5}.records-table th.is-selected-col,.records-table td.is-selected-col,.records-table tr.is-selected-row>th,.records-table tr.is-selected-row>td{background:var(--selected-bg)}.confirm-backdrop{z-index:3000;background:#0000008c;justify-content:center;align-items:center;animation:.12s both fade-in;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);padding:18px}.confirm-message{color:var(--text);margin:0;font-size:14px;font-weight:600}.confirm-detail{color:var(--text-dim);margin:8px 0 0;font-size:12.5px;line-height:1.45}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.confirm-delete{background:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);color:#1a1416;height:32px;padding:0 14px;font-size:12.5px;font-weight:600}.confirm-delete:hover{filter:brightness(1.1)}.toast-stack{z-index:2000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);padding:9px 17px;font-size:13px;animation:.2s both toast-in}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}