:root{--paper:#faf7f1;--paper-raised:#fff;--ink:#191a1e;--ink-soft:#4c4f56;--ink-faint:#8b8e96;--line:#e3ded4;--line-strong:#c9c3b6;--accent:#0f3cd9;--accent-soft:#e6ebfc;--accent-hover:#0a2eae;--code-bg:#15161b;--code-ink:#d7dae2;--display:"Fraunces", "Songti SC", georgia, serif;--body:"Instrument Sans", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", menlo, monospace}html[data-theme=dark]{--paper:#16171b;--paper-raised:#1e2025;--ink:#e7e8eb;--ink-soft:#b4b8c0;--ink-faint:#7e838d;--line:#2c2f36;--line-strong:#454952;--accent:#86a3ff;--accent-soft:#86a3ff24;--accent-hover:#a4baff;--code-bg:#101116;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] .btn-primary{color:#101116}html[data-theme=dark] .hero-date{-webkit-text-stroke-color:var(--line-strong)}html[data-theme=dark] .demo-frame{box-shadow:0 1px 2px #0006,0 24px 60px -24px #000000b3}*{box-sizing:border-box}html{scroll-behavior:smooth;transition:background .15s}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}::selection{background:var(--accent);color:#fff}.site-header{z-index:100;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:28px;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.brand{color:var(--ink);font-family:var(--display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.brand .logo{width:26px;height:26px;display:block}.brand em{color:var(--accent);font-style:italic}.header-nav{align-items:center;gap:20px;margin-left:8px;display:flex}.header-nav a{color:var(--ink-soft);border-bottom:2px solid #0000;padding:4px 2px;font-size:14.5px;font-weight:500;text-decoration:none}.header-nav a:hover{color:var(--ink)}.header-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.header-spacer{flex:1}.lang-toggle{border:1px solid var(--line-strong);border-radius:999px;font-size:13px;display:inline-flex;overflow:hidden}.lang-toggle a{color:var(--ink-soft);padding:4px 14px;text-decoration:none}.lang-toggle a.active{background:var(--ink);color:var(--paper);font-weight:600}.gh-link{color:var(--ink-soft);align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.gh-link:hover{color:var(--ink)}.theme-btn{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.theme-btn:hover{color:var(--ink);background:color-mix(in srgb, var(--line) 40%, transparent)}.hero{border-bottom:1px solid var(--line);background:linear-gradient(to right, color-mix(in srgb, var(--line) 34%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--line) 34%, transparent) 1px, transparent 1px);background-position:top;background-size:56px 56px;padding:84px 28px 64px;position:relative;overflow:hidden}.hero-inner{max-width:1080px;margin:0 auto;position:relative}.hero-date{font-family:var(--display);color:#0000;-webkit-text-stroke:1.5px var(--line-strong);-webkit-user-select:none;user-select:none;pointer-events:none;font-variant-numeric:lining-nums;font-size:clamp(200px,32vw,420px);font-weight:250;line-height:1;position:absolute;top:-120px;right:-30px}.hero-kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 18px;font-size:13px}.hero h1{font-family:var(--display);letter-spacing:-.02em;max-width:13ch;margin:0 0 22px;font-size:clamp(42px,6.5vw,84px);font-weight:420;line-height:1.02}.hero h1 em{color:var(--accent);font-style:italic}.hero p.tagline{color:var(--ink-soft);max-width:56ch;margin:0 0 34px;font-size:19px}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn{font:600 15px var(--body);cursor:pointer;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:11px 24px;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{border-color:var(--ink);color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.npm-line{font-family:var(--mono);background:var(--code-bg);color:var(--code-ink);cursor:copy;border-radius:10px;align-items:center;gap:10px;padding:10px 18px;font-size:13.5px;display:inline-flex}.npm-line .dollar{color:#6ee7a0}.demo-stage{max-width:1160px;margin:-1px auto 0;padding:56px 28px 72px}.demo-frame{background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #191a1e0d,0 24px 60px -24px #191a1e38}.demo-frame-bar{border-bottom:1px solid var(--line);background:var(--paper);font-family:var(--mono);color:var(--ink-faint);align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex}.demo-frame-bar .dots{gap:6px;display:inline-flex}.demo-frame-bar .dots i{background:var(--line-strong);border-radius:50%;width:10px;height:10px}.demo-frame-body{flex-direction:column;height:680px;display:flex}.features{max-width:1160px;margin:0 auto;padding:24px 28px 96px}.features h2,.section-title{font-family:var(--display);letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(30px,4vw,44px);font-weight:460}.features .sub{color:var(--ink-soft);margin:0 0 36px;font-size:17px}.feature-grid{border-left:1px solid var(--line-strong);border-top:1px solid var(--line-strong);grid-template-columns:repeat(7,1fr);display:grid}.feature-cell{border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:var(--paper);min-height:148px;padding:14px 14px 18px;transition:background .15s,transform .15s;position:relative}.feature-cell:hover{background:var(--paper-raised);outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.feature-cell .daynum{font-family:var(--mono);color:var(--ink-faint);margin-bottom:12px;font-size:11px;display:block}.feature-cell:hover .daynum{color:var(--accent)}.feature-cell h3{letter-spacing:-.01em;margin:0 0 6px;font-size:14.5px;font-weight:650}.feature-cell p{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.5}.feature-cell.spacer{background:repeating-linear-gradient(-45deg, transparent 0 6px, color-mix(in srgb, var(--line) 55%, transparent) 6px 7px);min-height:0}@media (width<=900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-cell.spacer,.hero-date{display:none}}.docs-shell{grid-template-columns:250px minmax(0,1fr);grid-template-areas:"sidebar content";max-width:1280px;min-height:calc(100vh - 60px);margin:0 auto;display:grid}.sidebar{grid-area:sidebar}.doc-content{grid-area:content}.toc{grid-area:toc;display:none}@media (width>=1180px){.docs-shell{grid-template-columns:240px minmax(0,1fr) 232px;grid-template-areas:"sidebar content toc";max-width:1420px}.toc{align-self:start;max-height:calc(100vh - 60px);padding:44px 24px 40px 8px;display:block;position:sticky;top:60px;overflow-y:auto}}.toc-title{width:100%;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);cursor:default;text-align:left;background:0 0;border:none;align-items:center;gap:6px;margin:0;padding:0 0 10px;display:flex}.toc-caret{display:none}.toc-list{flex-direction:column;padding-left:13px;display:flex;position:relative}.toc-track,.toc-rail{border-radius:2px;width:2px;position:absolute;top:0;left:0}.toc-track{background:var(--line);bottom:0}.toc-rail{background:var(--accent);opacity:0;will-change:transform, height}.toc-rail.ready{opacity:1;transition:transform .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1),opacity .2s}.toc-link{color:var(--ink-faint);overflow-wrap:anywhere;padding:5px 0 5px 12px;font-size:13.5px;line-height:1.45;text-decoration:none;transition:color .2s;display:block}.toc-link.sub{padding-left:26px;font-size:13px}.toc-link:hover{color:var(--ink)}.toc-link.active{color:var(--accent)}.sidebar{border-right:1px solid var(--line);height:calc(100vh - 60px);padding:32px 20px 60px 28px;position:sticky;top:60px;overflow-y:auto}.sidebar h4{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:22px 0 8px;font-size:11px}.sidebar h4:first-child{margin-top:0}.sidebar a{color:var(--ink-soft);border-radius:7px;margin-left:-10px;padding:5px 10px;font-size:14.5px;text-decoration:none;display:block}.sidebar a:hover{color:var(--ink);background:color-mix(in srgb, var(--line) 40%, transparent)}.sidebar a.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.doc-content{max-width:880px;padding:44px 48px 120px}@media (width<=900px){.docs-shell{grid-template-columns:minmax(0,1fr);min-height:0}.sidebar{z-index:50;white-space:nowrap;background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:none;border-bottom:1px solid var(--line);scrollbar-width:none;align-items:center;gap:8px;height:auto;padding:10px 16px;display:flex;position:sticky;top:60px;overflow:auto hidden}.sidebar::-webkit-scrollbar{display:none}.sidebar h4{display:none}.sidebar a{border:1px solid var(--line-strong);border-radius:999px;flex:none;margin-left:0;padding:5px 13px;font-size:13px}.sidebar a.active{border-color:#0000}.doc-content{padding:28px 18px 72px}}.doc-content h1:not(.s5c *){font-family:var(--display);letter-spacing:-.02em;margin:0 0 10px;font-size:40px;font-weight:460;line-height:1.1}.doc-content .lede{color:var(--ink-soft);max-width:60ch;margin:0 0 36px;font-size:18px}.doc-content h2:not(.s5c *),.doc-content h3:not(.s5c *){scroll-margin-top:76px}.doc-content h2:not(.s5c *){font-family:var(--display);letter-spacing:-.01em;border-top:1px solid var(--line);margin:52px 0 14px;padding-top:18px;font-size:26px;font-weight:520}.doc-content h3:not(.s5c *){margin:32px 0 10px;font-size:17px;font-weight:650}.doc-content p:not(.s5c *,.example *),.doc-content li:not(.s5c *){color:var(--ink-soft);font-size:15.5px}.doc-content li{margin:4px 0}.doc-content strong{color:var(--ink)}.doc-content a{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 35%, transparent);text-decoration:none}.doc-content a:hover{border-bottom-color:var(--accent)}.doc-content code:not(pre code){font-family:var(--mono);background:color-mix(in srgb, var(--line) 45%, transparent);border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:.86em}.doc-content table{border-collapse:collapse;width:100%;margin:18px 0 28px;font-size:14px;display:block;overflow-x:auto}.doc-content th{text-align:left;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);border-bottom:2px solid var(--line-strong);white-space:nowrap;padding:8px 14px 8px 0;font-size:11.5px}.doc-content td{border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-soft);padding:9px 14px 9px 0}.doc-content td:first-child code,.doc-content td code{white-space:nowrap}.callout{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--ink-soft);border-radius:0 10px 10px 0;margin:20px 0;padding:14px 18px;font-size:14.5px}.callout strong{color:var(--accent)}.doc-footer-nav{border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:72px;padding-top:24px;display:flex}.doc-footer-nav a{border:1px solid var(--line-strong);color:var(--ink);border-radius:12px;flex:1;max-width:46%;padding:12px 18px;font-size:14.5px;font-weight:600;text-decoration:none;transition:border-color .15s}.doc-footer-nav a:hover{border-color:var(--accent);color:var(--accent)}.doc-footer-nav a small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin-bottom:4px;font-size:10.5px;font-weight:400;display:block}.doc-footer-nav a.next{text-align:right;margin-left:auto}.example{border:1px solid var(--line-strong);background:var(--paper-raised);border-radius:14px;margin:26px 0 34px;overflow:hidden}.example-head{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:12px;padding:10px 16px;display:flex}.example-title{font-size:14px;font-weight:650}.example-spacer{flex:1}.example-mode{border:1px solid var(--line-strong);border-radius:999px;display:inline-flex;overflow:hidden}.example-btn{font:500 13px var(--body);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:5px 14px}.example-btn+.example-btn{border-left:1px solid var(--line-strong)}.example-btn:hover{color:var(--accent)}.example-btn.on{background:var(--ink);color:var(--paper)}.example-preview{padding:20px}.example-preview.is-hidden,.example-preview.tall.is-hidden{display:none}.example-code-area{flex-direction:column;min-height:0;display:flex}.example-code-area.tall{height:620px}.example-code-area .codeblock{flex:1;min-height:0;max-height:none}.example-preview.tall{flex-direction:column;height:620px;display:flex}.example-preview.tall>:global(.s5c){border:1px solid var(--line);border-radius:10px;flex:1;min-height:0;overflow:hidden}.file-tabs{background:var(--code-bg);border-bottom:1px solid #ffffff14;gap:2px;padding:8px 12px 0;display:flex;overflow-x:auto}.file-tab{font:500 12px var(--mono);color:#ffffff8c;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px 7px 0 0;padding:7px 14px}.file-tab:hover{color:#ffffffd9}.file-tab.active{color:#fff;box-shadow:inset 0 2px 0 var(--accent);background:#ffffff17}.codeblock{background:var(--code-bg);max-height:520px;position:relative;overflow:auto}.codeblock pre{font-family:var(--mono);color:var(--code-ink);tab-size:2;margin:0;padding:18px 20px;font-size:13px;line-height:1.6}.codeblock .copy-btn{float:right;font:500 12px var(--body);color:var(--code-ink);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:7px;margin:10px 12px 0 0;padding:4px 12px;position:sticky;top:10px}.codeblock .copy-btn:hover{background:#ffffff29}.doc-content>.codeblock,.standalone-code{border-radius:12px;margin:18px 0 28px}.codeblock .token.comment,.codeblock .token.prolog,.codeblock .token.cdata{color:#707684;font-style:italic}.codeblock .token.punctuation{color:#8b91a0}.codeblock .token.tag,.codeblock .token.keyword,.codeblock .token.doctype{color:#82aaff}.codeblock .token.attr-name,.codeblock .token.property,.codeblock .token.language-javascript{color:#ffcb6b}.codeblock .token.attr-value,.codeblock .token.string,.codeblock .token.char{color:#c3e88d}.codeblock .token.function{color:#f5a8c0}.codeblock .token.number,.codeblock .token.boolean{color:#f78c6c}.codeblock .token.operator{color:#89ddff}.codeblock .token.class-name,.codeblock .token.builtin{color:#ffcb6b}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--ink-faint);padding:28px;font-size:13.5px}.site-footer a{color:var(--ink-soft)}.demo-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:13.5px;display:flex}.demo-controls label{color:var(--ink-soft);cursor:pointer;align-items:center;gap:5px;display:inline-flex}.demo-controls select,.demo-controls input[type=number]{font:inherit;border:1px solid var(--line-strong);background:var(--paper-raised);color:var(--ink);border-radius:7px;padding:3px 8px}.demo-log{font-family:var(--mono);background:var(--paper);border:1px dashed var(--line-strong);color:var(--ink-soft);border-radius:8px;max-height:96px;margin-top:12px;padding:8px 12px;font-size:12px;overflow-y:auto}@media (width<=820px){.site-header{gap:14px;padding:0 16px}.gh-text{display:none}.hero{padding:56px 20px 44px}.demo-stage{padding:36px 14px 52px}.features{padding:16px 16px 64px}}@media (width<=560px){.site-header{gap:10px}.brand-text{display:none}.header-nav{gap:14px}.hero{padding:44px 16px 36px}.hero h1{font-size:clamp(34px,9.5vw,44px)}.hero p.tagline{font-size:16px}.hero-actions{gap:10px}.npm-line{order:9;justify-content:center;width:100%;font-size:12px}.demo-frame{border-radius:12px}.demo-frame-body{height:540px}.feature-cell{min-height:0;padding:12px 12px 14px}.doc-content h1{font-size:31px}.doc-content .lede{font-size:16px}.doc-footer-nav{flex-direction:column}.doc-footer-nav a,.doc-footer-nav a.next{text-align:left;max-width:none;margin-left:0}.example-head{flex-wrap:wrap;row-gap:8px;padding:10px 12px}.example-preview{padding:12px}.example-preview.tall,.example-code-area.tall{height:540px}.codeblock pre{font-size:12px}.demo-controls{font-size:12.5px}.site-footer{padding:20px 14px;font-size:12.5px}}@media (width<=1179px){.docs-shell{grid-template-rows:auto 1fr;grid-template-areas:"sidebar toc""sidebar content"}.toc{border:1px solid var(--line-strong);border-radius:12px;margin:28px 48px 0;display:block;overflow:hidden}.toc-title{cursor:pointer;color:var(--ink);letter-spacing:.08em;padding:11px 14px}.toc-title:hover{background:color-mix(in srgb, var(--line) 35%, transparent)}.toc-caret{margin-left:auto;transition:transform .2s;display:block}.toc.open .toc-caret{transform:rotate(180deg)}.toc-list{padding:4px 14px 12px 27px;display:none}.toc.open .toc-list{display:flex}.toc-track,.toc-rail{top:4px;left:14px}.toc-track{bottom:12px}.doc-content{padding-top:24px}}@media (width<=900px){.docs-shell{grid-template-rows:auto auto 1fr;grid-template-areas:"sidebar""toc""content"}.toc{margin:20px 18px 0}}