: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;--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}*{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);border-color:var(--accent);color:#241c05;font-weight:600}.btn-primary:hover:not(:disabled){background:#ffd47d;border-color:#ffd47d}.kbd{font-family:var(--mono);font-size:11px;padding:1px 5px;border-radius:3px;background:#ffffff1a;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)}