.anatomy__track[data-v-710de5f6]{height:320vh}.anatomy__sticky[data-v-710de5f6]{top:var(--nav-h);min-height:calc(100vh - var(--nav-h));gap:var(--space-7);grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;display:grid;position:sticky}.anatomy__stage[data-v-710de5f6]{width:min(52vh,78vw);color:var(--text);justify-self:center;position:relative}.anatomy__stage svg[data-v-710de5f6]{width:100%;height:auto;display:block}.anatomy__stage[data-v-710de5f6] .anim{animation-play-state:paused;animation-delay:calc(var(--scrub,0) * -1s)}.anatomy__panel[data-v-710de5f6]{gap:var(--space-4);align-content:center;display:grid}.anatomy__clock[data-v-710de5f6]{font-family:var(--font-mono);color:var(--muted);font-size:13px}.step[data-v-710de5f6]{gap:var(--space-2) var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;font-size:14px;display:grid}.step[data-state=waiting][data-v-710de5f6]{opacity:.45}.step[data-state=landed] .step__state[data-v-710de5f6]{color:var(--muted)}.step__chip[data-v-710de5f6]{background:var(--chip);border-radius:3px;width:10px;height:10px;display:inline-block}.step__state[data-v-710de5f6]{font-size:12px}.step__meta[data-v-710de5f6]{color:var(--muted);grid-column:2/-1;font-size:12px}.anatomy__hint[data-v-710de5f6]{color:var(--muted);font-size:12px}.anatomy__facts[data-v-710de5f6]{gap:var(--space-2);margin-top:var(--space-7);flex-wrap:wrap;display:flex}.anatomy__cell[data-v-710de5f6]{margin-top:var(--space-5);padding:var(--space-5);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);max-width:62ch}.anatomy__cell p[data-v-710de5f6]{margin-top:var(--space-2);color:var(--muted);font-size:14px}@media (width<=900px){.anatomy__sticky[data-v-710de5f6]{gap:var(--space-5);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.anatomy__track[data-v-710de5f6]{height:auto;padding:var(--space-7) 0}.anatomy__sticky[data-v-710de5f6]{min-height:0;position:static}.anatomy__stage[data-v-710de5f6] .cell-outline{stroke-dashoffset:0}}.code[data-v-e3634540]{padding:var(--space-4);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);margin:0;position:relative}.code__label[data-v-e3634540]{margin-bottom:var(--space-2);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.code__pre[data-v-e3634540]{margin:0;font-size:13px;line-height:1.7;overflow-x:auto}.code__copy[data-v-e3634540]{top:var(--space-3);right:var(--space-3);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:2px 10px;font-size:12px;position:absolute}.code__copy[data-v-e3634540]:hover{color:var(--text)}.component__grid[data-v-0e3b9a79]{gap:var(--space-7);grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:center;display:grid}.component__demo[data-v-0e3b9a79]{justify-self:center}.component__demo logo-anim[data-v-0e3b9a79]{width:min(280px,60vw);display:block}.component__panel[data-v-0e3b9a79]{gap:var(--space-4);display:grid}.component__control[data-v-0e3b9a79]{gap:var(--space-2);display:grid}.component__label[data-v-0e3b9a79]{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.component__value[data-v-0e3b9a79]{font-family:var(--font-mono)}.component__buttons[data-v-0e3b9a79]{gap:var(--space-3);display:flex}.component__note[data-v-0e3b9a79]{color:var(--muted);font-size:13px}@media (width<=900px){.component__grid[data-v-0e3b9a79]{grid-template-columns:1fr}}.hero[data-v-1564796d]{padding:calc(var(--nav-h) + var(--space-8)) 0 var(--space-8);text-align:center;background-image:radial-gradient(60% 50% at 50% 0%, color-mix(in oklab, var(--mark-blue) 12%, transparent), transparent 70%)}.hero__inner[data-v-1564796d]{justify-items:center;gap:var(--space-5);display:grid}.hero__logo logo-anim[data-v-1564796d]{width:min(760px,92vw);display:block}.hero__title[data-v-1564796d]{max-width:18ch;font-size:clamp(32px,5vw,56px)}.hero__lede[data-v-1564796d]{max-width:56ch;color:var(--muted);font-size:clamp(15px,1.6vw,18px)}.hero__actions[data-v-1564796d]{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__facts[data-v-1564796d]{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hero__note[data-v-1564796d]{max-width:62ch;margin-top:var(--space-2);color:var(--muted);font-size:13px}.palette[data-v-7beea1a3]{gap:var(--space-7);grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;display:grid}.palette__mark svg[data-v-7beea1a3]{width:100%;height:auto;display:block}.palette__list[data-v-7beea1a3]{gap:var(--space-3);display:grid}.swatch[data-v-7beea1a3]{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--swatch);border-radius:var(--radius-md);cursor:pointer;text-align:start;grid-template-columns:auto 1fr auto;display:grid}.swatch__chip[data-v-7beea1a3]{background:var(--swatch);border-radius:5px;width:16px;height:16px}.swatch__hex[data-v-7beea1a3]{font-family:var(--font-mono);color:var(--muted);font-size:12px}@media (width<=900px){.palette[data-v-7beea1a3]{grid-template-columns:1fr}}.foot[data-v-5cfaa443]{border-top:1px solid var(--line);padding:var(--space-8) 0}.foot__inner[data-v-5cfaa443]{gap:var(--space-4);max-width:62ch;display:grid}.foot__brand[data-v-5cfaa443]{font-weight:600}.foot__license[data-v-5cfaa443]{color:var(--muted);font-size:14px}.foot__links[data-v-5cfaa443]{gap:var(--space-4);font-size:14px;display:flex}.foot__links a[data-v-5cfaa443]{color:var(--muted)}.foot__links a[data-v-5cfaa443]:hover{color:var(--text)}.nav[data-v-4f9b5012]{z-index:20;height:var(--nav-h);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav__inner[data-v-4f9b5012]{align-items:center;gap:var(--space-5);height:100%;display:flex}.nav__brand[data-v-4f9b5012]{align-items:center;gap:var(--space-2);letter-spacing:-.01em;font-weight:600;text-decoration:none;display:inline-flex}.nav__links[data-v-4f9b5012]{gap:var(--space-4);margin-inline-end:auto;display:flex}.nav__link[data-v-4f9b5012]{color:var(--muted);font-size:14px;text-decoration:none;transition:color .16s}.nav__link[data-v-4f9b5012]:hover,.nav__link.is-on[data-v-4f9b5012]{color:var(--text)}.nav__controls[data-v-4f9b5012]{gap:var(--space-2);margin-inline-start:auto;display:flex}.seg[data-v-4f9b5012]{border:1px solid var(--line);border-radius:999px;padding:2px;display:inline-flex}.seg__btn[data-v-4f9b5012]{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:12px}.seg__btn.is-on[data-v-4f9b5012]{background:var(--surface-2);color:var(--text)}@media (width<=860px){.nav__links[data-v-4f9b5012]{display:none}}@media (width<=560px){.seg__btn[data-v-4f9b5012]{padding:4px 8px}}.usage__grid[data-v-3d3c9587]{gap:var(--space-5);max-width:720px;display:grid}.license[data-v-3d3c9587]{padding:var(--space-5);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md)}.license p[data-v-3d3c9587]{margin-top:var(--space-3);color:var(--muted);font-size:14px}.variants__group+.variants__group[data-v-eda291ae]{margin-top:var(--space-8)}.variants__group h3[data-v-eda291ae]{margin-bottom:var(--space-4)}.gallery[data-v-eda291ae]{gap:var(--space-5);display:grid}.gallery--icon[data-v-eda291ae]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gallery--full[data-v-eda291ae]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card__stage[data-v-eda291ae]{padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);place-items:center;transition:transform .16s,border-color .16s;display:grid}.card:hover .card__stage[data-v-eda291ae]{border-color:color-mix(in srgb, var(--text) 18%, transparent);transform:translateY(-2px)}.gallery--icon .card__stage[data-v-eda291ae]{aspect-ratio:1}.gallery--icon img[data-v-eda291ae]{width:62%;height:auto}.gallery--full .card__stage[data-v-eda291ae]{aspect-ratio:3}.gallery--full img[data-v-eda291ae]{width:88%;height:auto}.card__name[data-v-eda291ae]{margin-top:var(--space-3);font-family:var(--font-mono);font-size:12px}.card__traits[data-v-eda291ae]{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}:root{--mark-orange:#f34f1c;--mark-green:#7fbc00;--mark-yellow:#ffba01;--mark-blue:#01a6f0;--mark-black:#000;--bg:#0b0c0e;--surface:#131418;--surface-2:#1a1c21;--text:#f2f3f5;--muted:#9ba1aa;--line:#24262c;--shadow:0 18px 40px #00000059;--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--space-9:112px;--maxw:1120px;--nav-h:60px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f7f7f5;--surface:#fff;--surface-2:#f1f1ee;--text:#14161a;--muted:#5d636c;--line:#e4e4df;--shadow:0 18px 40px #14161a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.15}h3{font-size:clamp(18px,1.8vw,22px)}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit}code,pre{font-family:var(--font-mono)}[data-theme=dark] .shiki span{color:var(--shiki-dark)!important}section{padding:var(--space-9) 0;scroll-margin-top:calc(var(--nav-h) + 16px)}.wrap{width:min(100% - 40px, var(--maxw));margin-inline:auto}.section__head{gap:var(--space-4);max-width:62ch;margin-bottom:var(--space-7);display:grid}.section__title{font-size:clamp(28px,3.4vw,40px)}.section__lede{color:var(--muted);font-size:clamp(15px,1.4vw,17px)}.chip{align-items:center;gap:var(--space-1);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;display:inline-flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;text-decoration:none;transition:opacity .16s,border-color .16s;display:inline-flex}.btn:hover{opacity:.85}.btn--primary{background:var(--text);color:var(--bg)}.btn--ghost{border-color:var(--line);color:var(--text)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.anim{animation-duration:0s!important}}