:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5eef7;font-synthesis:none;text-rendering:optimizelegibility;background:#0b1016;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#14202b;background:#f7f9fb}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{--bg:#0b1016;--panel:#111923;--panel-strong:#172331;--border:#263545;--muted:#8fa1b3;--text:#e5eef7;--accent:#22c55e;--accent-strong:#16a34a;--danger:#f87171;--warning:#fbbf24;background:var(--bg);height:100vh;min-height:100vh;color:var(--text);flex-direction:column;display:flex;overflow:hidden}:root[data-theme=light] .app-shell{--bg:#f7f9fb;--panel:#fff;--panel-strong:#eef3f7;--border:#d7e0e8;--muted:#607080;--text:#14202b;--accent:#15803d;--accent-strong:#166534;--danger:#b91c1c;--warning:#a16207}.topbar{border-bottom:1px solid var(--border);background:var(--panel);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:62px;padding:0 18px;display:grid}.brand,.topbar-actions,.panel-title,.results-toolbar,.tabbar{align-items:center;display:flex}.brand{align-items:center;gap:12px;height:24px}.brand svg{color:var(--accent)}.brand strong{font-size:24px;line-height:24px;display:block}.topbar-actions{justify-self:end;gap:8px}.upload-button{justify-self:center;min-width:120px;font-weight:700}.icon-button,.run-button{border:1px solid var(--border);background:var(--panel-strong);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:38px;height:38px;padding:0 12px;display:inline-flex}.icon-button:hover,.run-button:hover,.query-tab:hover,.alias-row:hover,.history-list button:hover,.tree-row:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.table-row:hover{border-color:color-mix(in srgb, #38bdf8 70%, var(--border))}.icon-button.small{min-width:30px;height:30px;padding:0 8px}.upload-button input{display:none}.workspace{flex:1;height:calc(100vh - 62px);min-height:0;display:flex;overflow:hidden}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex:none;min-width:240px;max-width:520px}.main-panel{grid-template-rows:minmax(0, 1fr) 5px minmax(220px, var(--results-height,330px));flex:1;min-width:0;min-height:0;display:grid;overflow:hidden}.panel,.editor-shell,.results-panel{min-height:0}.panel{height:100%;padding:14px;overflow:hidden}.panel-title{gap:8px;margin-bottom:12px;font-weight:700}.search-field{border:1px solid var(--border);background:var(--bg);height:36px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.tree{height:calc(100% - 56px);padding-top:10px;overflow:auto}.tree-row{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:16px 18px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;min-height:32px;padding:4px 8px;display:grid}.db-row{color:#dfffea;border-left:3px solid #22c55e;font-weight:700}.db-row>svg{color:#22c55e}.table-row{color:#e7f7ff;border-left:3px solid #38bdf8}.table-row>svg{color:#38bdf8}.tree-toggle,.tree-action{width:18px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.tree-action{color:var(--muted)}.tree-action:hover{color:var(--danger)}.db-row.active{background:#22c55e21}.tree-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-meta{color:#8ee0aa;flex-wrap:wrap;gap:8px;padding:0 8px 8px 48px;font-size:11px;display:flex}.tree-table{margin-left:12px}.row-count,.column-row b{background:var(--panel-strong);color:var(--muted);border-radius:999px;padding:2px 6px;font-size:11px}.row-count{background:color-mix(in srgb, #38bdf8 14%, var(--panel-strong));color:#bae6fd}.column-row b{background:color-mix(in srgb, #8b5cf6 16%, var(--panel-strong));color:#ddd6fe}.column-row{color:#c4b5fd;border-left:2px solid #8b5cf6;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;margin-left:44px;padding-left:10px;font-size:12px;display:grid}:root[data-theme=light] .db-row{color:#0f3d24}:root[data-theme=light] .table-row{color:#083344}:root[data-theme=light] .db-meta{color:#166534}:root[data-theme=light] .column-row,:root[data-theme=light] .column-row b{color:#4c1d95}:root[data-theme=light] .row-count{color:#075985}.column-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resize-handle{background:var(--border);flex:none}.resize-handle.x{cursor:col-resize;width:5px}.resize-handle.y{cursor:row-resize;height:5px}.editor-shell{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.tabbar{border-bottom:1px solid var(--border);gap:8px;min-height:48px;padding:8px 12px;overflow-x:auto}.query-tab{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:8px;align-items:center;gap:8px;max-width:180px;height:32px;padding:0 9px;display:inline-flex}.query-tab span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.query-tab.active{border-color:var(--accent)}.run-button{background:var(--accent);border-color:var(--accent);color:#04110a;margin-left:auto;font-weight:700}.run-button:disabled{cursor:wait;opacity:.7}.editor-grid{flex:1;grid-template-columns:minmax(0,1fr) 260px;height:100%;min-height:0;display:grid;overflow:hidden}.code-editor{min-width:0;min-height:0;overflow:hidden}.code-editor .cm-editor{height:100%;min-height:0;font-size:14px}.code-editor .cm-scroller{min-height:0}.helper-panel{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;height:100%;min-height:0;max-height:100%;padding:14px;display:flex;overflow:hidden}.alias-section{flex:none;min-height:0;max-height:42%;overflow:auto}.history-section{flex-direction:column;flex:auto;min-height:0;margin-top:8px;display:flex;overflow:hidden}.helper-panel h3{color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:12px}.helper-panel p{color:var(--muted);margin:0 0 16px;font-size:13px}.alias-row,.history-list button{border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:32px;margin-bottom:8px;padding:6px 8px;display:flex}.alias-row.active{border-color:var(--accent)}.history-list button{max-height:70px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:block;overflow:hidden}.history-list{flex:auto;min-height:0;padding-right:2px;overflow:auto}.results-panel{border-top:1px solid var(--border);background:var(--panel);min-height:0;overflow:hidden;height:auto!important}.results-content{flex-direction:column;height:100%;display:flex}.results-toolbar{border-bottom:1px solid var(--border);min-height:42px;color:var(--muted);justify-content:space-between;padding:0 12px;font-size:13px}.results-toolbar div{gap:6px;display:flex}.warning-line{color:var(--warning);border-bottom:1px solid var(--border);padding:8px 12px;font-size:13px}.virtual-table{flex:1;min-height:0;overflow:auto}.table-head,.table-row-virtual{display:grid}.table-inner{min-width:100%}.table-head{z-index:2;background:var(--panel-strong);border-bottom:1px solid var(--border);position:sticky;top:0}.table-head button,.table-row-virtual button{border:0;border-right:1px solid var(--border);min-width:0;height:34px;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;padding:0 10px;overflow:hidden}.table-head button{color:var(--text);cursor:pointer;font-weight:700}.table-row-virtual{border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);height:34px;position:absolute;left:0}.table-row-virtual button{border-bottom:1px solid color-mix(in srgb, var(--border) 42%, transparent);cursor:copy}.table-row-virtual:nth-child(2n) button{background:color-mix(in srgb, var(--panel-strong) 32%, transparent)}.null-cell{font-style:italic;color:var(--danger)!important}.loading-state,.result-empty,.panel-fallback,.empty-overlay{justify-content:center;align-items:center;display:flex}.loading-state,.result-empty,.panel-fallback{height:100%;color:var(--muted);gap:10px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:999px;width:20px;height:20px;animation:.85s linear infinite spin}.empty-overlay{z-index:4;text-align:center;pointer-events:none;flex-direction:column;width:min(520px,100vw - 36px);position:fixed;top:52%;left:50%;transform:translate(-50%,-50%)}.empty-overlay h1{margin:18px 0 10px;font-size:28px;line-height:1.1}.empty-overlay p{color:var(--muted);max-width:460px;margin:0;line-height:1.5}.empty-illustration{border:1px solid var(--border);background:var(--panel);width:150px;height:110px;color:var(--accent);border-radius:8px;place-items:center;display:grid;position:relative}.grid-lines{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.45;background-size:24px 24px;position:absolute;inset:14px}.context-menu{z-index:30;border:1px solid var(--border);background:var(--panel);border-radius:8px;width:210px;padding:6px;position:fixed;box-shadow:0 18px 50px #00000059}.context-menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px;display:flex}.context-menu button:hover{background:var(--panel-strong)}.modal-backdrop{z-index:35;background:#0307129e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-modal{border:1px solid var(--border);background:var(--panel);border-radius:8px;width:min(360px,100%);padding:18px;box-shadow:0 24px 80px #00000073}.confirm-modal h2{margin:0 0 8px;font-size:18px;line-height:1.2}.confirm-modal p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 18px}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.secondary-button,.danger-button{border:1px solid var(--border);cursor:pointer;border-radius:8px;height:34px;padding:0 12px}.secondary-button{background:var(--panel-strong)}.danger-button{background:var(--danger);border-color:var(--danger);color:#190506;font-weight:700}.toast-stack{z-index:40;gap:8px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--panel);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;padding:10px 12px;box-shadow:0 18px 50px #00000040}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--warning)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){body{overflow:auto}.workspace,.editor-grid{flex-direction:column;display:flex}.sidebar{border-right:0;border-bottom:1px solid var(--border);max-width:none;height:260px;width:100%!important}.resize-handle{display:none}.helper-panel{border-left:0;border-top:1px solid var(--border);max-height:180px;overflow:auto}.results-panel{height:280px!important}.upload-button span,.run-button span{display:none}.upload-button{min-width:38px}}