:root{color-scheme:dark;--surface-0: #0b0f14;--surface-1: #111720;--surface-2: #171f2a;--surface-3: #1e2836;--border: #26313f;--border-strong: #35455a;--text: #e4ecf5;--text-muted: #93a4b8;--text-faint: #62748c;--accent: #ffc857;--info: #5eb0ef;--ok: #4ec9a5;--warn: #f0a742;--error: #f0616d;--bg: var(--surface-0);--surface: var(--surface-1);--text-dim: var(--text-muted);--danger: var(--error);--success: var(--ok);--accent-fill: #ffc857;--accent-fill-hover: #ffd47d;--on-accent: #241c05;--accent-rgb: 255 200 87;--error-rgb: 240 97 109;--warn-rgb: 240 167 66;--ok-rgb: 78 201 165;--accent-wash: rgb(var(--accent-rgb) / .05);--accent-soft: rgb(var(--accent-rgb) / .06);--accent-gradient-tint: rgb(var(--accent-rgb) / .07);--accent-soft-strong: rgb(var(--accent-rgb) / .09);--accent-line: rgb(var(--accent-rgb) / .3);--accent-line-strong: rgb(var(--accent-rgb) / .35);--error-soft: rgb(var(--error-rgb) / .1);--error-line: rgb(var(--error-rgb) / .4);--error-text: #ffb3b9;--error-hover: #ff7f89;--on-error: #2b0508;--warn-soft: rgb(var(--warn-rgb) / .1);--warn-line: rgb(var(--warn-rgb) / .45);--warn-text: #ffd9a3;--warn-notice-text: #f1c76d;--warn-notice-soft: rgb(241 199 109 / .08);--warn-notice-line: rgb(241 199 109 / .28);--ok-soft: rgb(var(--ok-rgb) / .1);--ok-line: rgb(var(--ok-rgb) / .4);--ok-line-quiet: rgb(var(--ok-rgb) / .35);--accent-surface: color-mix(in srgb, var(--accent) 9%, var(--surface-2));--accent-surface-soft: color-mix(in srgb, var(--accent) 7%, var(--surface-2));--accent-surface-line: color-mix(in srgb, var(--accent) 18%, var(--border));--error-surface: color-mix(in srgb, var(--error) 7%, var(--surface-2));--ok-banner-soft: rgb(94 191 122 / .1);--ok-banner-line: rgb(94 191 122 / .4);--ok-banner-text: #bdf0cd;--ok-mark-fill: #72d98b;--on-ok-mark: #07110a;--kbd-fill: rgb(255 255 255 / .1);--inset-surface: rgb(12 17 26 / .56);--scrim: rgb(0 0 0 / .55);--scrim-strong: rgb(3 7 13 / .72);--shadow-popover: 0 8px 28px rgb(0 0 0 / .35);--shadow-picker: 0 12px 28px rgb(0 0 0 / .5);--shadow-dialog: 0 24px 72px rgb(0 0 0 / .55);--shadow-drawer: 16px 0 32px rgb(0 0 0 / .4);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 8px;--radius-sm: 5px}:root[data-theme=light]{color-scheme:light;--surface-0: #f4f7fa;--surface-1: #ffffff;--surface-2: #eef2f7;--surface-3: #e3eaf3;--border: #d6dee8;--border-strong: #b3c0d0;--text: #10171f;--text-muted: #45566b;--text-faint: #5b6a80;--accent: #8a5a00;--info: #1a5fb4;--ok: #0f7a5f;--warn: #96590a;--error: #c22a3a;--accent-rgb: 138 90 0;--error-rgb: 194 42 58;--warn-rgb: 150 89 10;--ok-rgb: 15 122 95;--accent-line: rgb(var(--accent-rgb) / .4);--accent-line-strong: rgb(var(--accent-rgb) / .5);--error-line: rgb(var(--error-rgb) / .45);--warn-line: rgb(var(--warn-rgb) / .5);--ok-line: rgb(var(--ok-rgb) / .45);--ok-line-quiet: rgb(var(--ok-rgb) / .4);--error-text: #8f1526;--error-hover: #a51f31;--on-error: #ffffff;--warn-text: #7a4405;--warn-notice-text: #7a5205;--warn-notice-soft: rgb(150 89 10 / .07);--warn-notice-line: rgb(150 89 10 / .32);--accent-surface: color-mix(in srgb, var(--accent) 10%, var(--surface-1));--accent-surface-soft: color-mix(in srgb, var(--accent) 7%, var(--surface-1));--accent-surface-line: color-mix(in srgb, var(--accent) 32%, var(--border));--error-surface: color-mix(in srgb, var(--error) 7%, var(--surface-1));--ok-banner-soft: rgb(15 122 95 / .08);--ok-banner-line: rgb(15 122 95 / .4);--ok-banner-text: #0b5a45;--ok-mark-fill: #0f7a5f;--on-ok-mark: #ffffff;--kbd-fill: rgb(16 23 31 / .05);--inset-surface: rgb(255 255 255 / .72);--scrim: rgb(16 23 31 / .42);--scrim-strong: rgb(16 23 31 / .48);--shadow-popover: 0 8px 24px rgb(16 23 31 / .12);--shadow-picker: 0 12px 24px rgb(16 23 31 / .14);--shadow-dialog: 0 24px 60px rgb(16 23 31 / .18);--shadow-drawer: 16px 0 32px rgb(16 23 31 / .14)}:root[data-theme=light] button:disabled,:root[data-theme=light] .btn:disabled{opacity:1;color:var(--text-faint);background:var(--surface-2);border-color:var(--border)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--surface-0);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--info);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);font-size:13px;font-weight:500;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--border);border-color:var(--text-faint)}.btn-primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}.kbd{font-family:var(--mono);font-size:11px;padding:1px 5px;border-radius:3px;background:var(--kbd-fill);border:1px solid var(--border-strong)}.tag{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:500;background:var(--surface-3);color:var(--text-muted);border:1px solid var(--border)}.language-picker{display:flex;align-items:center;gap:6px;color:var(--text-faint);font-size:11px}.language-picker select{padding:5px 24px 5px 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:12px var(--mono)}.generated-sql{margin:10px 12px 0;color:var(--text-muted)}.generated-sql summary{cursor:pointer;font-size:11px}.generated-sql pre{max-height:180px;overflow:auto;color:var(--text);font:11px/1.5 var(--mono)}