:root{--text:#5f5b66;--text-h:#101014;--bg:#fbfbfa;--border:#e8e6e3;--code-bg:#f1f0ec;--accent:#7f32e3;--accent-soft:#ede7fa;--muted:#77747e;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font:16px/1.6 var(--sans);letter-spacing:.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#a6a3ad;--text-h:#f0eff2;--bg:#0e0e12;--border:#26262c;--code-bg:#1b1b21;--accent:#c1b0ff;--accent-soft:#241c38;--muted:#77747e}}#root{flex-direction:column;min-height:100svh;display:flex}body{margin:0}h1{letter-spacing:-.045em;color:var(--text-h);margin:12px 0 0;font-size:clamp(44px,9vw,76px);font-weight:650;line-height:1}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:6px;padding:2px 7px;font-size:.85em}a{color:inherit}#center{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:22px;padding:48px 24px 28px;display:flex}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.lede{max-width:520px;font-size:17px}.examples{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.example{border:1px solid var(--border);text-align:left;border-radius:14px;flex-direction:column;gap:4px;min-width:230px;padding:16px 20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.example:hover,.example:focus-visible{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 24px #1010140f}.example .path{font-family:var(--mono);color:var(--text-h);font-size:13.5px}.example .caption{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.example:hover .caption{color:var(--accent)}.footnote{color:var(--muted);max-width:460px;font-size:14px}.repo-link{font-size:12px}.repo-link a{color:var(--muted);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.repo-mark svg{fill:currentColor;width:14px;height:14px}.repo-link a:hover,.repo-link a:focus-visible{color:var(--text-h)}.ticks{border-top:1px solid var(--border);width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}