@font-face{font-family:"Inter Variable";font-style:normal;font-weight:100 900;font-display:swap;src:url("../assets/fonts/InterVariable.woff2") format("woff2") tech(variations),
		url("../assets/fonts/InterVariable.woff2") format("woff2")}:root{--canvas:#ffffff;--surface:#ffffff;--inset:#f3f3f5;--accent-surface:#e9ebef;--border:rgb(0 0 0 / 0.1);--border-strong:rgb(0 0 0 / 0.16);--ring:#9b9b9b;--ink-1:#0a0a0a;--ink-2:#717182;--ink-3:#a0a0ab;--elev-1:0 1px 2px 0 rgb(0 0 0 / 0.05);--elev-2:0 4px 8px -2px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.06);--elev-3:0 12px 32px -8px rgb(0 0 0 / 0.18), 0 4px 8px -4px rgb(0 0 0 / 0.1);--r-1:6px;--r-2:8px;--r-3:10px;--r-4:14px;--r-5:16px;--r-6:24px;--dur-fast:64ms;--dur-mid:128ms;--dur-press:64ms;--ease:cubic-bezier(0.2, 0.7, 0.2, 1);--ease-press:cubic-bezier(0.3, 0.9, 0.3, 1);--ease-spring:cubic-bezier(0.34, 1.4, 0.5, 1);--accent-base:oklch(0.55 0.2 277);--blue-base:oklch(0.62 0.16 244);--red-base:oklch(0.585 0.215 27);--amber-base:oklch(0.8 0.155 78);--green-base:oklch(0.68 0.16 152);--black-base:#0a0a0a;--accent-on:#fff;--accent-ink:oklch(0.47 0.19 277);--blue-on:#fff;--blue-ink:oklch(0.48 0.16 244);--red-on:#fff;--red-ink:oklch(0.5 0.2 27);--amber-on:oklch(0.27 0.06 70);--amber-ink:oklch(0.49 0.1 70);--green-on:#fff;--green-ink:oklch(0.46 0.14 152);--neutral-col:#0a0a0a;--neutral-on:#fff;--neutral-ink:var(--ink-1);--press:0 0 0;--disabled-bg:#f1f1f3;--disabled-fg:#b6b6be;--font-sans:"Inter Variable", "Inter", system-ui, -apple-system, BlinkMacSystemFont,
		Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ot-text:"cv05" 1, "cv08" 1;--ot-caps:"cv05" 1, "cv08" 1, "case" 1, "cpsp" 1;--ot-tabular:"tnum" 1, "zero" 1;--track-12:0;--track-13:-0.003em;--track-14:-0.006em;--track-15:-0.009em;--track-16:-0.011em;--track-17:-0.013em;--track-18:-0.014em;--track-22:-0.018em;--track-32:-0.022em;--track-40:-0.022em;--track-caps:0.06em;--track-caps-wide:0.08em;--track-brand:-0.02em;--text-9:9px;--text-9h:9.5px;--text-10:10px;--text-10h:10.5px;--text-11:11px;--text-11h:11.5px;--text-12:12px;--text-12h:12.5px;--text-13:13px;--text-13h:13.5px;--text-14:14px;--text-14h:14.5px;--text-15:15px;--text-16:16px;--text-17:17px;--text-18:18px;--text-22:22px;--text-32:32px;--text-40:40px;--leading-16:16px;--leading-20:20px;--leading-22:22px;--leading-23:23px;--leading-24:24px;--leading-25:25px;--leading-26:26px;--leading-28:28px;--leading-29:29px;--leading-38:38px;--leading-44:44px;--leading-none:1;--leading-tight:1.25;--leading-snug:1.4;--leading-loose:1.6;--weight-regular:400;--weight-medium:500;--weight-emphasis:560;--weight-semibold:600;--weight-bold:700;color-scheme:light;--chroma-l:0.68;--chroma-c:0.26;--chroma-duration:10s;--chroma-fallback-h:280deg}@property --chroma-h{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes chroma-cycle{to{--chroma-h:360deg}}[data-theme="dark"]{--canvas:hsl(20 4% 5%);--surface:hsl(20 3% 9%);--inset:hsl(20 4% 4%);--accent-surface:hsl(24 3% 16%);--border:rgb(255 245 235 / 0.07);--border-strong:rgb(255 245 235 / 0.14);--ring:#736e6a;--ink-1:#f7f6f5;--ink-2:#a3a09c;--ink-3:#6e6b68;--accent-ink:oklch(0.82 0.12 277);--blue-ink:oklch(0.8 0.1 244);--red-ink:oklch(0.78 0.14 27);--amber-ink:oklch(0.85 0.12 80);--green-ink:oklch(0.82 0.12 152);--neutral-col:#fafafa;--neutral-on:#0a0a0a;--elev-1:inset 0 1px 0 0 rgb(255 255 255 / 0.06);--elev-2:inset 0 1px 0 0 rgb(255 255 255 / 0.06), 0 8px 24px -8px rgb(0 0 0 / 0.55);--elev-3:inset 0 1px 0 0 rgb(255 255 255 / 0.06), 0 16px 40px -12px rgb(0 0 0 / 0.65);--press:255 255 255;--disabled-bg:hsl(240 4% 13%);--disabled-fg:hsl(240 3% 38%);color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--canvas);color:var(--ink-1);font-family:var(--font-sans);font-size:var(--text-15);line-height:var(--leading-24);letter-spacing:var(--track-15);font-optical-sizing:auto;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-feature-settings:var(--ot-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--dur-mid) var(--ease),
		color var(--dur-mid) var(--ease)}::selection{background:color-mix(in oklab, var(--accent-base) 26%, transparent)}a{color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--ink-3) 40%, transparent);border-radius:99px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab, var(--ink-3) 60%, transparent);background-clip:padding-box}.doc{max-width:760px}.doc section{margin-top:60px;scroll-margin-top:24px}.doc h2{font-size:var(--text-13);line-height:var(--leading-16);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-3);font-weight:var(--weight-semibold);margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--border)}.doc h3{font-size:var(--text-15);font-weight:var(--weight-semibold);letter-spacing:var(--track-15);margin:34px 0 4px;color:var(--ink-1)}.doc p{margin:14px 0 0}.lede{font-size:var(--text-15);line-height:var(--leading-25);color:var(--ink-2);max-width:68ch}.lede strong,.prose strong{color:var(--ink-1);font-weight:var(--weight-emphasis)}.prose{font-size:var(--text-15);line-height:var(--leading-26);color:var(--ink-2);max-width:68ch}.prose+.prose{margin-top:16px}.note{font-size:var(--text-13);line-height:var(--leading-20);letter-spacing:var(--track-13);color:var(--ink-3);margin:12px 0 0;max-width:72ch}.note b{color:var(--ink-2);font-weight:var(--weight-emphasis)}code,.mono{font-family:var(--font-mono);font-variant-ligatures:none}.lede code,.note code,.prose code,.doc p code{font-size:var(--text-12h);background:var(--accent-surface);padding:1px 5px;border-radius:5px;color:var(--ink-1)}.demo{margin-top:22px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-5);box-shadow:var(--elev-1)}.demo.on-canvas{background:var(--inset);box-shadow:none}.demo.tall{padding:44px 28px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.row.center{justify-content:center}.col{display:flex;flex-direction:column;gap:12px}.stack{display:flex;flex-direction:column;gap:18px}.wrap-label{display:flex;flex-direction:column;gap:7px}.field-label{font-size:var(--text-12);font-weight:var(--weight-medium);color:var(--ink-2);letter-spacing:var(--track-12)}.tok-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:10px}.tok{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2)}.tok .sw{width:30px;height:30px;border-radius:7px;flex:none;box-shadow:inset 0 0 0 1px var(--border)}.tok .meta{min-width:0}.tok .nm{font-size:var(--text-12);font-weight:var(--weight-medium);color:var(--ink-1)}.tok .vl{font-family:var(--font-mono);font-size:var(--text-10h);color:var(--ink-3)}.mono-pill{font-family:var(--font-mono);font-size:var(--text-11);color:var(--ink-3);padding:4px 8px;background:var(--inset);border-radius:6px;font-variant-numeric:slashed-zero tabular-nums}.api{width:100%;border-collapse:separate;border-spacing:0;margin-top:22px;font-size:var(--text-13)}.api th{text-align:left;font-weight:var(--weight-medium);color:var(--ink-3);font-size:var(--text-11);text-transform:uppercase;letter-spacing:var(--track-caps);padding:0 14px 10px;border-bottom:1px solid var(--border)}.api td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--ink-2)}.api tr:last-child td{border-bottom:0}.api td:first-child,.api th:first-child{padding-left:4px}.api .prop{font-family:var(--font-mono);font-size:var(--text-12);color:var(--ink-1);font-weight:var(--weight-medium)}.api .type{font-family:var(--font-mono);font-size:var(--text-11h);color:color-mix(in oklab, var(--accent-base) 70%, var(--ink-2))}.construction{margin-top:28px;padding:40px 28px;border:1px dashed var(--border-strong);border-radius:var(--r-5);background:repeating-linear-gradient(
		135deg,
		transparent,
		transparent 9px,
		color-mix(in oklab, var(--ink-3) 5%, transparent) 9px,
		color-mix(in oklab, var(--ink-3) 5%, transparent) 10px
	);color:var(--ink-3);font-size:var(--text-14);display:flex;align-items:center;gap:12px}.construction .dot{width:8px;height:8px;border-radius:99px;background:var(--amber-base);flex:none;box-shadow:0 0 0 4px color-mix(in oklab, var(--amber-base) 22%, transparent)}.construction b{color:var(--ink-2);font-weight:var(--weight-emphasis)}.muted{color:var(--ink-3)}.divider{height:1px;background:var(--border);border:0;margin:0}.doc h2,.api th{font-feature-settings:var(--ot-caps)}