:root{--bg:#f6f7f9;--surface:#fff;--border:#dfe3e8;--text:#16191d;--muted:#5f6b7a;--accent:#2f5bea;--accent-text:#fff;--accent-soft:#e8eefd;--ok:#137a3f;--ok-soft:#e5f5ec;--warn:#8a5a00;--warn-soft:#fff4dc;--error:#b42318;--error-soft:#fdecea;--code-bg:#f1f3f6;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#171a20;--border:#2b313b;--text:#e8ebef;--muted:#9aa5b4;--accent:#6d8ff5;--accent-text:#0f1115;--accent-soft:#1d2640;--ok:#5cc98a;--ok-soft:#13291d;--warn:#e9b949;--warn-soft:#2d2512;--error:#f2877c;--error-soft:#2f1715;--code-bg:#10131a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}code,pre,.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.88em}.page{max-width:820px;margin:0 auto;padding:40px 16px 64px}.hero h1{letter-spacing:-.01em;margin:0 0 8px;font-size:1.8rem}.hero p{color:var(--muted);max-width:64ch;margin:0 0 24px}.banner{border-radius:var(--radius);margin-bottom:16px;padding:12px 14px;font-size:.92rem}.banner.warn{background:var(--warn-soft);color:var(--warn)}.banner.error{background:var(--error-soft);color:var(--error)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:20px;padding:24px}.card h2{margin:0 0 16px;font-size:1.05rem}.card h2:not(:first-child){margin-top:28px}.card h3{margin:24px 0 10px;font-size:.95rem}.types{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:18px;display:grid}.type{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;font:inherit;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.type:hover{border-color:var(--accent)}.type.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.type-name{font-size:.92rem;font-weight:600}.type-kind{color:var(--muted);font-size:.75rem}.grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.span2{grid-column:span 2}@media (max-width:600px){.grid{grid-template-columns:1fr 1fr}.span2{grid-column:span 2}}.field{flex-direction:column;gap:5px;min-width:0;margin-bottom:12px;display:flex}.field>span{font-size:.85rem;font-weight:500}.field small{color:var(--muted);overflow-wrap:anywhere}input,select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:9px 11px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.options{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}@media (max-width:600px){.options{grid-template-columns:1fr}}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:2px}.check span{flex-direction:column;display:flex}.check small{color:var(--muted);font-size:.82rem}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.tab{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:.9rem}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:10px 16px;font-weight:600}.btn:disabled{opacity:.6;cursor:progress}.btn.primary{background:var(--accent);color:var(--accent-text)}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn.ghost{background:var(--surface);color:var(--text);border-color:var(--border);padding:6px 10px;font-size:.82rem}.status{overflow-wrap:anywhere;border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:.9rem}.status.ok{background:var(--ok-soft);color:var(--ok)}.status.error{background:var(--error-soft);color:var(--error)}.status.loading{background:var(--accent-soft);color:var(--accent)}.url-box{align-items:stretch;gap:8px;display:flex}.url-box code{background:var(--code-bg);border:1px solid var(--border);white-space:nowrap;border-radius:8px;flex:1;min-width:0;padding:10px 12px;overflow-x:auto}.hint{color:var(--muted);font-size:.88rem}.snippet{position:relative}.snippet pre{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;margin:0;padding:14px 80px 14px 14px;overflow-x:auto}.snippet .btn{position:absolute;top:8px;right:8px}.steps{margin:0;padding-left:20px}.steps li{margin-bottom:6px}.footer{text-align:center;color:var(--muted);margin-top:32px;font-size:.8rem}.hero{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page.narrow,.card.narrow{max-width:460px;margin-left:auto;margin-right:auto}.page.narrow{padding-top:64px}.card h1{margin:0 0 12px;font-size:1.35rem}.banner.ok{background:var(--ok-soft);color:var(--ok);justify-content:space-between;gap:12px;display:flex}.link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:1.1rem;line-height:1}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.section-head h2{margin:0}.conn-list{margin:0;padding:0;list-style:none}.conn{border-top:1px solid var(--border);padding:16px 0}.conn:first-child{border-top:0}.conn-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.error{background:var(--error-soft);color:var(--error)}.meta{flex-wrap:wrap;gap:6px 24px;margin:10px 0 0;font-size:.85rem;display:flex}.meta div{min-width:0}.meta dt{color:var(--muted);font-size:.78rem}.meta dd{overflow-wrap:anywhere;margin:0}.url-box.compact code{padding:6px 10px;font-size:.8rem}.actions.compact{margin-top:12px}.actions.compact .btn{padding:6px 12px;font-size:.85rem}.actions .spacer{flex:1}.btn.danger{background:var(--surface);color:var(--error);border-color:var(--border)}.btn.danger:hover{border-color:var(--error)}.btn.ghost-lg{color:var(--muted);border-color:var(--border);background:0 0}.btn:disabled{cursor:not-allowed}@media (max-width:600px){.hero{flex-direction:column}.actions .spacer{display:none}}.whoami{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.whoami>span{align-items:center;gap:8px;display:flex}.badge.muted{background:var(--code-bg);color:var(--muted)}nav.tabs{margin-bottom:20px}.access-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex-direction:column;gap:10px;margin-top:14px;padding:14px;display:flex}.access-box .hint{margin:0}.checklist{gap:8px;margin:0;padding:0;list-style:none;display:grid}