#hero-try,.htx-overlay{--htx-bg: #05070f;--htx-surface: #0c1220;--htx-surface2: #101a2e;--htx-edge: #1c2940;--htx-accent: #00bbff;--htx-primary: #6366f1;--htx-ok: #34d399;--htx-text: #f2f6fc;--htx-muted: #8b9ab5;--htx-code: #c7d1e0;--htx-gutter: #33415e;--htx-gutter-bg: rgba(16,26,46,.6);--htx-ph: #4d5f80;--htx-grid: rgba(28,41,64,.25);--htx-border: rgba(0,187,255,.4);--htx-hover: rgba(0,187,255,.5);--htx-glow: rgba(0,187,255,.15);--htx-onbg: rgba(0,187,255,.06);--htx-okbg: rgba(52,211,153,.18);--htx-okline: rgba(52,211,153,.35)}html.light #hero-try,html.light .htx-overlay{--htx-bg: #f7f9fc;--htx-surface: #ffffff;--htx-surface2: #f1f4f9;--htx-edge: #dfe5ee;--htx-accent: #0071a4;--htx-ok: #047857;--htx-text: #0d1117;--htx-muted: #5b6472;--htx-code: #334155;--htx-gutter: #8894a6;--htx-gutter-bg: #eef2f7;--htx-ph: #9aa6b8;--htx-grid: rgba(13,17,23,.05);--htx-border: rgba(0,113,164,.35);--htx-hover: rgba(0,113,164,.45);--htx-glow: rgba(0,113,164,.1);--htx-onbg: rgba(0,113,164,.06);--htx-okbg: rgba(4,120,87,.12);--htx-okline: rgba(4,120,87,.35)}.htx-box{border:1px solid var(--htx-border);border-radius:18px;background:var(--htx-surface);overflow:hidden;box-shadow:0 12px 40px -12px var(--htx-glow)}.htx-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--htx-edge);background:var(--htx-surface2);padding:10px 16px}.htx-lights{display:flex;gap:6px}.htx-lights span{width:11px;height:11px;border-radius:99px}.htx-l1{background:#ff5f57}.htx-l2{background:#febc2e}.htx-l3{background:#28c840}.htx-tab{display:flex;align-items:center;gap:7px;background:var(--htx-surface);border:1px solid var(--htx-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(--htx-code);margin-bottom:-11px}.htx-fdot{width:6px;height:6px;border-radius:99px;background:var(--htx-accent)}.htx-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(--htx-ok)}.htx-pulse{width:7px;height:7px;border-radius:99px;background:var(--htx-ok);box-shadow:0 0 8px var(--htx-okline)}.htx-body{display:flex;flex-direction:column;gap:14px;padding:20px;background-image:linear-gradient(var(--htx-grid) 1px,transparent 1px);background-size:100% 28px}.htx-row{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}.htx-editor{flex:1;display:flex;align-items:stretch;border:1px solid var(--htx-edge);background:var(--htx-bg);border-radius:12px;overflow:hidden}.htx-gutter{display:flex;flex-direction:column;justify-content:center;padding:0 10px 0 14px;border-right:1px solid var(--htx-edge);font-family:var(--font-code, ui-monospace, monospace);font-size:13px;color:var(--htx-gutter);background:var(--htx-gutter-bg);user-select:none}.htx-inp{flex:1;min-width:180px;border:0;background:transparent;padding:14px 16px;font-size:14px;color:var(--htx-text);font-family:var(--font-code, ui-monospace, monospace);outline:none}.htx-inp::placeholder{color:var(--htx-ph)}.htx-sel{border:1px solid var(--htx-edge);background:var(--htx-bg);border-radius:12px;padding:12px;font-size:13px;color:var(--htx-text);font-family:var(--font-code, ui-monospace, monospace)}.htx-btn{border:0;border-radius:12px;background:var(--htx-primary);color:#fff;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:filter .15s;white-space:nowrap}.htx-btn:hover{filter:brightness(1.12)}.htx-tools{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.htx-tool{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--htx-edge);background:var(--htx-bg);border-radius:14px;padding:12px 0 9px;width:92px;cursor:pointer;color:var(--htx-muted);font-size:12.5px;transition:border-color .15s,color .15s}.htx-tool svg{width:20px;height:20px;stroke:currentColor}.htx-tool:hover{border-color:var(--htx-hover);color:var(--htx-text)}.htx-tool.htx-on{border-color:var(--htx-accent);color:var(--htx-text);background:var(--htx-onbg)}.htx-tool.htx-on svg{stroke:var(--htx-accent)}.htx-ex-label{text-align:center;font-size:12.5px;color:var(--htx-muted)}.htx-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.htx-chip{border:1px solid var(--htx-edge);background:var(--htx-surface2);color:var(--htx-code);border-radius:10px;padding:9px 14px;font-size:12.5px;font-family:var(--font-code, ui-monospace, monospace);cursor:pointer;transition:border-color .15s}.htx-chip:hover{border-color:var(--htx-accent);color:var(--htx-text)}.htx-overlay{position:fixed;inset:0;background:#03050cb8;backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;z-index:90}.htx-overlay[hidden]{display:none}.htx-toast{display:flex;align-items:center;gap:9px;background:var(--htx-surface2);border:1px solid var(--htx-okline);border-radius:12px;padding:12px 18px;font-size:14px;color:var(--htx-text);max-width:460px}.htx-tick{width:18px;height:18px;border-radius:99px;background:var(--htx-okbg);color:var(--htx-ok);display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:none}.htx-modal{position:relative;width:100%;max-width:460px;background:var(--htx-surface);border:1px solid var(--htx-edge);border-radius:18px;padding:40px 36px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 24px 80px -20px #000c}.htx-modal h2{margin:4px 0 0;font-size:22px;font-weight:700;color:var(--htx-text);text-align:center}.htx-x{position:absolute;top:14px;right:16px;background:none;border:0;color:var(--htx-muted);font-size:20px;cursor:pointer;line-height:1;padding:4px}.htx-logo{display:flex;align-items:center;gap:6px;font-weight:700;font-size:18px;color:var(--htx-text)}.htx-logo svg{flex:none;color:var(--htx-accent)}.htx-logo .htx-sq{color:var(--htx-accent)}.htx-savedq{width:100%;box-sizing:border-box;border:1px solid var(--htx-edge);background:var(--htx-bg);border-radius:10px;padding:10px 14px;font-family:var(--font-code, ui-monospace, monospace);font-size:12.5px;color:var(--htx-code);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.htx-pfx{color:var(--htx-ok)}.htx-oauth{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;border:1px solid var(--htx-edge);background:var(--htx-bg);color:var(--htx-text);border-radius:12px;padding:13px 16px;font-size:15px;text-decoration:none;transition:border-color .15s}.htx-oauth:hover{border-color:var(--htx-accent)}.htx-oauth svg{flex:none}.htx-divider{width:100%;border-top:1px solid var(--htx-edge);margin:6px 0 0}.htx-login{font-size:13.5px;color:var(--htx-muted)}.htx-login a{color:var(--htx-accent);text-decoration:none}.htx-btn:focus-visible,.htx-tool:focus-visible,.htx-chip:focus-visible,.htx-oauth:focus-visible,.htx-x:focus-visible{outline:2px solid var(--htx-accent);outline-offset:2px}