@layer cc-tokens{:root{--cc-status-gray-transparent:#fff;--cc-status-purple-transparent:#fff;--cc-status-blue-transparent:#fff;--cc-status-cyan-transparent:#fff;--cc-status-teal-transparent:#fff;--cc-status-green-transparent:#fff;--cc-status-yellow-transparent:#fff;--cc-status-orange-transparent:#fff;--cc-status-red-transparent:#fff;--cc-status-pink-transparent:#fff;--cc-palette-black:#000;--cc-palette-white:#fff;--cc-palette-white-alpha-50:#ffffff0a;--cc-palette-white-alpha-100:#ffffff0f;--cc-palette-white-alpha-200:#ffffff14;--cc-palette-white-alpha-300:#ffffff29;--cc-palette-white-alpha-400:#ffffff3d;--cc-palette-white-alpha-500:#ffffff5c;--cc-palette-white-alpha-600:#ffffff7a;--cc-palette-white-alpha-700:#ffffffa3;--cc-palette-white-alpha-800:#fffc;--cc-palette-white-alpha-900:#ffffffeb;--cc-palette-black-alpha-50:#0000000a;--cc-palette-black-alpha-100:#0000000f;--cc-palette-black-alpha-200:#00000014;--cc-palette-black-alpha-300:#00000029;--cc-palette-black-alpha-400:#0000003d;--cc-palette-black-alpha-500:#0000005c;--cc-palette-black-alpha-600:#0000007a;--cc-palette-black-alpha-700:#000000a3;--cc-palette-black-alpha-800:#000c;--cc-palette-black-alpha-900:#000000eb;--cc-palette-gray-50:#f7fafc;--cc-palette-gray-100:#edf2f7;--cc-palette-gray-200:#e2e8f0;--cc-palette-gray-300:#cbd5e0;--cc-palette-gray-400:#a0aec0;--cc-palette-gray-500:#718096;--cc-palette-gray-600:#4a5568;--cc-palette-gray-700:#2d3748;--cc-palette-gray-750:#242c3a;--cc-palette-gray-800:#1a202c;--cc-palette-gray-900:#171923;--cc-palette-gray-700-opacity-50:#2d374880;--cc-palette-gray-750-opacity-50:#242c3a80;--cc-palette-gray-600-opacity-50:#4a556880;--cc-palette-red-50:#fff5f5;--cc-palette-red-100:#fbdede;--cc-palette-red-200:#f8b3b3;--cc-palette-red-300:#f59090;--cc-palette-red-400:#ef6c6c;--cc-palette-red-500:#e94242;--cc-palette-red-600:#ca3535;--cc-palette-red-700:#9b2c2c;--cc-palette-red-800:#7d2525;--cc-palette-red-900:#571418;--cc-palette-red-opacity-60:#ca353599;--cc-palette-orange-50:#fffaf0;--cc-palette-orange-100:#f7e5c6;--cc-palette-orange-200:#edc888;--cc-palette-orange-300:#e8a450;--cc-palette-orange-400:#de8033;--cc-palette-orange-500:#cc631e;--cc-palette-orange-600:#b5511f;--cc-palette-orange-700:#963e1e;--cc-palette-orange-800:#75321d;--cc-palette-orange-900:#5c2717;--cc-palette-orange-opacity:#b5511f99;--cc-palette-yellow-50:#fcfce8;--cc-palette-yellow-100:#f0eebb;--cc-palette-yellow-200:#e5dd83;--cc-palette-yellow-300:#d9c659;--cc-palette-yellow-400:#c7a93a;--cc-palette-yellow-500:#b88725;--cc-palette-yellow-600:#a16713;--cc-palette-yellow-700:#8e520e;--cc-palette-yellow-800:#73410f;--cc-palette-yellow-900:#64380c;--cc-palette-green-50:#e6fff0;--cc-palette-green-100:#b5f3d3;--cc-palette-green-200:#85e6b7;--cc-palette-green-300:#4ad99b;--cc-palette-green-400:#25c986;--cc-palette-green-500:#16af72;--cc-palette-green-600:#008854;--cc-palette-green-700:#007247;--cc-palette-green-800:#005c39;--cc-palette-green-900:#004d30;--cc-palette-green-950:#003d26;--cc-palette-green-opacity:#00865399;--cc-palette-teal-50:#e6fffa;--cc-palette-teal-100:#b2f5ea;--cc-palette-teal-200:#81e6d9;--cc-palette-teal-300:#4fd1c5;--cc-palette-teal-400:#38b2ac;--cc-palette-teal-500:#319795;--cc-palette-teal-600:#2c7a7b;--cc-palette-teal-700:#285e61;--cc-palette-teal-800:#234e52;--cc-palette-teal-900:#1d4044;--cc-palette-cyan-50:#edfdfd;--cc-palette-cyan-100:#c4f1f9;--cc-palette-cyan-200:#83e2f1;--cc-palette-cyan-300:#4ed5ec;--cc-palette-cyan-400:#29bcda;--cc-palette-cyan-500:#10a3c0;--cc-palette-cyan-600:#0e8da7;--cc-palette-cyan-700:#08778e;--cc-palette-cyan-800:#066477;--cc-palette-cyan-900:#065261;--cc-palette-blue-50:#ebf8ff;--cc-palette-blue-100:#cae8fa;--cc-palette-blue-200:#9cd3f7;--cc-palette-blue-300:#6fbcf3;--cc-palette-blue-400:#49a1e9;--cc-palette-blue-500:#378ad8;--cc-palette-blue-600:#2f74bc;--cc-palette-blue-700:#2f5b92;--cc-palette-blue-800:#2a4b78;--cc-palette-blue-900:#1f406d;--cc-palette-blue-opacity:#2f74bc99;--cc-palette-purple-50:#faf5ff;--cc-palette-purple-100:#eadef9;--cc-palette-purple-200:#d3bdf3;--cc-palette-purple-300:#ba9dec;--cc-palette-purple-400:#a480ed;--cc-palette-purple-500:#8862db;--cc-palette-purple-600:#7753cd;--cc-palette-purple-700:#6447b4;--cc-palette-purple-800:#4f3c8c;--cc-palette-purple-900:#3c2e6b;--cc-palette-pink-50:#fff5f7;--cc-palette-pink-100:#fed7e2;--cc-palette-pink-200:#fbb6ce;--cc-palette-pink-300:#f687b3;--cc-palette-pink-400:#ed64a6;--cc-palette-pink-500:#da4491;--cc-palette-pink-600:#c23c8a;--cc-palette-pink-700:#a42f78;--cc-palette-pink-800:#7c2d64;--cc-palette-pink-900:#61224d;--cc-unit-0:0px;--cc-unit-0-25x:2px;--cc-unit-0-5x:4px;--cc-unit-1x:8px;--cc-unit-1-5x:12px;--cc-unit-1-75x:14px;--cc-unit-2x:16px;--cc-unit-2-5x:20px;--cc-unit-3x:24px;--cc-unit-3-5x:28px;--cc-unit-4x:32px;--cc-unit-5x:40px;--cc-unit-6x:48px;--cc-unit-7x:56px;--cc-unit-8x:64px;--cc-unit-9x:72px;--cc-unit-10x:80px;--cc-round:999px;--cc-typeface-typeface:"Kumbh Sans", sans-serif;--cc-font-weight-regular:400;--cc-font-weight-medium:500;--cc-font-weight-semi-bold:600;--cc-font-weight-bold:700;--cc-font-weight-extra-bold:800;--cc-surface-surface-shade:var(--cc-palette-gray-900);--cc-surface-surface-0:var(--cc-palette-gray-800);--cc-surface-surface-1:var(--cc-palette-gray-750);--cc-surface-surface-1-transparent:var(--cc-palette-gray-750-opacity-50);--cc-surface-surface-2:var(--cc-palette-gray-700);--cc-surface-surface-2-transparent:var(--cc-palette-gray-700-opacity-50);--cc-surface-surface-highlight:var(--cc-palette-gray-600);--cc-surface-surface-highlight-transparent:var(--cc-palette-gray-600-opacity-50);--cc-surface-transparent-transparent-highlight-1:var(--cc-palette-white-alpha-100);--cc-surface-transparent-transparent-highlight-2:var(--cc-palette-white-alpha-200);--cc-surface-transparent-transparent-highlight-3:var(--cc-palette-white-alpha-300);--cc-text-high-emphasis:var(--cc-palette-white);--cc-text-medium-emphasis:var(--cc-palette-gray-300);--cc-text-low-emphasis:var(--cc-palette-gray-400);--cc-text-disabled:var(--cc-palette-gray-500);--cc-scrim-scrim-50:var(--cc-palette-black-alpha-500);--cc-scrim-scrim-70:var(--cc-palette-black-alpha-700);--cc-border-highest-contrast:var(--cc-palette-gray-200);--cc-border-high-contrast:var(--cc-palette-gray-400);--cc-border-medium-contrast:var(--cc-palette-gray-500);--cc-border-low-contrast:var(--cc-palette-gray-600);--cc-border-lowest-contrast:var(--cc-palette-gray-700);--cc-border-focus:var(--cc-palette-green-300);--cc-divider-highest-contrast:var(--cc-palette-gray-200);--cc-divider-high-contrast:var(--cc-palette-gray-400);--cc-divider-medium-contrast:var(--cc-palette-gray-500);--cc-divider-low-contrast:var(--cc-palette-gray-600);--cc-divider-lowest-contrast:var(--cc-palette-gray-700);--cc-background:var(--cc-palette-gray-800);--cc-accent-light:var(--cc-palette-green-300);--cc-accent-main:var(--cc-palette-green-600);--cc-accent-dark:var(--cc-palette-green-800);--cc-accent-shade:var(--cc-palette-green-900);--cc-accent-transparent:var(--cc-palette-green-opacity);--cc-accent-contrast:var(--cc-palette-white);--cc-alert-error-lightest:var(--cc-palette-red-100);--cc-alert-error-light:var(--cc-palette-red-200);--cc-alert-error-main:var(--cc-palette-red-600);--cc-alert-error-dark:var(--cc-palette-red-800);--cc-alert-error-transparent:var(--cc-palette-red-opacity-60);--cc-alert-error-contrast:var(--cc-palette-white);--cc-alert-warning-lightest:var(--cc-palette-orange-100);--cc-alert-warning-light:var(--cc-palette-orange-200);--cc-alert-warning-main:var(--cc-palette-yellow-600);--cc-alert-warning-dark:var(--cc-palette-yellow-800);--cc-alert-warning-transparent:var(--cc-palette-orange-opacity);--cc-alert-warning-contrast:var(--cc-palette-white);--cc-alert-info-lightest:var(--cc-palette-blue-100);--cc-alert-info-light:var(--cc-palette-blue-200);--cc-alert-info-main:var(--cc-palette-blue-600);--cc-alert-info-dark:var(--cc-palette-blue-800);--cc-alert-info-transparent:var(--cc-palette-blue-opacity);--cc-alert-info-contrast:var(--cc-palette-white);--cc-alert-success-lightest:var(--cc-palette-green-100);--cc-alert-success-light:var(--cc-palette-green-200);--cc-alert-success-main:var(--cc-palette-green-600);--cc-alert-success-dark:var(--cc-palette-green-800);--cc-alert-success-transparent:var(--cc-palette-green-opacity);--cc-alert-success-contrast:var(--cc-palette-white);--cc-status-gray-light:var(--cc-palette-gray-400);--cc-status-gray-main:var(--cc-palette-gray-600);--cc-status-gray-dark:var(--cc-palette-gray-700);--cc-status-gray-contrast:var(--cc-palette-white);--cc-status-purple-light:var(--cc-palette-purple-300);--cc-status-purple-main:var(--cc-palette-purple-600);--cc-status-purple-dark:var(--cc-palette-purple-900);--cc-status-purple-contrast:var(--cc-palette-white);--cc-status-blue-light:var(--cc-palette-blue-300);--cc-status-blue-main:var(--cc-palette-blue-600);--cc-status-blue-dark:var(--cc-palette-blue-900);--cc-status-blue-contrast:var(--cc-palette-white);--cc-status-cyan-light:var(--cc-palette-cyan-300);--cc-status-cyan-main:var(--cc-palette-cyan-700);--cc-status-cyan-dark:var(--cc-palette-cyan-900);--cc-status-cyan-contrast:var(--cc-palette-white);--cc-status-teal-light:var(--cc-palette-teal-300);--cc-status-teal-main:var(--cc-palette-teal-600);--cc-status-teal-dark:var(--cc-palette-teal-900);--cc-status-teal-contrast:var(--cc-palette-white);--cc-status-green-light:var(--cc-palette-green-300);--cc-status-green-main:var(--cc-palette-green-600);--cc-status-green-dark:var(--cc-palette-green-900);--cc-status-green-contrast:var(--cc-palette-white);--cc-status-yellow-light:var(--cc-palette-yellow-300);--cc-status-yellow-main:var(--cc-palette-yellow-600);--cc-status-yellow-dark:var(--cc-palette-yellow-900);--cc-status-yellow-contrast:var(--cc-palette-white);--cc-status-orange-light:var(--cc-palette-orange-300);--cc-status-orange-main:var(--cc-palette-orange-600);--cc-status-orange-dark:var(--cc-palette-orange-900);--cc-status-orange-contrast:var(--cc-palette-white);--cc-status-red-light:var(--cc-palette-red-400);--cc-status-red-main:var(--cc-palette-red-600);--cc-status-red-dark:var(--cc-palette-red-900);--cc-status-red-contrast:var(--cc-palette-white);--cc-status-pink-light:var(--cc-palette-pink-300);--cc-status-pink-main:var(--cc-palette-pink-600);--cc-status-pink-dark:var(--cc-palette-pink-900);--cc-status-pink-contrast:var(--cc-palette-white);--cc-icon-xs:var(--cc-unit-2x);--cc-icon-sm:var(--cc-unit-2-5x);--cc-icon-md:var(--cc-unit-3x);--cc-icon-lg:var(--cc-unit-4x);--cc-icon-xl:var(--cc-unit-5x);--cc-radius:var(--cc-unit-0-5x);--cc-margin-margin-0-25:var(--cc-unit-0-25x);--cc-margin-margin-0-5:var(--cc-unit-0-5x);--cc-margin-margin-1:var(--cc-unit-1x);--cc-margin-margin-1-5:var(--cc-unit-1-5x);--cc-margin-margin-1-75:var(--cc-unit-1-75x);--cc-margin-margin-2:var(--cc-unit-2x);--cc-margin-margin-2-5:var(--cc-unit-2-5x);--cc-margin-margin-3:var(--cc-unit-3x);--cc-margin-margin-4:var(--cc-unit-4x);--cc-margin-margin-5:var(--cc-unit-5x);--cc-margin-margin-6:var(--cc-unit-6x);--cc-margin-margin-7:var(--cc-unit-7x);--cc-margin-margin-8:var(--cc-unit-8x);--cc-margin-margin-9:var(--cc-unit-9x);--cc-margin-margin-10:var(--cc-unit-10x);--cc-padding-padding-0:var(--cc-unit-0);--cc-padding-padding-0-25:var(--cc-unit-0-25x);--cc-padding-padding-0-5:var(--cc-unit-0-5x);--cc-padding-padding-1:var(--cc-unit-1x);--cc-padding-padding-1-5:var(--cc-unit-1-5x);--cc-padding-padding-1-75:var(--cc-unit-1-75x);--cc-padding-padding-2:var(--cc-unit-2x);--cc-padding-padding-2-5:var(--cc-unit-2-5x);--cc-padding-padding-3:var(--cc-unit-3x);--cc-padding-padding-4:var(--cc-unit-4x);--cc-padding-padding-5:var(--cc-unit-5x);--cc-padding-padding-6:var(--cc-unit-6x);--cc-padding-padding-7:var(--cc-unit-7x);--cc-padding-padding-8:var(--cc-unit-8x);--cc-padding-padding-9:var(--cc-unit-9x);--cc-padding-padding-10:var(--cc-unit-10x);--cc-gap-gap-0:var(--cc-unit-0);--cc-gap-gap-0-25:var(--cc-unit-0-25x);--cc-gap-gap-0-5:var(--cc-unit-0-5x);--cc-gap-gap-1:var(--cc-unit-1x);--cc-gap-gap-1-5:var(--cc-unit-1-5x);--cc-gap-gap-1-75:var(--cc-unit-1-75x);--cc-gap-gap-2:var(--cc-unit-2x);--cc-gap-gap-2-5:var(--cc-unit-2-5x);--cc-gap-gap-3:var(--cc-unit-3x);--cc-gap-gap-4:var(--cc-unit-4x);--cc-gap-gap-5:var(--cc-unit-5x);--cc-gap-gap-6:var(--cc-unit-6x);--cc-gap-gap-7:var(--cc-unit-7x);--cc-gap-gap-8:var(--cc-unit-8x);--cc-gap-gap-9:var(--cc-unit-9x);--cc-gap-gap-10:var(--cc-unit-10x);--cc-text-size-display-display-1:var(--cc-unit-8x);--cc-text-size-heading-h1:var(--cc-unit-6x);--cc-text-size-heading-h2:var(--cc-unit-5x);--cc-text-size-heading-h3:var(--cc-unit-4x);--cc-text-size-heading-h4:var(--cc-unit-3x);--cc-text-size-heading-h5:var(--cc-unit-2-5x);--cc-text-size-heading-h6:var(--cc-unit-2x);--cc-text-size-title-s:var(--cc-unit-2x);--cc-text-size-title-m:var(--cc-unit-2-5x);--cc-text-size-title-l:var(--cc-unit-3x);--cc-text-size-title-xl:var(--cc-unit-4x);--cc-text-size-body-xs:var(--cc-unit-1-5x);--cc-text-size-body-s:var(--cc-unit-1-75x);--cc-text-size-body-md:var(--cc-unit-2x);--cc-text-size-body-l:var(--cc-unit-2-5x);--cc-text-size-label-s:var(--cc-unit-1-5x);--cc-text-size-label-m:var(--cc-unit-1-75x);--cc-text-size-label-l:var(--cc-unit-2x);--cc-text-size-label-xl:var(--cc-unit-2-5x);--cc-line-height-display-display-1:var(--cc-unit-9x);--cc-line-height-heading-h1:var(--cc-unit-7x);--cc-line-height-heading-h2:var(--cc-unit-6x);--cc-line-height-heading-h3:var(--cc-unit-5x);--cc-line-height-heading-h4:var(--cc-unit-4x);--cc-line-height-heading-h5:var(--cc-unit-4x);--cc-line-height-heading-h6:var(--cc-unit-3x);--cc-line-height-title-s:var(--cc-unit-3x);--cc-line-height-title-m:var(--cc-unit-3x);--cc-line-height-title-l:var(--cc-unit-4x);--cc-line-height-title-xl:var(--cc-unit-5x);--cc-line-height-body-xs:var(--cc-unit-2x);--cc-line-height-body-s:var(--cc-unit-2-5x);--cc-line-height-body-md:var(--cc-unit-3-5x);--cc-line-height-body-md-tight:var(--cc-unit-3x);--cc-line-height-body-l:var(--cc-unit-4x);--cc-line-height-label-xs:var(--cc-unit-1-5x);--cc-line-height-label-s:var(--cc-unit-2x);--cc-line-height-label-m:var(--cc-unit-2-5x);--cc-line-height-label-l:var(--cc-unit-3x);--cc-line-height-label-xl:var(--cc-unit-3x)}}:root{--bg:color-mix(in oklch, var(--cc-palette-gray-50) 80%, var(--cc-palette-green-50));--bg-sunk:color-mix(in oklch, var(--cc-palette-gray-100) 85%, var(--cc-palette-green-50));--ink:var(--cc-palette-gray-800);--ink-2:var(--cc-palette-gray-600);--line:var(--cc-palette-gray-200);--line-strong:var(--cc-palette-gray-300);--green:var(--cc-palette-green-600);--green-ink:var(--cc-palette-green-700);--green-deep:var(--cc-palette-green-800);--green-tint:var(--cc-palette-green-50);--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--page:76rem;--gutter:clamp(1rem, 4vw, 2.5rem);--header-h:4rem;--z-sticky:10;--z-popover:20;color-scheme:light;scroll-padding-top:calc(var(--header-h) + 1.5rem)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Kumbh Sans,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.1}h1{letter-spacing:-.035em;font-size:clamp(2.6rem,6.4vw,4.75rem);font-weight:700}h2{font-size:clamp(1.9rem,3.6vw,2.75rem);font-weight:700}p{text-wrap:pretty;margin:0}a{color:var(--green-ink);text-underline-offset:.2em}code{font-family:var(--mono);font-size:.875em}:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}.skip{z-index:var(--z-popover);background:var(--ink);color:var(--bg);border-radius:6px;padding:.5rem 1rem;position:absolute;top:-3rem;left:1rem}.skip:focus{top:1rem}.lede{max-width:38rem;color:var(--ink-2);font-size:clamp(1.125rem,1.6vw,1.3rem);line-height:1.55}.site-header{z-index:var(--z-sticky);background:color-mix(in oklch, var(--bg) 92%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.bar{max-width:var(--page);height:var(--header-h);padding:0 var(--gutter);align-items:center;gap:2.5rem;margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:.6rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-sub{color:var(--ink-2);font-weight:400}.logo{flex:none;width:1.6rem}.nav ul,.ext,.menu ul,.footer-inner ul,.side ul{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav a,.ext a{color:var(--ink-2);border-radius:6px;padding:.4rem .75rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:block}.nav a:hover,.ext a:hover,.nav a[aria-current=page]{color:var(--ink);background:var(--bg-sunk)}.bar-end{align-items:center;gap:.75rem;margin-left:auto;display:flex}.version{border:1px solid var(--line);color:var(--ink-2);font-family:var(--mono);border-radius:999px;padding:.15rem .55rem;font-size:.75rem}.menu-button{border:1px solid var(--line);width:2.5rem;height:2.5rem;color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:none}.menu{inset:calc(var(--header-h) + .5rem) var(--gutter) auto auto;border:1px solid var(--line);background:var(--bg);border-radius:12px;min-width:14rem;margin:0;padding:.5rem;box-shadow:0 12px 32px oklch(23% .025 258/.12)}.menu ul{flex-direction:column}.menu a{color:var(--ink);border-radius:8px;padding:.6rem .75rem;text-decoration:none;display:block}.menu a:hover,.menu a[aria-current=page]{background:var(--bg-sunk)}@media (width<=52rem){.nav,.ext,.version{display:none}.menu-button{display:grid}}.btn{border:1px solid var(--line);background:var(--bg);color:var(--ink);transition:background-color .2s, border-color .2s, transform .2s var(--ease);border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--line-strong)}.btn:active{transform:translateY(1px)}.btn-primary{border-color:var(--green);background:var(--green);color:#fff}.btn-primary:hover{border-color:var(--green-ink);background:var(--green-ink)}.arrow-link{align-items:center;gap:.35rem;font-weight:600;text-decoration:none;display:inline-flex}.arrow-link:after{content:"→";transition:transform .25s var(--ease)}.arrow-link:hover:after{transform:translate(4px)}[data-copy]{cursor:pointer}[data-copy] .material-icons-round{font-size:1.1rem}[data-copied] .material-icons-round{font-size:0}[data-copied] .material-icons-round:after{content:"check";color:var(--green);font-size:1.1rem}.stage{background:var(--cc-surface-surface-0);color:var(--cc-text-high-emphasis);border-radius:14px}.row,.chips{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tablist{scrollbar-width:none;min-width:0;max-width:100%;display:flex;overflow-x:auto}.code{border:1px solid var(--line);background:var(--bg-sunk);border-radius:10px;position:relative}.code pre{margin:0;padding:1.1rem 3.25rem 1.1rem 1.25rem;font-size:.875rem;line-height:1.7;overflow-x:auto}.code pre code{font-size:inherit}.code>.copy{position:absolute;top:.6rem;right:.6rem}.copy{width:2rem;height:2rem;color:var(--ink-2);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.copy:hover{color:var(--ink);background:oklch(23% .025 258/.07)}.code-dark{border-color:var(--cc-surface-surface-2);background:var(--cc-surface-surface-0);color:var(--cc-text-high-emphasis)}.code-dark .copy{color:var(--cc-text-medium-emphasis)}.code-dark .copy:hover{background:var(--cc-surface-surface-1);color:var(--cc-text-high-emphasis)}.code-head{border-bottom:1px solid var(--cc-surface-surface-highlight);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .6rem 0 .75rem;display:flex}.code-dark pre{padding-right:1.25rem}.lab-controls{gap:1.25rem;width:100%;max-width:24rem;display:grid}.control{gap:.6rem;display:grid}.control-label{justify-content:space-between;font-size:.875rem;font-weight:600;display:flex}.radius-value{font-family:var(--mono);opacity:.8;font-weight:400}.swatches{flex-wrap:wrap;gap:.6rem;display:flex}.swatches button{background:var(--swatch);cursor:pointer;width:1.85rem;height:1.85rem;transition:transform .2s var(--ease), box-shadow .2s;border:0;border-radius:50%;padding:0;box-shadow:0 0 0 2px oklch(100% 0 0/.55)}.swatches button:hover{transform:scale(1.08)}.swatches button[aria-checked=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink)}input[type=range]{width:100%;accent-color:var(--green)}.docs{max-width:var(--page);padding:clamp(2.5rem, 6vw, 4rem) var(--gutter) clamp(4rem, 8vw, 6rem);grid-template-columns:13rem minmax(0,1fr);gap:clamp(2rem,5vw,4rem);margin:0 auto;display:grid}.side{top:calc(var(--header-h) + 2rem);max-height:calc(100vh - var(--header-h) - 4rem);align-self:start;position:sticky;overflow-y:auto}.side ul{flex-direction:column;gap:0;margin-bottom:1.5rem}.side a{border-left:1px solid var(--line);color:var(--ink-2);padding:.3rem .75rem;font-size:.9375rem;text-decoration:none;display:block}.side a:hover{border-left-color:var(--ink);color:var(--ink)}.side-heading{color:var(--ink);margin-bottom:.5rem;font-size:.875rem;font-weight:650}@media (width<=52rem){.docs{grid-template-columns:minmax(0,1fr)}.side{display:none}}.prose{max-width:46rem}.prose h1{margin-bottom:1rem;font-size:clamp(2.25rem,5vw,3.25rem)}.prose h2{margin:3.5rem 0 .75rem;font-size:1.6rem}.prose p{max-width:68ch;margin-bottom:1rem}.prose .lede{margin-bottom:1.5rem}.prose .code{margin:1rem 0 1.5rem}.prose :not(pre)>code{background:var(--bg-sunk);border-radius:4px;padding:.1em .35em}.stage-demo{flex-wrap:wrap;align-items:center;gap:1rem;padding:clamp(1.5rem,4vw,2.75rem);display:flex}.prose .stage-demo{margin-bottom:1.5rem}.frameworks{grid-template-columns:max-content 1fr;gap:.75rem 2rem;margin:1rem 0;display:grid}.frameworks dt{font-weight:650}.frameworks dd{color:var(--ink-2);margin:0}@media (width<=40rem){.frameworks{grid-template-columns:1fr;gap:.25rem}.frameworks dd{margin-bottom:.75rem}}.next{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin-top:4rem;display:grid}.next a{border:1px solid var(--line);color:var(--ink);border-radius:10px;gap:.15rem;padding:1rem 1.25rem;font-weight:650;text-decoration:none;transition:border-color .2s;display:grid}.next a:hover{border-color:var(--green)}.next span{color:var(--ink-2);font-size:.8125rem;font-weight:400}.site-footer{border-top:1px solid var(--line)}.footer-inner{max-width:var(--page);padding:2.5rem var(--gutter);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin:0 auto;font-size:.9375rem;display:flex}.footer-inner ul{flex-wrap:wrap;gap:1.25rem}.footer-inner ul a{color:var(--ink-2);text-decoration:none}.footer-inner ul a:hover{color:var(--ink)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}