#hero-demo{--hd-bg: #05070f;--hd-surface: #0c1220;--hd-surface2: #101a2e;--hd-edge: #1c2940;--hd-accent: #00bbff;--hd-primary: #6366f1;--hd-ok: #34d399;--hd-text: #f2f6fc;--hd-muted: #8b9ab5;--hd-code: #c7d1e0;--hd-kw: #7dd3fc;--hd-str: #fbbf24;--hd-num: #f472b6;--hd-gutter: #33415e;--hd-gutter-bg: rgba(16,26,46,.6);--hd-ph: #4d5f80;--hd-grid: rgba(28,41,64,.25);--hd-border: rgba(0,187,255,.4);--hd-glow: rgba(0,187,255,.15);--hd-onbg: rgba(0,187,255,.06);--hd-err: #f87171}html.light #hero-demo{--hd-bg: #f7f9fc;--hd-surface: #ffffff;--hd-surface2: #f1f4f9;--hd-edge: #dfe5ee;--hd-accent: #0071a4;--hd-ok: #047857;--hd-text: #0d1117;--hd-muted: #5b6472;--hd-code: #334155;--hd-kw: #0369a1;--hd-str: #b45309;--hd-num: #be185d;--hd-gutter: #8894a6;--hd-gutter-bg: #eef2f7;--hd-ph: #9aa6b8;--hd-grid: rgba(13,17,23,.05);--hd-border: rgba(0,113,164,.35);--hd-glow: rgba(0,113,164,.1);--hd-onbg: rgba(0,113,164,.06);--hd-err: #b91c1c}.hd-box{border:1px solid var(--hd-border);border-radius:18px;background:var(--hd-surface);overflow:hidden;box-shadow:0 12px 40px -12px var(--hd-glow)}.hd-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--hd-edge);background:var(--hd-surface2);padding:10px 16px}.hd-lights{display:flex;gap:6px}.hd-lights span{width:11px;height:11px;border-radius:99px}.hd-l1{background:#ff5f57}.hd-l2{background:#febc2e}.hd-l3{background:#28c840}.hd-tab{display:flex;align-items:center;gap:7px;background:var(--hd-surface);border:1px solid var(--hd-edge);border-bottom:0;border-radius:8px 8px 0 0;padding:6px 14px 7px;font-family:var(--font-code, ui-monospace, monospace);font-size:12px;color:var(--hd-code);margin-bottom:-11px}.hd-fdot{width:6px;height:6px;border-radius:99px;background:var(--hd-accent)}.hd-conn{margin-left:auto;display:flex;align-items:center;gap:7px;font-family:var(--font-code, ui-monospace, monospace);font-size:11.5px;color:var(--hd-ok)}.hd-pulse{width:7px;height:7px;border-radius:99px;background:var(--hd-ok);box-shadow:0 0 8px var(--hd-ok)}.hd-body{display:flex;flex-direction:column;gap:14px;padding:18px 20px 20px;background-image:linear-gradient(var(--hd-grid) 1px,transparent 1px);background-size:100% 28px}#hero-demo{user-select:none;-webkit-user-select:none;cursor:default}.hd-modes{display:flex;gap:18px;padding:0 4px}.hd-mode{position:relative;color:var(--hd-muted);padding:2px 0 8px;font-size:12.5px;letter-spacing:.02em;transition:color .25s}.hd-mode:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--hd-accent);border-radius:2px;transition:width .35s ease}.hd-mode.on{color:var(--hd-text)}.hd-mode.on:after{width:100%}.hd-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:stretch}.hd-editor{display:flex;align-items:stretch;border:1px solid var(--hd-edge);background:var(--hd-bg);border-radius:12px;overflow:hidden;min-width:0}.hd-gutter{display:flex;align-items:center;padding:0 10px 0 14px;border-right:1px solid var(--hd-edge);font-family:var(--font-code, ui-monospace, monospace);font-size:13px;color:var(--hd-gutter);background:var(--hd-gutter-bg)}.hd-prompt{flex:1;min-width:0;padding:13px 16px;font-family:var(--font-code, ui-monospace, monospace);font-size:14px;color:var(--hd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-prompt .err{color:var(--hd-err)}.hd-caret{color:var(--hd-accent);animation:hd-blink 1s steps(2) infinite}@keyframes hd-blink{to{opacity:0}}.hd-tag{display:flex;align-items:center;padding:0 6px;font-size:12.5px;color:var(--hd-muted);font-family:var(--font-code, ui-monospace, monospace);white-space:nowrap}.hd-status{display:flex;align-items:center;gap:8px;min-width:168px;padding:0 14px;border-radius:12px;background:var(--hd-surface2);border:1px solid var(--hd-edge);font-size:13px;color:var(--hd-muted);white-space:nowrap;opacity:0;transition:opacity .25s,color .25s,border-color .25s}.hd-status.busy,.hd-status.done{opacity:1}.hd-status.done{color:var(--hd-ok);border-color:#34d39959}.hd-spin{display:none;width:14px;height:14px;border-radius:99px;border:2px solid var(--hd-edge);border-top-color:var(--hd-accent);animation:hd-spin .7s linear infinite}.hd-status.busy .hd-spin{display:inline-block}.hd-tick{display:none;font-weight:700}.hd-status.done .hd-tick{display:inline}@keyframes hd-spin{to{transform:rotate(360deg)}}.hd-out{display:flex;flex-direction:column;gap:8px;height:300px;overflow:hidden;transition:opacity .4s}.hd-out.dim{opacity:.3}.hd-sql{margin:0;background:var(--hd-bg);border:1px solid var(--hd-edge);border-radius:12px;padding:12px 16px;font-family:var(--font-code, ui-monospace, monospace);font-size:13px;line-height:1.5;color:var(--hd-code);overflow-x:auto}.hd-sql .ln{display:block;opacity:0;transform:translateY(3px);transition:opacity .25s,transform .25s;white-space:pre}.hd-sql .ln.in{opacity:1;transform:none}.hd-sql .kw{color:var(--hd-kw);font-weight:600}.hd-sql .str{color:var(--hd-str)}.hd-sql .num{color:var(--hd-num)}.hd-note{font-size:13px;color:var(--hd-muted);padding:0 4px;opacity:0;transition:opacity .3s}.hd-note.in{opacity:1}.hd-table{width:100%;border-collapse:collapse;font-family:var(--font-code, ui-monospace, monospace);font-size:12.5px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.hd-table.in{opacity:1;transform:none}.hd-table th{text-align:left;color:var(--hd-muted);font-weight:500;padding:4px 10px;border-bottom:1px solid var(--hd-edge)}.hd-table td{padding:5px 10px;color:var(--hd-text);border-bottom:1px solid var(--hd-edge)}.hd-table td:last-child,.hd-table th:last-child{text-align:right}.hd-ok{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--hd-ok);opacity:0;transition:opacity .3s}.hd-ok.in{opacity:1}.hd-ok b{font-weight:600}.hd-conn.busy{color:var(--hd-str)}.hd-conn.busy .hd-pulse{background:var(--hd-str);box-shadow:0 0 8px var(--hd-str)}.hd-schema{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hd-schema li{display:flex;align-items:center;gap:10px;background:var(--hd-bg);border:1px solid var(--hd-edge);border-radius:10px;padding:9px 12px;font-family:var(--font-code, ui-monospace, monospace);font-size:13px;color:var(--hd-text);opacity:0;transform:translateY(3px);transition:opacity .25s,transform .25s}.hd-schema li.in{opacity:1;transform:none}.hd-schema .ic{width:8px;height:8px;border-radius:2px;background:var(--hd-accent);flex:none}.hd-schema .c{margin-left:auto;color:var(--hd-muted);font-size:12px}.hd-ex{list-style:none;margin:0;padding:4px 2px;display:flex;flex-direction:column;gap:8px}.hd-ex li{display:flex;gap:10px;font-size:14px;color:var(--hd-text);opacity:0;transform:translateY(3px);transition:opacity .25s,transform .25s}.hd-ex li.in{opacity:1;transform:none}.hd-ex .n{flex:none;width:20px;height:20px;border-radius:99px;background:var(--hd-onbg);color:var(--hd-accent);font-family:var(--font-code, ui-monospace, monospace);font-size:11px;display:flex;align-items:center;justify-content:center;margin-top:1px}@media(max-width:640px){.hd-head{display:none}.hd-body{padding:14px;gap:12px;background-image:none}.hd-row{grid-template-columns:1fr 1fr}.hd-editor{grid-column:1 / -1}.hd-gutter{display:none}.hd-prompt{padding:13px 14px;font-size:13.5px}.hd-tag{justify-content:center;padding:10px 6px}.hd-status{justify-content:center;min-width:0;padding:10px;font-size:12.5px}.hd-out{height:300px}.hd-sql{font-size:12px}.hd-modes{justify-content:center;gap:14px}.hd-schema{grid-template-columns:1fr;gap:6px}.hd-schema li{padding:7px 10px;font-size:12.5px}}@media(prefers-reduced-motion:reduce){.hd-caret,.hd-spin{animation:none}.hd-mode:after{transition:none}.hd-sql .ln,.hd-note,.hd-table,.hd-ok,.hd-ex li,.hd-schema li{transition:none}}