@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--ink-0:#fff;--ink-50:#f9fafb;--ink-100:#f1f3f4;--ink-200:#e5e7ea;--ink-300:#ced1d4;--ink-400:#9b9fa2;--ink-500:#6e7276;--ink-600:#494e52;--ink-700:#2a2e33;--ink-800:#12171a;--ink-900:#040608;--ink-950:#000101;--ink-1000:#000;--signal-50:#fff5e7;--signal-100:#ffe7c6;--signal-200:#ffd294;--signal-300:#ffb756;--signal-400:#f9a129;--signal-500:#eb8d00;--signal-600:#d06900;--signal-700:#a94608;--signal-800:#782c0c;--signal-900:#481707;--anchor-50:#e7f6ef;--anchor-100:#cde9db;--anchor-200:#a5d0b9;--anchor-300:#74ad8e;--anchor-400:#42815e;--anchor-500:#215a3a;--anchor-600:#164229;--anchor-700:#0b2b1a;--anchor-800:#05180d;--anchor-900:#010a04;--status-success:var(--anchor-500);--status-warning:var(--signal-600);--status-danger:#df202e;--status-info:#1a89c5;--bg:var(--ink-0);--bg-subtle:var(--ink-50);--bg-muted:var(--ink-100);--bg-inverse:var(--ink-1000);--surface:var(--ink-0);--surface-2:var(--ink-50);--surface-3:var(--ink-100);--border:var(--ink-200);--border-strong:var(--ink-300);--border-inverse:#ffffff1f;--fg:var(--ink-1000);--fg-1:var(--ink-1000);--fg-2:var(--ink-600);--fg-3:var(--ink-500);--fg-4:var(--ink-400);--fg-inverse:var(--ink-0);--fg-on-signal:var(--ink-1000);--accent:var(--signal-500);--accent-hover:var(--signal-400);--accent-press:var(--signal-600);--accent-fg:var(--ink-1000);--accent-tint:var(--signal-50);--anchor:var(--anchor-500);--anchor-hover:var(--anchor-400);--anchor-press:var(--anchor-600);--anchor-fg:var(--ink-0);--anchor-tint:var(--anchor-50);--focus-ring:var(--ink-1000);--link:var(--ink-1000);--link-hover:var(--signal-700);--link-visited:var(--ink-700);--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-3xs:10px;--fs-2xs:11px;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:38px;--fs-5xl:48px;--fs-6xl:64px;--fs-7xl:84px;--fs-8xl:112px;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.5;--lh-relaxed:1.65;--tr-tight:-.025em;--tr-snug:-.015em;--tr-normal:0em;--tr-wide:.04em;--tr-caps:.08em;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--space-0:0;--space-px:1px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--space-13:128px;--space-14:160px;--space-15:192px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-pill:999px;--shadow-xs:0 1px 0 0 #0000000a;--shadow-sm:0 1px 2px 0 #0000000f, 0 0 0 1px #0000000a;--shadow-md:0 4px 12px -2px #00000014, 0 0 0 1px #0000000a;--shadow-lg:0 12px 32px -8px #00000024, 0 0 0 1px #0000000d;--shadow-xl:0 24px 56px -12px #0003, 0 0 0 1px #0000000d;--shadow-inset:inset 0 1px 0 0 #0000000a;--shadow-focus:0 0 0 2px var(--bg), 0 0 0 4px var(--focus-ring);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-instant:80ms;--dur-fast:.14s;--dur-normal:.22s;--dur-slow:.42s;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--gutter:max(20px, 4vw);--z-base:0;--z-raised:10;--z-sticky:100;--z-overlay:1000;--z-modal:1100;--z-toast:1200;--z-tooltip:1300}@supports (color:lab(0% 0 0)){:root{--ink-50:lab(98.144% -.25627 -.702512);--ink-100:lab(95.592% -.383496 -1.05324);--ink-200:lab(91.6479% -.510097 -1.40351);--ink-300:lab(83.7597% -.635505 -1.75321);--ink-400:lab(65.1995% -.758022 -2.10124);--ink-500:lab(47.7986% -.997245 -2.79433);--ink-600:lab(32.7169% -1.22039 -3.47927);--ink-700:lab(18.7955% -1.19306 -3.466);--ink-800:lab(7.21981% -1.05657 -3.39818);--ink-900:lab(1.55833% -.290006 -1.02983);--ink-950:lab(.194372% -.0489503 -.201249);--signal-50:lab(97.1366% 2.28158 9.33361);--signal-100:lab(93.0929% 5.52022 20.9542);--signal-200:lab(87.2575% 11.4394 39.8324);--signal-300:lab(80.1061% 20.1576 58.9301);--signal-400:lab(74.0758% 27.5386 70.1879);--signal-500:lab(67.4807% 33.8258 83.4632);--signal-600:lab(56.1624% 39.351 71.4289);--signal-700:lab(43.2621% 39.6868 51.7027);--signal-800:lab(29.472% 33.0885 36.2387);--signal-900:lab(15.8134% 23.3827 21.3498);--anchor-50:lab(95.6026% -5.92488 1.71905);--anchor-100:lab(90.0308% -11.5669 3.34862);--anchor-200:lab(79.8604% -18.0021 6.34452);--anchor-300:lab(66.2039% -24.4415 9.66673);--anchor-400:lab(48.9258% -27.5624 12.1494);--anchor-500:lab(33.7666% -25.6833 12.5759);--anchor-600:lab(24.2902% -20.8707 10.2196);--anchor-700:lab(14.8139% -16.0582 7.86327);--anchor-800:lab(6.59045% -8.7646 4.17661);--anchor-900:lab(2.11644% -2.92492 1.39228);--status-success:lab(57.975% -51.6006 26.6932);--status-warning:lab(74.6481% 12.6892 76.8998);--status-danger:lab(49.0306% 69.7939 45.0284);--status-info:lab(53.4303% -13.3412 -40.5402);--border-inverse:lab(100% 0 0/.12);--shadow-xs:0 1px 0 0 lab(0% 0 0/.04);--shadow-sm:0 1px 2px 0 lab(0% 0 0/.06), 0 0 0 1px lab(0% 0 0/.04);--shadow-md:0 4px 12px -2px lab(0% 0 0/.08), 0 0 0 1px lab(0% 0 0/.04);--shadow-lg:0 12px 32px -8px lab(0% 0 0/.14), 0 0 0 1px lab(0% 0 0/.05);--shadow-xl:0 24px 56px -12px lab(0% 0 0/.2), 0 0 0 1px lab(0% 0 0/.05);--shadow-inset:inset 0 1px 0 0 lab(0% 0 0/.04)}}[data-theme=dark]{--bg:var(--ink-1000);--bg-subtle:var(--ink-950);--bg-muted:var(--ink-900);--bg-inverse:var(--ink-0);--surface:var(--ink-950);--surface-2:var(--ink-900);--surface-3:var(--ink-800);--border:#ffffff1a;--border-strong:#ffffff2e;--border-inverse:var(--ink-200);--fg:var(--ink-0);--fg-1:var(--ink-0);--fg-2:var(--ink-300);--fg-3:var(--ink-400);--fg-4:var(--ink-500);--fg-inverse:var(--ink-1000);--link:var(--ink-0);--link-hover:var(--signal-400);--link-visited:var(--ink-200)}@supports (color:lab(0% 0 0)){[data-theme=dark]{--border:lab(100% 0 0/.1);--border-strong:lab(100% 0 0/.18)}}.t-display-1{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:clamp(48px, 7vw, var(--fs-8xl));line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--fg)}.t-display-2{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:clamp(38px, 5.5vw, var(--fs-7xl));line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--fg)}.t-h1{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-5xl);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--fg)}.t-h2{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-4xl);line-height:var(--lh-snug);letter-spacing:var(--tr-snug);color:var(--fg)}.t-h3{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-3xl);line-height:var(--lh-snug);letter-spacing:var(--tr-snug);color:var(--fg)}.t-h4{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-2xl);line-height:var(--lh-snug);letter-spacing:var(--tr-snug);color:var(--fg)}.t-h5{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-xl);line-height:var(--lh-snug);color:var(--fg)}.t-lead{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-xl);line-height:var(--lh-relaxed);color:var(--fg-2)}.t-body{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--fg)}.t-body-sm{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--fg-2)}.t-caption{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-xs);line-height:var(--lh-normal);color:var(--fg-3)}.t-eyebrow{font-family:var(--font-mono);font-weight:var(--fw-medium);font-size:var(--fs-xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--fg-2);line-height:1}.t-mono{font-family:var(--font-mono);font-weight:var(--fw-regular);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--fg);font-variant-ligatures:none}.t-code{font-family:var(--font-mono);font-weight:var(--fw-regular);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-xs);padding:.1em .35em;font-size:.92em}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-relaxed);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:var(--signal-500);color:var(--ink-1000)}a{color:var(--link);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--link-hover)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.ds-button{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;justify-content:center;line-height:1;display:inline-flex}.ds-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-button--sm{font-size:var(--fs-xs);min-height:36px;padding:var(--space-2) var(--space-3)}.ds-button--lg{font-size:var(--fs-md);padding:var(--space-4) var(--space-5)}.ds-button--primary{background-color:var(--ink-1000);color:var(--ink-0)}.ds-button--primary:hover{background-color:var(--ink-800)}.ds-button--primary:active{background-color:var(--ink-900);transform:translateY(1px)}.ds-button--accent{background-color:var(--accent);color:var(--accent-fg)}.ds-button--accent:hover{background-color:var(--accent-hover)}.ds-button--accent:active{background-color:var(--accent-press);transform:translateY(1px)}.ds-button--secondary{border-color:var(--border-strong);color:var(--fg);background-color:#0000}.ds-button--secondary:hover{background-color:var(--bg-subtle)}.ds-button--ghost{color:var(--fg);background-color:#0000}.ds-button--ghost:hover{background-color:var(--bg-subtle)}.ds-button--disabled,.ds-button:disabled{background-color:var(--ink-100);color:var(--fg-4);cursor:not-allowed;border-color:#0000;transform:none}.ds-button--disabled:hover,.ds-button:disabled:hover{background-color:var(--ink-100)}
.ds-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.ds-card__header{gap:var(--space-1);padding:var(--space-6) var(--space-6) 0;display:grid}.ds-card__title{color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:var(--tr-tight);line-height:var(--lh-tight);margin:0}.ds-card__description{color:var(--fg-2);font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-normal);margin:0}.ds-card__content{padding:var(--space-6)}.ds-card__footer{align-items:center;gap:var(--space-3);padding:0 var(--space-6) var(--space-6);display:flex}
.ds-field{gap:var(--space-2);display:grid}.ds-label{color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.ds-hint{color:var(--fg-3);font-family:var(--font-sans);font-size:var(--fs-xs)}.ds-hint--error{color:var(--status-danger)}.ds-input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-sm);min-height:44px;padding:var(--space-3) var(--space-3);width:100%}.ds-input:focus-visible{border-color:var(--ink-1000);outline:2px solid var(--focus-ring);outline-offset:1px}.ds-input--error{border-color:var(--status-danger)}.ds-textarea{resize:vertical;min-height:64px}.ds-select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16' fill='none' stroke='%23666' stroke-width='1.5'><path d='M4 6l4 4 4-4'/></svg>");background-position:right var(--space-3) center;cursor:pointer;padding-right:var(--space-8);background-repeat:no-repeat}
.ds-badge{border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-medium);letter-spacing:.06em;padding:var(--space-1) var(--space-3);text-transform:uppercase;line-height:1;display:inline-block}.ds-badge--default{background:var(--ink-100);color:var(--fg-2)}.ds-badge--signal{background:var(--signal-100);color:var(--signal-800)}.ds-badge--anchor{background:var(--anchor-100);color:var(--anchor-700)}.ds-badge--solid{background:var(--ink-1000);color:var(--ink-0)}.ds-badge--outline{border:1px solid var(--border-strong);color:var(--fg-2);background:0 0}
.ds-alert{border:1px solid var(--border);border-radius:var(--radius-md);gap:var(--space-1);padding:var(--space-4) var(--space-5);display:grid}.ds-alert__title{font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.ds-alert__description{font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-normal)}.ds-alert--default{background:var(--bg-subtle);color:var(--fg)}.ds-alert--success{background:var(--anchor-50);border-color:var(--anchor-200);color:var(--anchor-800)}.ds-alert--warning{background:var(--signal-50);border-color:var(--signal-200);color:var(--signal-800)}.ds-alert--danger{color:var(--status-danger);background:#fff1f0;background:lab(96.3359% 6.12152 3.29586);border-color:#ffc6c0;border-color:lab(85.327% 24.7177 13.5)}.ds-alert--info{background:var(--bg-subtle);border-color:var(--border-strong);color:var(--fg-2)}
.ds-separator{background:var(--border);flex-shrink:0}.ds-separator--horizontal{width:100%;height:1px}.ds-separator--vertical{width:1px;height:100%}
.ds-tabs{gap:var(--space-4);display:grid}.ds-tabs__list{border-bottom:1px solid var(--border);gap:var(--space-1);display:flex}.ds-tabs__trigger{color:var(--fg-2);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);min-height:44px;padding:var(--space-3) var(--space-4);transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.ds-tabs__trigger:hover{color:var(--fg)}.ds-tabs__trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-tabs__trigger--active{border-bottom-color:var(--ink-1000);color:var(--fg)}.ds-tabs__content{padding-top:var(--space-2)}
.ds-dialog{max-width:480px;max-height:90vh;width:calc(100% - var(--space-8));background:0 0;border:none;padding:0}.ds-dialog::backdrop{background:#00000080;background:lab(0% 0 0/.5)}.ds-dialog__inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);gap:var(--space-4);padding:var(--space-6);display:grid}.ds-dialog__header{gap:var(--space-1);display:grid}.ds-dialog__title{color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:var(--tr-tight);margin:0}.ds-dialog__description{color:var(--fg-2);font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-normal);margin:0}.ds-dialog__footer{gap:var(--space-3);justify-content:flex-end;display:flex}
.ds-avatar{background:var(--ink-100);border-radius:var(--radius-pill);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.ds-avatar--sm{width:32px;height:32px}.ds-avatar--md{width:40px;height:40px}.ds-avatar--lg{width:56px;height:56px}.ds-avatar__image{object-fit:cover;width:100%;height:100%}.ds-avatar__fallback{color:var(--fg-2);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase}.ds-avatar--lg .ds-avatar__fallback{font-size:var(--fs-sm)}
.ds-breadcrumb__list{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ds-breadcrumb__item{align-items:center;gap:var(--space-2);display:flex}.ds-breadcrumb__link{color:var(--fg-2);font-family:var(--font-sans);font-size:var(--fs-sm);text-decoration:none}.ds-breadcrumb__link:hover{color:var(--link-hover)}.ds-breadcrumb__link--current{color:var(--fg);font-weight:var(--fw-medium)}.ds-breadcrumb__separator{color:var(--fg-4);font-size:var(--fs-sm)}
.ds-checkbox{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.ds-checkbox__input{accent-color:var(--ink-1000);cursor:pointer;width:18px;height:18px}.ds-checkbox__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-checkbox__label{color:var(--fg);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-sm)}
.ds-switch{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.ds-switch__input{appearance:none;background:var(--ink-200);border-radius:var(--radius-pill);cursor:pointer;height:24px;transition:background-color var(--dur-fast) var(--ease-out);width:44px;position:relative}.ds-switch__input:before{background:var(--ink-0);border-radius:var(--radius-pill);content:"";height:18px;transition:transform var(--dur-fast) var(--ease-out);width:18px;position:absolute;top:3px;left:3px}.ds-switch__input:checked{background:var(--ink-1000)}.ds-switch__input:checked:before{transform:translate(20px)}.ds-switch__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-switch__label{color:var(--fg);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-sm)}
.ds-skeleton{background:var(--ink-100);border-radius:var(--radius-sm);min-height:16px;animation:1.5s ease-in-out infinite ds-skeleton-pulse}@keyframes ds-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}
.ds-progress{background:var(--ink-100);border-radius:var(--radius-pill);width:100%;height:8px;overflow:hidden}.ds-progress__bar{background:var(--ink-1000);border-radius:var(--radius-pill);height:100%;transition:width var(--dur-normal) var(--ease-out)}
.ds-dropdown__trigger{border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-sm);align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);background:0 0;justify-content:center;display:inline-flex}.ds-dropdown__trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-dropdown__content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);gap:var(--space-1);min-width:180px;padding:var(--space-2);display:grid}.ds-dropdown__item{border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-sm);align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);text-align:left;background:0 0;border:none;width:100%;display:flex}.ds-dropdown__item:hover,.ds-dropdown__item:focus-visible{background:var(--bg-subtle);outline:none}.ds-dropdown__item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.ds-dropdown__item--inset{padding-left:var(--space-6)}.ds-dropdown__label{color:var(--fg-3);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:var(--tr-caps);padding:var(--space-2) var(--space-3);text-transform:uppercase}.ds-dropdown__label--inset{padding-left:var(--space-6)}.ds-dropdown__separator{background:var(--border);height:1px;margin:var(--space-1) 0}
.ds-popover__trigger{border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-sm);min-height:44px;padding:var(--space-2) var(--space-4);background:0 0;align-items:center;display:inline-flex}.ds-popover__trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-popover__content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:320px;padding:var(--space-4)}
.ds-tooltip__trigger{display:inline-flex}.ds-tooltip__content{background:var(--ink-1000);border-radius:var(--radius-sm);color:var(--ink-0);font-family:var(--font-sans);font-size:var(--fs-xs);max-width:240px;padding:var(--space-2) var(--space-3);pointer-events:none}
.ds-sheet{background:0 0;border:none;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;position:fixed;overflow:visible}.ds-sheet::backdrop{background:#00000073;background:lab(0% 0 0/.45)}.ds-sheet__inner{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);gap:var(--space-4);height:100%;padding:var(--space-6);display:grid}.ds-sheet--right .ds-sheet__inner{width:100%;max-width:400px;margin-left:auto}.ds-sheet--left .ds-sheet__inner{width:100%;max-width:400px;margin-right:auto}.ds-sheet--top .ds-sheet__inner{width:100%;max-height:320px;margin-bottom:auto}.ds-sheet--bottom .ds-sheet__inner{width:100%;max-height:320px;margin-top:auto}.ds-sheet__header{gap:var(--space-1);display:grid}.ds-sheet__title{color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:var(--tr-tight);margin:0}.ds-sheet__description{color:var(--fg-2);font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-normal);margin:0}.ds-sheet__footer{gap:var(--space-3);justify-content:flex-end;margin-top:auto;display:flex}
.ds-toast-viewport{bottom:var(--space-6);gap:var(--space-3);right:var(--space-6);width:min(360px, calc(100vw - var(--space-8)));z-index:var(--z-toast);display:grid;position:fixed}.ds-toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:flex-start;gap:var(--space-3);padding:var(--space-4);display:flex}.ds-toast--success{border-color:var(--status-success)}.ds-toast--warning{border-color:var(--status-warning)}.ds-toast--danger{border-color:var(--status-danger)}.ds-toast--info{border-color:var(--status-info)}.ds-toast__content{gap:var(--space-1);flex:1;display:grid}.ds-toast__title{color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.ds-toast__description{color:var(--fg-2);font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-normal)}.ds-toast__close{color:var(--fg-3);cursor:pointer;font-size:var(--fs-lg);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;line-height:1;display:inline-flex}.ds-toast__close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-toast__action{border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-sm);min-height:44px;padding:var(--space-2) var(--space-3);background:0 0}
.ds-eyebrow{color:var(--fg-2);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.16em;text-transform:uppercase}
.ds-rule-link{border-bottom:1px solid var(--ink-1000);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);align-items:center;gap:var(--space-2);padding-bottom:2px;text-decoration:none;display:inline-flex}.ds-rule-link:hover{color:var(--link-hover)}.ds-rule-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-radio-group{gap:var(--space-2);flex-direction:column;display:flex}.ds-radio-group__item{align-items:center;gap:var(--space-2);min-height:44px;display:flex}.ds-radio-group__input{width:20px;height:20px;accent-color:var(--accent)}.ds-radio-group__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-radio-group__label{font-size:var(--fs-sm);color:var(--fg)}
.ds-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:9999px;animation:.7s linear infinite ds-spin;display:inline-block}.ds-spinner--sm{width:16px;height:16px}.ds-spinner--md{width:24px;height:24px}.ds-spinner--lg{border-width:3px;width:40px;height:40px}@keyframes ds-spin{to{transform:rotate(360deg)}}
.ds-slider{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.ds-slider__label{font-size:var(--fs-sm);color:var(--fg-2)}.ds-slider__input{appearance:none;background:0 0;width:100%;height:44px}.ds-slider__input::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:var(--border);height:4px}.ds-slider__input::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--surface);width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:9999px;margin-top:-8px}.ds-slider__input::-moz-range-track{border-radius:var(--radius-pill);background:var(--border);height:4px}.ds-slider__input::-moz-range-thumb{background:var(--accent);border:2px solid var(--surface);width:20px;height:20px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:9999px}.ds-slider__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.ds-kbd{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-subtle);min-width:20px;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg-2);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:2px 6px;display:inline-flex}
.ds-chip{align-items:center;gap:var(--space-1);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--bg-subtle);border:1px solid var(--border);min-height:32px;font-size:var(--fs-xs);color:var(--fg);display:inline-flex}.ds-chip__remove{width:22px;height:22px;color:var(--fg-3);cursor:pointer;font-size:var(--fs-sm);background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;margin-right:-4px;line-height:1;display:inline-flex}.ds-chip__remove:hover{background:var(--border);color:var(--fg)}.ds-chip__remove:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.ds-form-field{gap:var(--space-1);flex-direction:column;display:flex}.ds-form-field__label{margin-bottom:2px}.ds-form-field__required{color:var(--status-danger)}.ds-form-field__message{font-size:var(--fs-xs);margin:0}.ds-form-field__message--hint{color:var(--fg-3)}.ds-form-field__message--error{color:var(--status-danger)}
.ds-search-field{align-items:center;display:flex;position:relative}.ds-search-field__icon{left:var(--space-3);color:var(--fg-3);pointer-events:none;position:absolute}.ds-search-field__input{width:100%;min-height:44px;padding:0 var(--space-8) 0 var(--space-8);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:var(--fs-sm)}.ds-search-field__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.ds-search-field__input::-webkit-search-cancel-button{appearance:none}.ds-search-field__clear{right:var(--space-2);width:24px;height:24px;color:var(--fg-3);cursor:pointer;font-size:var(--fs-md);background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.ds-search-field__clear:hover{background:var(--bg-subtle);color:var(--fg)}.ds-search-field__clear:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.ds-pagination{align-items:center;gap:var(--space-2);display:flex}.ds-pagination__list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.ds-pagination__nav,.ds-pagination__item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:44px;color:var(--fg);cursor:pointer;font-size:var(--fs-sm);justify-content:center;align-items:center;display:inline-flex}.ds-pagination__nav:disabled{opacity:.4;cursor:not-allowed}.ds-pagination__item--active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.ds-pagination__nav:focus-visible,.ds-pagination__item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.ds-stepper{margin:0;padding:0;list-style:none;display:flex}.ds-stepper__step{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--fg-3);flex:1;display:flex}.ds-stepper__step:not(:last-child):after{content:"";background:var(--border);height:1px;margin:0 var(--space-2);flex:1}.ds-stepper__indicator{border:1px solid var(--border-strong);width:24px;height:24px;font-size:var(--fs-xs);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ds-stepper__step--active .ds-stepper__indicator{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.ds-stepper__step--active .ds-stepper__label{color:var(--fg);font-weight:var(--fw-medium)}.ds-stepper__step--complete .ds-stepper__indicator{border-color:var(--status-success);background:var(--status-success);color:var(--surface)}
.ds-segmented-control{border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border);padding:2px;display:inline-flex}.ds-segmented-control__item{min-width:44px;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--fg-2);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none}.ds-segmented-control__item--active{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.ds-segmented-control__item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.ds-empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-8);color:var(--fg-3);flex-direction:column;display:flex}.ds-empty-state__icon{font-size:var(--fs-lg);color:var(--fg-4)}.ds-empty-state__title{font-size:var(--fs-md);font-weight:var(--fw-medium);color:var(--fg);margin:0}.ds-empty-state__description{font-size:var(--fs-sm);margin:0}.ds-empty-state__action{margin-top:var(--space-2)}
.ds-rating{gap:2px;display:inline-flex}.ds-rating__star{color:var(--border-strong);font-size:var(--fs-lg)}.ds-rating__star--filled{color:var(--signal-800)}.ds-rating__button{width:32px;height:32px;color:var(--border-strong);font-size:var(--fs-lg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.ds-rating__button.ds-rating__star--filled{color:var(--signal-800)}.ds-rating__button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}
.ds-virtual-list{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.ds-virtual-list__row{padding:0 var(--space-3);border-bottom:1px solid var(--border);align-items:center;display:flex}
.ds-accordion{border-top:1px solid var(--border)}.ds-accordion__item{border-bottom:1px solid var(--border)}.ds-accordion__heading{margin:0}.ds-accordion__trigger{width:100%;min-height:44px;padding:var(--space-3) 0;color:var(--fg);font-size:var(--fs-sm);font-weight:var(--fw-medium);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.ds-accordion__trigger:after{content:"+";color:var(--fg-3)}.ds-accordion__trigger--open:after{content:"−"}.ds-accordion__trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-accordion__content{padding-bottom:var(--space-3);color:var(--fg-2);font-size:var(--fs-sm)}
.ds-date-picker{display:inline-block;position:relative}.ds-date-picker__popover{z-index:var(--z-overlay);margin-top:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);width:280px;position:absolute}.ds-date-picker__header{margin-bottom:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);justify-content:space-between;align-items:center;display:flex}.ds-date-picker__header button{cursor:pointer;font-size:var(--fs-md);color:var(--fg-2);background:0 0;border:none}.ds-date-picker__grid{flex-direction:column;gap:2px;display:flex}.ds-date-picker__row{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.ds-date-picker__cell{justify-content:center;align-items:center;display:flex}.ds-date-picker__day{border-radius:var(--radius-sm);width:100%;height:32px;color:var(--fg);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ds-date-picker__day:hover{background:var(--bg-subtle)}.ds-date-picker__day:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.ds-date-picker__day--today{font-weight:var(--fw-medium);box-shadow:inset 0 0 0 1px var(--border)}.ds-date-picker__day--selected{background:var(--accent);color:var(--accent-fg)}.ds-date-picker__day--selected:hover{background:var(--accent-hover)}.ds-date-picker__day--today.ds-date-picker__day--selected{box-shadow:none}
.ds-combobox{width:100%;position:relative}.ds-combobox__list{z-index:var(--z-overlay);margin:var(--space-1) 0 0;padding:var(--space-1) 0;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow-lg);position:absolute;overflow-y:auto}.ds-combobox__option{width:100%;min-height:44px;padding:0 var(--space-3);color:var(--fg);font-size:var(--fs-sm);cursor:pointer;align-items:center;display:flex}.ds-combobox__option--active{background:var(--bg-subtle)}.ds-combobox__option--selected{font-weight:var(--fw-medium)}.ds-combobox__empty{padding:var(--space-3);color:var(--fg-3);font-size:var(--fs-sm)}
.ds-table-wrapper{gap:var(--space-3);flex-direction:column;width:100%;display:flex;overflow-x:auto}.ds-table-wrapper__footer{justify-content:flex-end;display:flex}.ds-table__filter{max-width:320px}.ds-table__sort{align-items:center;gap:var(--space-1);font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:inline-flex}.ds-table__sort:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-table__sort-icon{font-size:var(--fs-2xs);color:var(--fg-3)}
table.ds-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}table.ds-table th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-strong);color:var(--fg-2);font-weight:var(--fw-medium)}table.ds-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--fg)}
.ds-table--virtual{font-size:var(--fs-sm);display:block}.ds-table__vrow{align-items:center;display:grid}.ds-table__vrow--head{border-bottom:1px solid var(--border-strong)}.ds-table__vrow:not(.ds-table__vrow--head):not(.ds-table__vrow--empty){border-bottom:1px solid var(--border)}.ds-table__vrow--empty{display:block}.ds-table__vcell{padding:var(--space-2) var(--space-3);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-table__vcell--head{color:var(--fg-2);font-weight:var(--fw-medium)}.ds-table__vcell--empty{white-space:normal;padding:0}.ds-table__vbody{width:100%}
.ds-navigation-menu__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ds-navigation-menu__list .ds-navigation-menu__list{padding-left:var(--space-4)}.ds-navigation-menu__label{padding:var(--space-2) var(--space-3);color:var(--fg-3);font-size:var(--fs-xs);font-weight:var(--fw-medium);align-items:center;display:flex}.ds-navigation-menu__link{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--fg-2);font-size:var(--fs-sm);align-items:center;text-decoration:none;display:flex}.ds-navigation-menu__link:hover{background:var(--bg-subtle);color:var(--fg)}.ds-navigation-menu__link--active{background:var(--bg-subtle);color:var(--fg);font-weight:var(--fw-medium)}.ds-navigation-menu__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}
.ds-command-palette .ds-search-field{width:100%}.ds-command-palette__list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.ds-command-palette__item{width:100%;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--fg);font-size:var(--fs-sm);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.ds-command-palette__item:hover,.ds-command-palette__item--active{background:var(--bg-subtle)}.ds-command-palette__shortcut{gap:4px;display:flex}.ds-command-palette__empty{padding:var(--space-3);color:var(--fg-3);font-size:var(--fs-sm)}

.site-header{z-index:var(--z-sticky);background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--space-6);max-width:var(--container-2xl);padding:0 var(--gutter);height:64px;margin:0 auto;display:flex}.site-wordmark{align-items:baseline;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-lg);letter-spacing:var(--tr-snug);color:var(--fg);text-decoration:none;display:flex}.site-wordmark:hover{color:var(--fg)}.site-wordmark__dot{color:var(--accent)}.site-wordmark__suffix{font-family:var(--font-mono);font-weight:var(--fw-medium);font-size:var(--fs-2xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--fg-3)}.site-header__nav{align-items:stretch;gap:var(--space-1);height:100%;margin-left:auto;display:flex}.site-header__link{padding:0 var(--space-3);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-2);align-items:center;text-decoration:none;display:inline-flex}.site-header__link:hover{color:var(--fg)}.site-header__actions{align-items:stretch;gap:var(--space-2);display:flex}.site-search-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--fg-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-self:center;display:inline-flex;position:relative}.site-search-button:hover{border-color:var(--border-strong);color:var(--fg-2)}.site-search-button:after{content:"";inset:calc(-1 * var(--space-2)) 0;position:absolute}.docs-shell{gap:var(--space-10);max-width:var(--container-2xl);padding:var(--space-8) var(--gutter) var(--space-13);grid-template-columns:260px minmax(0,1fr);margin:0 auto;display:grid}.site-sidebar{top:calc(64px + var(--space-6));max-height:calc(100vh - 64px - var(--space-8));padding-right:var(--space-2);align-self:start;position:sticky;overflow-y:auto}.site-sidebar .ds-navigation-menu__list{margin:0;padding:0;list-style:none}.site-sidebar>nav>.ds-navigation-menu__list>li{margin-bottom:var(--space-5)}.site-sidebar>nav>.ds-navigation-menu__list>li>.ds-navigation-menu__label{padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--fg-3)}.site-sidebar .ds-navigation-menu__link{padding:var(--space-1) var(--space-2);font-size:var(--fs-sm);color:var(--fg-2);border-radius:var(--radius-xs);text-decoration:none;display:block}.site-sidebar .ds-navigation-menu__list .ds-navigation-menu__list .ds-navigation-menu__link:hover{color:var(--fg);background:var(--bg-subtle)}.site-sidebar .ds-navigation-menu__link--active{color:var(--fg);font-weight:var(--fw-medium);background:var(--bg-subtle);box-shadow:inset 2px 0 0 0 var(--accent)}@media (max-width:960px){.docs-shell{grid-template-columns:minmax(0,1fr)}.site-sidebar,.site-header__nav{display:none}}.docs-main{min-width:0}.prose{max-width:var(--container-md)}.prose>h1{font-size:var(--fs-4xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--tr-tight);margin:0 0 var(--space-4)}.prose h2{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--tr-snug);margin:var(--space-10) 0 var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.prose h3{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);margin:var(--space-7) 0 var(--space-2)}.prose h4{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:var(--space-6) 0 var(--space-2)}.prose h2 a,.prose h3 a,.prose h4 a{color:inherit;text-decoration:none}.prose h2 a:hover,.prose h3 a:hover,.prose h4 a:hover{text-underline-offset:.2em;text-decoration:underline}.prose p,.prose ul,.prose ol{line-height:var(--lh-relaxed);margin:0 0 var(--space-4)}.prose li{margin-bottom:var(--space-1)}.prose .lead,.prose>h1+p{font-size:var(--fs-xl);line-height:var(--lh-relaxed);color:var(--fg-2);margin-bottom:var(--space-6)}.prose code{font-family:var(--font-mono);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-xs);padding:.1em .35em;font-size:.92em}.prose pre code{font-size:var(--fs-sm);background:0 0;border:none;padding:0}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}.prose blockquote{margin:0 0 var(--space-4);padding:var(--space-1) var(--space-4);border-left:2px solid var(--border-strong);color:var(--fg-2)}.prose img{max-width:100%}.table-scroll{margin:0 0 var(--space-5);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table-scroll th{text-align:left;font-weight:var(--fw-medium);font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--fg-3);background:var(--bg-subtle);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.table-scroll td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);vertical-align:top}.table-scroll tr:last-child td{border-bottom:none}.code-block{margin:0 0 var(--space-5);position:relative}.code-block__body pre{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm);line-height:var(--lh-normal);margin:0;overflow-x:auto;background:var(--bg-muted)!important}.code-block__copy{top:var(--space-2);right:var(--space-2);z-index:var(--z-raised);position:absolute}.component-header__meta{align-items:center;gap:var(--space-4);margin:0 0 var(--space-5);font-size:var(--fs-sm);display:flex}.component-header__styles{font-size:var(--fs-sm);color:var(--fg-2)}.demo-block{margin:0 0 var(--space-6)}.demo-block__stage{padding:var(--space-8) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:radial-gradient(circle, var(--ink-100) 1px, transparent 1px) 0 0 / 16px 16px, var(--bg);display:flow-root}.demo-block__source{border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none}.demo-block__source summary{padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--fg-3);cursor:pointer}.demo-block__source summary:hover{color:var(--fg-2);background:var(--bg-subtle)}.demo-block__source .code-block{margin:0}.demo-block__source .code-block__body pre{border:none;border-top:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.demo-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.demo-col{gap:var(--space-4);flex-direction:column;max-width:360px;display:flex}.props-required{margin-left:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-3xs);letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--status-danger)}.props-inherits,.props-gaps{font-size:var(--fs-sm);color:var(--fg-2)}.do-dont{gap:var(--space-4);margin:var(--space-6) 0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.do-dont__col{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5)}.do-dont__col--do{border-top:2px solid var(--status-success)}.do-dont__col--dont{border-top:2px solid var(--status-danger)}.do-dont__label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--tr-caps);text-transform:uppercase;margin:0 0 var(--space-2)}.do-dont__col--do .do-dont__label{color:var(--status-success)}.do-dont__col--dont .do-dont__label{color:var(--status-danger)}.do-dont ul{padding-left:var(--space-5);font-size:var(--fs-sm);margin:0}.do-dont li{margin-bottom:var(--space-2)}.related-components{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.related-card{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg);transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.related-card:hover{border-color:var(--border-strong);color:var(--fg);transform:translateY(-1px)}.related-card__name{font-weight:var(--fw-medium)}.related-card__description{font-size:var(--fs-sm);color:var(--fg-2)}.color-swatch{width:var(--space-8);height:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-xs);display:inline-block}.contrast-usage{font-size:var(--fs-xs);color:var(--fg-3);margin-top:var(--space-1)}.contrast-sample{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-xs);font-weight:var(--fw-medium);white-space:nowrap;display:inline-block}.contrast-verdict{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--tr-wide);text-transform:uppercase;white-space:nowrap}.contrast-verdict--pass{color:var(--status-success)}.contrast-verdict--large{color:var(--status-warning)}.contrast-verdict--fail{color:var(--status-danger)}.type-scale__row{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border);grid-template-columns:140px minmax(0,1fr);align-items:baseline;display:grid}.type-scale__meta{gap:var(--space-1);font-size:var(--fs-xs);color:var(--fg-3);flex-direction:column;display:flex}.type-scale__sample{line-height:var(--lh-snug);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.space-scale__row{gap:var(--space-3);padding:var(--space-1) 0;grid-template-columns:120px 60px minmax(0,1fr);align-items:center;display:grid}.space-scale__name{font-size:var(--fs-xs)}.space-scale__value{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3)}.space-scale__bar{height:var(--space-3);background:var(--accent);border-radius:var(--radius-none);display:block}.radius-gallery,.shadow-gallery{gap:var(--space-5);margin:var(--space-5) 0;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.radius-gallery__item,.shadow-gallery__item{gap:var(--space-2);font-size:var(--fs-xs);flex-direction:column;display:flex}.radius-gallery__box{height:var(--space-10);background:var(--bg-subtle);border:1px solid var(--border-strong)}.shadow-gallery__box{height:var(--space-10);background:var(--surface);border-radius:var(--radius-md)}.radius-gallery__meta,.shadow-gallery__meta{color:var(--fg-3)}.motion-gallery__group h3{font-size:var(--fs-md)}.motion-gallery__row{gap:var(--space-3);padding:var(--space-1) 0;grid-template-columns:120px 60px minmax(0,1fr);align-items:center;display:grid}.motion-gallery__label{font-size:var(--fs-xs)}.motion-gallery__value{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-3);font-weight:var(--fw-regular)}.motion-gallery__track{height:var(--space-5);border-left:1px solid var(--border);border-right:1px solid var(--border);padding:0 var(--space-1);align-items:center;display:flex}.motion-gallery__dot{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill);background:var(--accent)}.home-hero{background:var(--bg-inverse);color:var(--fg-inverse);background-image:radial-gradient(oklch(100% 0 0/.08) 1px,#0000 1px);background-size:24px 24px}.home-hero__inner{max-width:var(--container-lg);padding:var(--space-13) var(--gutter);margin:0 auto}.home-hero__eyebrow{color:var(--signal-400);margin:0 0 var(--space-4)}.home-hero__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:clamp(38px, 5.5vw, var(--fs-6xl));line-height:var(--lh-tight);letter-spacing:var(--tr-tight);color:var(--fg-inverse);margin:0 0 var(--space-5);max-width:16em}.home-hero__dot{color:var(--accent)}.home-hero__lead{font-size:var(--fs-xl);line-height:var(--lh-relaxed);color:var(--ink-300);max-width:var(--container-md);margin:0 0 var(--space-7)}.home-hero__actions{align-items:center;gap:var(--space-5);margin-bottom:var(--space-10);display:flex}.home-hero__actions .ds-button{text-decoration:none}.home-hero__secondary{color:var(--fg-inverse);font-weight:var(--fw-medium)}.home-hero__secondary:hover{color:var(--signal-400)}.home-hero__stats{gap:var(--space-9);border-top:1px solid var(--border-inverse);padding-top:var(--space-6);flex-wrap:wrap;margin:0;display:flex}.home-hero__stat dd{font-family:var(--font-mono);font-size:var(--fs-3xl);font-weight:var(--fw-semibold);color:var(--accent);margin:0}.home-hero__stat dt{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--ink-400)}.home-section{max-width:var(--container-xl);padding:var(--space-11) var(--gutter) 0;margin:0 auto}.home-section>h2{font-size:var(--fs-2xl);letter-spacing:var(--tr-snug);margin:0 0 var(--space-6)}.home-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.home-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);background:var(--surface)}.home-card h3{font-size:var(--fs-lg);margin:0 0 var(--space-2)}.home-card p{font-size:var(--fs-sm);color:var(--fg-2);line-height:var(--lh-relaxed);margin:0}.home-card--link{color:var(--fg);transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);text-decoration:none}.home-card--link:hover{color:var(--fg);border-color:var(--border-strong);transform:translateY(-1px)}.home-ai-note{max-width:var(--container-md);color:var(--fg-2);line-height:var(--lh-relaxed)}.component-index__grid{gap:var(--space-3);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.site-footer{background:var(--bg-inverse);color:var(--fg-inverse);margin-top:var(--space-13)}.site-footer__inner{max-width:var(--container-2xl);padding:var(--space-11) var(--gutter);margin:0 auto}.site-footer__wordmark{font-weight:var(--fw-semibold);font-size:var(--fs-xl);margin:0 0 var(--space-1)}.site-footer__dot{color:var(--accent)}.site-footer__tagline{color:var(--ink-300);margin:0 0 var(--space-6)}.site-footer__links{gap:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.site-footer__links a{color:var(--fg-inverse);font-size:var(--fs-sm)}.site-footer__links a:hover{color:var(--signal-400)}.site-footer__meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-400);margin:0}