:root{--bg-base:#0a0e1a;--bg-panel:#0f1526;--bg-input:#141c30;--bg-hover:#1a2340;--border:#1e2d4a;--text:#dce8ff;--text-muted:#6a84b0;--accent:#38bdf8;--accent-dim:#0c2a40;--accent-2:#f472b6;--accent-2-dim:#2d1328;--error:#fb7185;--success:#34d399;--warning:#fbbf24;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code","Consolas",monospace;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg-base);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body,button,html{font-family:var(--font-ui)}button{cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}:root{--nav-top-h:44px;--nav-bottom-tabs-h:52px;--nav-bottom-schema-h:38px;--nav-bottom-h:calc(var(--nav-bottom-tabs-h) + var(--nav-bottom-schema-h))}.app-shell{flex-direction:column;height:100vh}.app-shell,.view-container{display:flex;overflow:hidden}.view-container{flex:1 1;flex-direction:column}.query-layout{display:grid;grid-template-columns:220px 1fr 220px;height:100%;overflow:hidden}.panel-left{border-right:1px solid var(--border)}.panel-left,.panel-right{background:var(--bg-panel);overflow:hidden;display:flex;flex-direction:column}.panel-right{border-left:1px solid var(--border)}.panel-center{flex-direction:column}.full-view,.panel-center{display:flex;overflow:hidden}.full-view{flex:1 1;flex-direction:column}.nav-top{display:flex;align-items:center;height:var(--nav-top-h);padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg-panel);gap:8px;flex-shrink:0}.nav-top-title{font-weight:700;font-size:15px;color:var(--text);white-space:nowrap}.nav-top-badge{background:var(--accent-dim);color:var(--accent);font-size:11px;padding:1px 6px;border-radius:4px;font-family:var(--font-mono)}.nav-top-tabs{display:flex;gap:4px;margin-left:auto}.nav-btn{background:none;border:none;color:var(--text-muted);font-size:13px;padding:6px 14px;border-radius:6px;cursor:pointer;font-family:var(--font-ui);min-height:32px;transition:background .12s,color .12s}.nav-btn:hover{background:var(--bg-hover);color:var(--text)}.nav-btn.active{background:var(--accent-dim);color:var(--accent)}.nav-bottom{display:none;position:fixed;top:0;left:0;right:0;background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:100;flex-direction:column}.nav-bottom-schema{display:flex;align-items:center;height:var(--nav-bottom-schema-h);padding:0 12px;gap:8px;border-top:1px solid var(--border)}.nav-tab-sm{background:none;border:1px solid var(--border);border-radius:5px;font-size:11px;padding:4px 8px;font-family:var(--font-ui);cursor:pointer;white-space:nowrap}.nav-bottom-tabs{display:flex;height:var(--nav-bottom-tabs-h)}.nav-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--text-muted);font-family:var(--font-ui);font-size:10px;cursor:pointer;min-height:44px;transition:color .12s}.nav-tab.active{color:var(--accent)}.nav-tab-icon{font-size:18px;line-height:1}.table-scroll-wrapper{overflow:auto;-webkit-overflow-scrolling:touch;flex:1 1;min-height:0}@media (max-width:768px){.nav-top{display:none}.nav-bottom{display:flex;padding-bottom:env(safe-area-inset-bottom)}.view-container{padding-top:calc(var(--nav-bottom-h) + env(safe-area-inset-top));padding-bottom:0;overflow-y:auto}.query-layout{grid-template-columns:1fr;height:auto;overflow-y:auto}.panel-left,.panel-right{display:none}.panel-center{width:100%;min-height:100%}.btn-run{width:100%!important}}