:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f8ff;--bg-soft:#eaf2ff;--glow:#1e7bff29;--surface:#fff;--surface-hover:#eaf2ff;--border:#cddff7;--text:#0d2342;--muted:#53698a;--primary:#1665e0;--primary-bright:#1e7bff;--danger:#c92a2a;--code-bg:#0f1f35;--code-text:#dbe7fb;--tok-comment:#7d93b3;--tok-string:#a5e075;--tok-number:#f5a97f;--tok-keyword:#82aaff;--tok-function:#7fdbca;--tok-type:#ffcb6b;--tok-tag:#82aaff;--tok-attribute:#c3a6ff;--tok-punctuation:#8ba3c7;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:14px;--header:64px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1726;--bg-soft:#0f2036;--glow:#1e7bff47;--surface:#12263d;--surface-hover:#183252;--border:#23446b;--text:#e8f0fc;--muted:#8fa8c8;--primary:#1e7bff;--primary-bright:#5aa2ff;--danger:#ff8787;--code-bg:#091524}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1726;--bg-soft:#0f2036;--glow:#1e7bff47;--surface:#12263d;--surface-hover:#183252;--border:#23446b;--text:#e8f0fc;--muted:#8fa8c8;--primary:#1e7bff;--primary-bright:#5aa2ff;--danger:#ff8787;--code-bg:#091524}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 1rem)}body{min-height:100vh;font-family:var(--font);color:var(--text);background:radial-gradient(70rem 36rem at 50% -6rem, var(--glow), transparent 70%), var(--bg);-webkit-font-smoothing:antialiased;background-repeat:no-repeat;margin:0;line-height:1.6}img{max-width:100%;height:auto}a{color:var(--primary-bright);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--primary-bright);outline-offset:3px;border-radius:6px}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.2}p{margin:0}code{font-family:var(--mono);background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:.12em .4em;font-size:.88em}pre code{font-size:inherit;background:0 0;border:0;padding:0}.wrap{width:min(72rem,100% - 2.5rem);margin-inline:auto}.muted{color:var(--muted)}.accent{background:linear-gradient(90deg, var(--primary-bright), #7ad7ff);color:#0000;-webkit-background-clip:text;background-clip:text}.outlet{display:block}.site-header{z-index:20;height:var(--header);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.bar{align-items:center;gap:1rem;height:100%;display:flex}.logo img{width:auto;height:34px;display:block}.nav{align-items:center;gap:1.1rem;margin-left:auto;display:flex}.nav a{color:var(--muted);font-weight:500;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.menu{margin-left:auto;display:none}.chip,.menu,.code-copy,.tab{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.3rem .7rem;font-size:.85rem}.chip:hover,.menu:hover,.code-copy:hover,.tab:hover{border-color:var(--primary)}.button{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:12px;padding:.7rem 1.3rem;font-weight:600;text-decoration:none;transition:transform 50ms,filter .15s;display:inline-block}.button:hover{filter:brightness(1.1);text-decoration:none}.button:active{transform:translateY(1px)}.button.ghost{color:var(--text);border-color:var(--border);background:0 0}.button.ghost:hover{border-color:var(--primary);background:var(--surface-hover)}.hero{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:1.4rem;padding:clamp(2.5rem,7vw,5rem) 0 1.5rem;display:grid}.hero>*{max-width:100%}.hero-logo{width:min(26rem,80%);filter:drop-shadow(0 0 2rem var(--glow))}:root[data-theme=dark] .logo img{filter:brightness(1.9)}:root[data-theme=dark] .hero-logo{filter:brightness(1.9) drop-shadow(0 0 2rem var(--glow))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo img{filter:brightness(1.9)}:root:not([data-theme=light]) .hero-logo{filter:brightness(1.9) drop-shadow(0 0 2rem var(--glow))}}.hero h1{max-width:18ch;font-size:clamp(2rem,5.2vw,3.6rem)}.lead{color:var(--muted);max-width:46rem;font-size:clamp(1.05rem,2vw,1.25rem)}.actions{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.badges{flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:20px;display:flex}.badges img{display:block}.install{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:.8rem;max-width:100%;padding:.55rem .6rem .55rem 1.1rem;display:inline-flex}.install code{white-space:nowrap;background:0 0;border:0;min-width:0;padding:0;font-size:1rem;overflow-x:auto}@media (width<=480px){.install code{font-size:.85rem}}.prompt{color:var(--muted)}.facts{grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem 0 .5rem;display:grid}.fact{text-align:center;border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px solid var(--border);gap:.15rem;padding:1rem;display:grid}.fact strong{color:var(--primary-bright);font-size:1.5rem}.fact span{color:var(--muted);font-size:.9rem}.section{gap:1.4rem;padding:clamp(2.5rem,6vw,4.5rem) 0 0;display:grid}.section h2{font-size:clamp(1.6rem,3.4vw,2.3rem)}.section-lead{color:var(--muted);max-width:44rem;margin-top:-.6rem}.cards{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);align-content:start;gap:.5rem;padding:1.2rem;text-decoration:none;transition:border-color .15s,transform .15s,background .15s;display:grid}.card:hover{border-color:var(--primary);background:var(--surface-hover);transform:translateY(-2px)}.card h3{font-size:1.1rem}.card p{color:var(--muted);font-size:.95rem}.card-icon{width:2.6rem;height:2.6rem;color:var(--primary-bright);background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;place-items:center;display:grid}.uses{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem;display:grid}.use{border-left:3px solid var(--primary);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:0 var(--radius) var(--radius) 0;padding:1.2rem}.use h3{margin-bottom:.3rem;font-size:1.05rem}.use p{color:var(--muted);font-size:.95rem}.split{grid-template-columns:1fr 1fr;align-items:start;gap:2rem}.split-text{gap:1rem;display:grid}.split-code{gap:1rem;min-width:0;display:grid}.ticks{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.ticks li{padding-left:1.6rem;position:relative}.ticks li:before{content:"✓";color:var(--primary-bright);font-weight:700;position:absolute;left:0}.closing{text-align:center;justify-items:center;padding-bottom:4rem}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;gap:1.2rem;display:grid}.demo{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;padding:1.1rem;display:grid}.demo-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.demo-head h3{font-size:1.05rem}.demo-note{color:var(--muted);font-size:.92rem}.demo>*{min-width:0}.demo-source{max-width:100%;overflow:hidden}.demo-run{border:1px dashed var(--border);background:var(--bg);border-radius:12px;padding:1.1rem;overflow:auto}.demo-run pre{white-space:pre-wrap;font-family:var(--mono);color:var(--muted);margin:.75rem 0 0;font-size:.85rem}.tabs{gap:.3rem;display:inline-flex}.tab[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:#fff}.code{background:var(--code-bg);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);border-radius:12px;min-width:0;max-width:100%;margin:0;overflow:hidden}.code-bar{color:var(--tok-punctuation);font-family:var(--mono);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem .7rem .45rem 1rem;font-size:.8rem;display:flex}.code .code-copy{color:var(--code-text);background:0 0;border-color:#ffffff2e;padding:.15rem .6rem}.code pre{color:var(--code-text);font-family:var(--mono);tab-size:2;margin:0;padding:1rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-string{color:var(--tok-string)}.tok-number{color:var(--tok-number)}.tok-keyword{color:var(--tok-keyword)}.tok-function{color:var(--tok-function)}.tok-type{color:var(--tok-type)}.tok-tag{color:var(--tok-tag)}.tok-attribute{color:var(--tok-attribute)}.tok-punctuation{color:var(--tok-punctuation)}.docs{grid-template-columns:15rem minmax(0,1fr) 13rem;align-items:start;gap:2.5rem;padding:2rem 0 4rem;display:grid}.sidebar{top:calc(var(--header) + 1.25rem);max-height:calc(100vh - var(--header) - 2.5rem);scrollbar-width:none;gap:.9rem;padding-right:.5rem;font-size:.9rem;display:grid;position:sticky;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-group{gap:0;display:grid}.sidebar-group h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.15rem;font-size:.7rem}.sidebar a{color:var(--muted);border-radius:8px;padding:.22rem .6rem;text-decoration:none}.sidebar a:hover{color:var(--text);background:var(--surface-hover)}.sidebar a[aria-current=page]{color:var(--primary-bright);background:var(--bg-soft);font-weight:600}.toc{top:calc(var(--header) + 1.5rem);font-size:.9rem;position:sticky}.toc h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;font-size:.75rem}.toc ul{border-left:1px solid var(--border);gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.toc li{padding-left:.8rem}.toc .toc-sub{padding-left:1.6rem}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--primary-bright)}.prose{grid-template-columns:minmax(0,1fr);gap:1.1rem;min-width:0;display:grid}.prose>*{min-width:0}.eyebrow{color:var(--primary-bright);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;font-weight:600}.prose h1{font-size:clamp(2rem,4vw,2.8rem)}.prose h2{border-top:1px solid var(--border);margin-top:1.6rem;padding-top:1.2rem;font-size:1.6rem}.prose h3{margin-top:.8rem;font-size:1.2rem}.prose ul,.prose ol{gap:.4rem;margin:0;padding-left:1.4rem;display:grid}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:.6rem .9rem}th{background:var(--bg-soft);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.8rem}tr:last-child td{border-bottom:0}.callout{border:1px solid var(--border);background:var(--surface);border-left-width:4px;border-radius:12px;gap:.2rem;padding:.9rem 1.1rem;display:grid}.callout strong{letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.callout-note{border-left-color:var(--primary)}.callout-tip{border-left-color:#2f9e44}.callout-warning{border-left-color:#e67700}.pager{justify-content:space-between;gap:1rem;margin-top:2rem;display:flex}.pager-link{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:.7rem 1rem;font-weight:600;text-decoration:none}.pager-link:hover{border-color:var(--primary)}.edit{font-size:.9rem}.page-simple{gap:1.4rem;padding:3rem 0 4rem;display:grid}.page-simple h1{font-size:clamp(2rem,4vw,2.8rem)}.site-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg-soft) 60%, transparent);margin-top:4rem;padding:2.5rem 0}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;display:grid}.footer-grid>div{align-content:start;gap:.35rem;display:grid}.footer-grid a{color:var(--muted);text-decoration:none}.footer-grid a:hover{color:var(--primary-bright)}@media (height<=780px){.sidebar{gap:.4rem;font-size:.82rem}.sidebar a{padding:.08rem .6rem}}@media (width<=1100px){.docs{grid-template-columns:14rem minmax(0,1fr)}.toc{display:none}}@media (width<=820px){.menu{display:inline-block}.nav{top:var(--header);background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:.9rem;padding:1rem 1.25rem 1.4rem;display:none;position:absolute;left:0;right:0}.nav[data-open=true]{display:flex}.docs{grid-template-columns:minmax(0,1fr);gap:1.2rem}.sidebar{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));max-height:none;position:static}.facts{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.host{margin:2.2rem 0}.host-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.8rem 1.5rem;margin-bottom:.8rem;display:flex}.host-head>div{flex:24rem;min-width:0}.host-head h2{margin:0 0 .3rem}.host-head p{margin:0}.host-frame{border:1px solid var(--border);background:#fff;border-radius:14px;width:100%;height:44rem;display:block}@media (width<=640px){.host-frame{height:52rem}}