:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;interpolate-size:allow-keywords;--color-canvas:#fff;--color-surface-soft:#f9fafb;--color-surface-elevated:#fff;--color-surface-elevated-hover:var(--color-surface-soft);--color-surface-inset:#eef1f5;--color-hairline:#e5e7eb;--color-control-track:#e5e7eb;--color-ink:#13151a;--color-body-muted:#6b7280;--color-on-primary:#fff;--color-disabled:#c4c9cb;--color-primary:#006eff;--color-primary-hover:#005bed;--color-semantic-success:#00d954;--color-semantic-success-bg:#ecfeea;--color-semantic-success-text:#00ae1a;--color-semantic-error:#f33942;--color-semantic-error-hover:#e0343d;--color-semantic-error-bg:#fff5f7;--color-semantic-error-text:#f33942;--color-semantic-warning:#ffae00;--color-semantic-warning-bg:#fff9e3;--color-semantic-warning-text:#eb8e02;--color-semantic-info:var(--color-primary);--color-semantic-info-bg:#eff6ff;--color-semantic-neutral:var(--color-body-muted);--color-semantic-neutral-bg:#f3f4f6;--color-on-ink-muted:#ffffffa3;--avatar-indigo-bg:#eef5ff;--avatar-indigo-text:#1c4ba4;--avatar-sage-bg:#f0f4f2;--avatar-sage-text:#3e5c54;--avatar-sand-bg:#f6f2ec;--avatar-sand-text:#7c6042;--avatar-plum-bg:#fdf5fa;--avatar-plum-text:#8d567b;--avatar-azure-bg:#f0f7ff;--avatar-azure-text:#0070f3;--font-text:"Pretendard Variable", "Pretendard", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, monospace;--font-sans:var(--font-text);--type-display-xl:80px;--type-display-lg:56px;--type-display-md:40px;--type-headline:28px;--type-title-md:22px;--type-title-sm:20px;--type-body-lg:18px;--type-body:16px;--type-body-sm:14px;--type-caption:12px;--type-label-xl:18px;--type-label-lg:16px;--type-label-md:15px;--type-label-sm:14px;--type-eyebrow:13px;--type-mono:13px;--type-body-md:var(--type-body);--type-code:var(--type-mono);--lh-display-xl:1.05;--lh-display-lg:1.1;--lh-display-md:1.15;--lh-headline:1.2;--lh-title-md:1.25;--lh-title-sm:1.3;--lh-body-lg:1.5;--lh-body:1.5;--lh-body-sm:1.5;--lh-caption:1.4;--lh-label:1.2;--lh-eyebrow:1.3;--lh-mono:1.5;--lh-body-md:var(--lh-body);--lh-code:var(--lh-mono);--ls-display-xl:-3px;--ls-display-lg:-1.8px;--ls-display-md:-1px;--ls-headline:-.6px;--ls-title-md:-.4px;--ls-title-sm:-.2px;--ls-body-lg:-.1px;--ls-body:-.05px;--ls-body-sm:0;--ls-caption:0;--ls-label:-.16px;--ls-body-md:var(--ls-body);--ls-eyebrow:.4px;--ls-mono:0;--fw-regular:400;--fw-label:500;--fw-heading:600;--radius-none:0;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-table:12px;--radius-pill:9999px;--radius-full:50%;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-xxxl:40px;--spacing-section:120px;--spacing-footer-anchor:calc(var(--spacing-section) * 2);--stack-hero-eyebrow-gap:var(--spacing-sm);--stack-hero-title-gap:var(--spacing-xxl);--stack-section-eyebrow-gap:var(--spacing-xs);--stack-section-title-gap:var(--spacing-xl);--stack-card-eyebrow-gap:var(--spacing-xs);--stack-card-title-gap:var(--spacing-xs);--stack-inline-eyebrow-gap:var(--spacing-xxs);--stack-inline-title-gap:var(--spacing-xs);--floating-offset:8px;--floating-offset-loose:10px;--floating-viewport-padding:16px;--modal-width-sm:400px;--modal-width-md:480px;--modal-width-lg:640px;--modal-width-xl:880px;--shadow-level-1:0 4px 12px #0f172a14;--shadow-level-2:0 8px 24px #0f172a1f;--shadow-level-3:0 16px 48px #0f172a2e;--motion-instant:80ms;--motion-fast:.12s;--motion-normal:.2s;--motion-expand:.24s;--motion-slow:.32s;--ease-standard:ease;--ease-out-quad:cubic-bezier(.25, .46, .45, .94);--ease-out-expo:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-surface-soft);color:var(--color-ink);font-family:var(--font-text);font-size:var(--type-body);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--ls-body);word-break:keep-all;text-wrap:pretty;margin:0}button,input{font:inherit}a{color:inherit}h1,h2,h3{font-family:var(--font-text);color:var(--color-ink);margin:0}h2,h3{text-wrap:balance}h1{max-width:960px;font-size:var(--type-display-xl);font-weight:var(--fw-heading);line-height:var(--lh-display-xl);letter-spacing:var(--ls-display-xl)}h2{font-size:var(--type-display-lg);font-weight:var(--fw-heading);line-height:var(--lh-display-lg);letter-spacing:var(--ls-display-lg)}h3{font-size:var(--type-title-md);font-weight:var(--fw-label);line-height:var(--lh-title-md);letter-spacing:var(--ls-title-md)}.eyebrow{margin:0 0 var(--spacing-sm);color:var(--color-body-muted);font-family:var(--font-text);font-size:var(--type-eyebrow);font-weight:var(--fw-label);line-height:var(--lh-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase}.text-stack-hero>.eyebrow,.text-stack-section>.eyebrow,.text-stack-card>.eyebrow,.text-stack-inline>.eyebrow{margin:0}.text-stack-hero>.eyebrow{margin-bottom:var(--stack-hero-eyebrow-gap)}.text-stack-hero>h1,.text-stack-hero>h2,.text-stack-hero>h3{margin:0 0 var(--stack-hero-title-gap)}.text-stack-section>.eyebrow{margin-bottom:var(--stack-section-eyebrow-gap)}.text-stack-section>h1,.text-stack-section>h2,.text-stack-section>h3{margin:0 0 var(--stack-section-title-gap)}.text-stack-card>.eyebrow{margin-bottom:var(--stack-card-eyebrow-gap)}.text-stack-card>h1,.text-stack-card>h2,.text-stack-card>h3{margin:0 0 var(--stack-card-title-gap)}.text-stack-inline>.eyebrow{margin-bottom:var(--stack-inline-eyebrow-gap)}.text-stack-inline>h1,.text-stack-inline>h2,.text-stack-inline>h3,.text-stack-inline>.text-strong{margin:0 0 var(--stack-inline-title-gap)}:where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.checkbox:focus-visible,.radio:focus-visible{outline:none}.app-shell{min-height:100vh}.global-nav{z-index:20;justify-content:space-between;align-items:center;gap:var(--spacing-xl);height:64px;padding:0 var(--spacing-xxl);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--color-hairline);color:var(--color-ink);background:#ffffffd9;display:flex;position:sticky;top:0}.global-nav nav{gap:var(--spacing-xl);display:flex}.global-nav a{color:var(--color-body-muted);font-size:var(--type-label-lg);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);transition:color var(--motion-fast) var(--ease-standard);text-decoration:none}.global-nav a:hover{color:var(--color-ink)}.brand-mark{font-family:var(--font-text);font-size:var(--type-body);font-weight:var(--fw-heading);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--color-ink)}.nav-action,.button-utility{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);height:40px;color:var(--color-ink);padding:0 var(--spacing-md);font-size:var(--type-label-lg);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.nav-action:hover,.button-utility:hover{background:var(--color-surface-soft)}.hero-tile{min-height:600px;padding:var(--spacing-section) var(--spacing-xl);background:var(--color-canvas);text-align:center;align-content:center;justify-items:center;display:grid}.hero-copy{max-width:640px;font-size:var(--type-body-lg);font-weight:var(--fw-regular);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);color:var(--color-body-muted);margin:0 auto}.hero-actions,.inline-actions,.chip-row{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.hero-actions{justify-content:center;gap:var(--spacing-md);margin-top:40px}.button-primary,.button-secondary,.button-ghost,.button-danger,.button-danger-ghost{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);height:48px;padding:0 var(--spacing-lg);font-size:var(--type-label-lg);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);cursor:pointer;transition:background var(--motion-normal) var(--ease-in-out), border-color var(--motion-normal) var(--ease-in-out), transform var(--motion-fast) var(--ease-standard);text-decoration:none;display:inline-flex}.button-display{height:60px;padding:0 var(--spacing-xxl);font-size:var(--type-label-xl);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label)}.button-md{height:40px;padding:0 var(--spacing-md);font-size:var(--type-label-md);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label)}.button-sm{height:32px;padding:0 var(--spacing-sm);gap:var(--spacing-xxs);font-size:var(--type-label-sm);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label)}.button-primary{background:var(--color-primary);color:var(--color-on-primary);border:1px solid #0000}.button-primary:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-primary-hover)}.button-secondary{border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink)}.button-secondary:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-surface-soft)}.button-ghost{color:var(--color-ink);background:0 0;border:none}.button-ghost:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-surface-soft)}.button-danger{border:1px solid var(--color-semantic-error);background:var(--color-semantic-error);color:var(--color-on-primary)}.button-danger:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-semantic-error-hover);border-color:var(--color-semantic-error-hover)}.button-danger-ghost{color:var(--color-semantic-error);background:0 0;border:none}.button-danger-ghost:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-semantic-error-bg)}.button-primary:active:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),.button-secondary:active:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),.button-ghost:active:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),.button-danger:active:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),.button-danger-ghost:active:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),.nav-action:active:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),.button-utility:active:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),.option-chip:active:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),.toggle-button:active:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),.toggle-item:active:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){transform:scale(.97)}.icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-ink);cursor:pointer;transition:background var(--motion-normal) var(--ease-in-out), border-color var(--motion-normal) var(--ease-in-out), color var(--motion-normal) var(--ease-in-out), transform var(--motion-fast) var(--ease-standard);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.icon-btn:active:not(:disabled):not([data-disabled]){transform:scale(.94)}.icon-btn:disabled,.icon-btn[data-disabled],.icon-btn[data-trigger-disabled],.button-primary:disabled,.button-primary[data-disabled],.button-primary[data-trigger-disabled],.button-secondary:disabled,.button-secondary[data-disabled],.button-secondary[data-trigger-disabled],.button-ghost:disabled,.button-ghost[data-disabled],.button-ghost[data-trigger-disabled],.button-danger:disabled,.button-danger[data-disabled],.button-danger[data-trigger-disabled],.button-danger-ghost:disabled,.button-danger-ghost[data-disabled],.button-danger-ghost[data-trigger-disabled]{cursor:not-allowed}.icon-btn--primary:disabled,.icon-btn--primary[data-disabled],.icon-btn--primary[data-trigger-disabled],.button-primary:disabled,.button-primary[data-disabled],.button-primary[data-trigger-disabled],.button-danger:disabled,.button-danger[data-disabled],.button-danger[data-trigger-disabled]{background:var(--color-surface-inset);color:var(--color-disabled);border-color:#0000}.icon-btn--secondary:disabled,.icon-btn--secondary[data-disabled],.icon-btn--secondary[data-trigger-disabled],.icon-btn--danger:disabled,.icon-btn--danger[data-disabled],.icon-btn--danger[data-trigger-disabled],.icon-btn--ghost:disabled,.icon-btn--ghost[data-disabled],.icon-btn--ghost[data-trigger-disabled],.icon-btn--danger-ghost:disabled,.icon-btn--danger-ghost[data-disabled],.icon-btn--danger-ghost[data-trigger-disabled],.button-secondary:disabled,.button-secondary[data-disabled],.button-secondary[data-trigger-disabled],.button-ghost:disabled,.button-ghost[data-disabled],.button-ghost[data-trigger-disabled],.button-danger-ghost:disabled,.button-danger-ghost[data-disabled],.button-danger-ghost[data-trigger-disabled]{color:var(--color-disabled)}.icon-btn--sm{width:32px;height:32px}.icon-btn--md{width:40px;height:40px}.icon-btn--lg{width:48px;height:48px}.icon-btn--circle{border-radius:var(--radius-full)}.icon-btn--ghost{color:var(--color-body);background:0 0;border-color:#0000}.icon-btn--ghost:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-surface-soft);color:var(--color-ink)}.icon-btn--secondary{background:var(--color-canvas);border-color:var(--color-hairline);color:var(--color-ink)}.icon-btn--secondary:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-surface-soft)}.icon-btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000}.icon-btn--primary:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-primary-hover)}.icon-btn--danger{background:var(--color-canvas);border-color:var(--color-hairline);color:var(--color-semantic-error)}.icon-btn--danger:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-semantic-error-bg)}.icon-btn--danger-ghost{color:var(--color-semantic-error);background:0 0;border-color:#0000}.icon-btn--danger-ghost:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-semantic-error-bg)}.icon-btn[data-pressed]{background:var(--color-surface-soft);color:var(--color-ink)}html[data-theme=dark] .icon-btn--secondary{background:var(--color-surface-elevated);border-color:#0000}html[data-theme=dark] .icon-btn--secondary:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-surface-elevated-hover)}html[data-theme=dark] .icon-btn--ghost:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-surface-elevated)}html[data-theme=dark] .icon-btn--danger{background:var(--color-surface-elevated);border-color:#0000}html[data-theme=dark] .icon-btn--danger:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),html[data-theme=dark] .icon-btn--danger-ghost:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){background:var(--color-semantic-error-bg)}.sub-nav{z-index:10;align-items:center;gap:var(--spacing-xl);min-height:52px;padding:0 var(--spacing-xxl);border-bottom:1px solid var(--color-hairline);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);color:var(--color-body-muted);white-space:nowrap;background:#f8fafcd9;display:flex;position:sticky;top:64px;overflow-x:auto}.sub-nav strong{font-size:var(--type-title-sm);font-weight:var(--fw-heading);line-height:var(--lh-title-sm);letter-spacing:var(--ls-title-sm);color:var(--color-ink);margin-right:auto}.gallery-intro,.handoff-tile{padding:var(--spacing-section) var(--spacing-xl);text-align:center}.gallery-intro p:not(.eyebrow),.handoff-tile p:not(.eyebrow){max-width:540px;font-size:var(--type-body-lg);font-weight:var(--fw-regular);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);color:var(--color-body-muted);margin:0 auto}.handoff-tile p:not(.eyebrow){color:var(--color-on-ink-muted)}.handoff-tile{background:var(--color-ink);color:var(--color-on-primary)}.handoff-tile h2{color:var(--color-on-primary)}.handoff-tile .eyebrow,.handoff-tile p{color:var(--color-on-ink-muted)}.component-grid{gap:var(--spacing-xl);width:min(1440px, calc(100% - var(--spacing-xxxl) * 2));grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto 80px;display:grid}.component-card{gap:var(--spacing-xl);min-height:340px;padding:var(--spacing-xxl);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas);grid-template-rows:auto 1fr;display:grid}.component-card.card-full{grid-column:1/-1;min-height:auto}.component-copy p{margin:var(--spacing-xs) 0 0;color:var(--color-body-muted);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm)}.component-index{margin-bottom:var(--spacing-xs);color:var(--color-primary);font-size:var(--type-caption);font-weight:var(--fw-heading);line-height:var(--lh-caption);letter-spacing:var(--ls-caption);text-transform:uppercase;display:inline-flex}.component-demo{align-content:center;justify-items:start;gap:var(--spacing-md);min-width:0;display:grid}.accordion,.tabs-root{gap:var(--spacing-sm);width:100%;display:grid}.choice-stack{gap:var(--spacing-xs);width:100%;display:grid}.choice-row{column-gap:var(--spacing-xl);row-gap:var(--spacing-xs);flex-wrap:wrap;width:100%;display:flex}.choice-group-variants{gap:var(--spacing-xl);width:100%;display:grid}.field-root{gap:var(--spacing-xxs);width:100%;display:grid}.fieldset{gap:var(--spacing-xl);width:100%;border:0;min-inline-size:0;margin:0;padding:0;display:grid}.accordion-item,.preview-card,.modal-card{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas)}.accordion-item{overflow:hidden}.accordion-trigger{width:100%;padding:var(--spacing-md) 20px;color:var(--color-ink);font-size:var(--type-label-lg);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:var(--spacing-sm);transition:background var(--motion-fast) var(--ease-standard);background:0 0;border:0;display:flex}.accordion-trigger:hover{background:var(--color-surface-soft)}.accordion-trigger[data-panel-open]{box-shadow:inset 0 -1px 0 var(--color-hairline)}.accordion-chevron{width:16px;height:16px;color:var(--color-body-muted);transition:transform var(--motion-normal) var(--ease-standard);flex-shrink:0}.accordion-trigger[data-panel-open] .accordion-chevron{transform:rotate(180deg)}.accordion-panel{color:var(--color-body-muted);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);height:auto;transition:height var(--motion-expand) var(--ease-out-quad), padding-top var(--motion-expand) var(--ease-out-quad), padding-bottom var(--motion-expand) var(--ease-out-quad);padding:16px 20px 20px;overflow:hidden}.accordion-panel[data-starting-style],.accordion-panel[data-ending-style],.accordion-panel[data-closed]{height:0;padding-top:0;padding-bottom:0}.tab-panel{color:var(--color-body-muted);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);padding:16px 0 4px}.collapsible-trigger{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-xs);margin-left:calc(var(--spacing-xs) * -1);border-radius:var(--radius-sm);color:var(--color-ink);font-size:var(--type-label-lg);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);cursor:pointer;transition:color var(--motion-fast) var(--ease-standard);background:0 0;border:0;display:inline-flex}.collapsible-trigger:hover,.collapsible-trigger:focus-visible{color:var(--color-primary)}.collapsible-trigger:focus-visible{text-underline-offset:3px;outline:none;text-decoration:underline}.collapsible-chevron{color:var(--color-body-muted);transition:transform var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);flex-shrink:0}.collapsible-trigger:hover .collapsible-chevron,.collapsible-trigger:focus-visible .collapsible-chevron{color:var(--color-primary)}.collapsible-trigger[data-panel-open] .collapsible-chevron{transform:rotate(90deg)}.collapsible-panel{height:auto;margin-top:var(--spacing-xs);padding-left:var(--spacing-xl);color:var(--color-body-muted);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);transition:height var(--motion-expand) var(--ease-out-quad), margin-top var(--motion-expand) var(--ease-out-quad);overflow:hidden}.collapsible-panel[data-starting-style],.collapsible-panel[data-ending-style],.collapsible-panel[data-closed]{height:0;margin-top:0}.form-card{gap:var(--spacing-xl);width:100%;display:grid}.form-card .button-primary{justify-self:end}.form-card>.fieldset:not(:first-child){margin-top:calc(var(--spacing-xxl) - var(--spacing-xl))}.form-error-summary{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-semantic-error-bg);color:var(--color-semantic-error);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);margin:0;display:flex}.avatar-row,.switch-row,.separator-demo{align-items:center;gap:var(--spacing-sm);display:flex}.check-row{align-items:center;gap:var(--spacing-xs);display:flex}.meter-meta{justify-content:space-between;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);display:flex}.meter-label{font-size:var(--type-body-sm);font-weight:var(--fw-label);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);color:var(--color-ink)}.meter-value{font-size:var(--type-caption);font-weight:var(--fw-regular);line-height:var(--lh-caption);letter-spacing:var(--ls-caption);color:var(--color-body-muted)}.avatar{border-radius:var(--radius-full);background:var(--avatar-indigo-bg);width:40px;height:40px;color:var(--avatar-indigo-text);font-weight:var(--fw-heading);flex:none;place-items:center;font-size:16px;display:grid;overflow:hidden}.avatar.avatar-lg{width:64px;height:64px;font-size:26px}.avatar-indigo{background:var(--avatar-indigo-bg);color:var(--avatar-indigo-text)}.avatar-sage{background:var(--avatar-sage-bg);color:var(--avatar-sage-text)}.avatar-sand{background:var(--avatar-sand-bg);color:var(--avatar-sand-text)}.avatar-plum{background:var(--avatar-plum-bg);color:var(--avatar-plum-text)}.avatar-azure{background:var(--avatar-azure-bg);color:var(--avatar-azure-text)}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-row strong{font-weight:var(--fw-label)}.avatar-row p{margin:var(--spacing-xxs) 0 0;color:var(--color-body-muted);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm)}.avatar-palette-row{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.avatar-palette-item{align-items:center;gap:var(--spacing-xxs);font-size:var(--type-caption);color:var(--color-body-muted);flex-direction:column;display:flex}.badge-demo{gap:var(--spacing-xl);width:100%;display:grid}.badge-row{gap:var(--spacing-xs);flex-wrap:wrap;align-items:center;display:flex}.badge{align-items:center;gap:var(--spacing-xxs);height:24px;padding:0 var(--spacing-xs);border-radius:var(--radius-pill);font-size:var(--type-caption);font-weight:var(--fw-label);line-height:var(--lh-caption);letter-spacing:var(--ls-caption);white-space:nowrap;display:inline-flex}.badge-success{background:var(--color-semantic-success-bg);color:var(--color-semantic-success-text)}.badge-warning{background:var(--color-semantic-warning-bg);color:var(--color-semantic-warning-text)}.badge-error{background:var(--color-semantic-error-bg);color:var(--color-semantic-error-text)}.badge-info{background:var(--color-semantic-info-bg);color:var(--color-semantic-info)}.badge-neutral{background:var(--color-semantic-neutral-bg);color:var(--color-semantic-neutral)}.badge-ink{background:var(--color-ink);color:var(--color-on-primary)}.badge-dot{border-radius:var(--radius-full);background:currentColor;flex:none;width:6px;height:6px}.checkbox,.radio{border:1.5px solid var(--color-hairline);background:var(--color-canvas);cursor:pointer;width:20px;height:20px;transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);flex:none;place-items:center;display:grid}.checkbox{border-radius:var(--radius-sm)}.checkbox[data-checked],.checkbox[data-indeterminate]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.checkbox:focus-visible{border-color:var(--color-primary)}.checkbox[data-checked]:focus-visible,.checkbox[data-indeterminate]:focus-visible{border-width:2px}.check-indicator[data-unchecked],.radio-indicator[data-unchecked]{display:none}.check-indicator{place-items:center;display:grid}.check-icon{color:currentColor;width:16px;height:16px;display:block}.check-indicator[data-indeterminate] .check-icon{display:none}.check-indicator[data-indeterminate]:after{content:"";background:var(--color-on-primary);border-radius:1px;width:10px;height:2px;display:block}.checkbox[data-disabled] .check-indicator[data-indeterminate]:after,.checkbox:disabled .check-indicator[data-indeterminate]:after{background:var(--color-disabled)}.checkbox:disabled,.checkbox[data-disabled]{cursor:not-allowed;background:var(--color-surface-inset);color:var(--color-disabled);border-color:#0000}:is(.check-row:has(.checkbox:disabled),.check-row:has(.checkbox[data-disabled])){color:var(--color-disabled);cursor:not-allowed}.radio{border-radius:var(--radius-full)}.radio[data-checked]{border-width:5px;border-color:var(--color-primary);background:var(--color-on-primary)}.radio:focus-visible{border-color:var(--color-primary)}.radio:disabled,.radio[data-disabled]{cursor:not-allowed;background:var(--color-surface-inset);border-color:#0000}.radio[data-checked]:disabled,.radio[data-checked][data-disabled]{border-width:5px;border-color:var(--color-disabled);background:var(--color-surface-inset)}:is(.check-row:has(.radio:disabled),.check-row:has(.radio[data-disabled])){color:var(--color-disabled);cursor:not-allowed}.radio-indicator{display:none}.combo-root,.collapsible,.number-field,.progress-root,.meter-root,.slider-root,.otp-field{width:min(100%,420px)}.combo-input-group,.number-group{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);width:100%;height:48px;transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);align-items:center;display:flex;overflow:hidden}.number-group{padding:0 var(--spacing-xxs);gap:var(--spacing-xxs)}.combo-input-group:focus-within,.number-group:focus-within{border:1.5px solid var(--color-primary)}.text-input,.number-input{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);width:100%;min-height:48px;color:var(--color-ink);padding:0 var(--spacing-md);font-size:var(--type-label-lg);font-weight:var(--fw-regular);line-height:var(--lh-label);letter-spacing:var(--ls-label);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard)}.text-input:focus{border:1.5px solid var(--color-primary);outline:none}.combo-input-group .text-input,.number-group .number-input{border:0;border-radius:0}.combo-input-group .text-input:focus,.combo-input-group .text-input:focus-visible,.number-group .number-input:focus,.number-group .number-input:focus-visible{box-shadow:none;border:0;outline:0}.number-group .number-input{text-align:center;min-height:40px;font-size:var(--type-label-md)}.icon-button{width:48px;height:48px;color:var(--color-primary);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard);background:0 0;border:0;flex:none;place-items:center;display:grid}.icon-button:focus-visible{outline:0}.trigger-icon{width:16px;height:16px;color:var(--color-body-muted);transition:transform var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard)}.icon-button[data-popup-open]:not(.input-clear-button) .trigger-icon{color:var(--color-ink);transform:rotate(180deg)}.autocomplete-input-group .input-leading-icon{width:40px;height:48px;padding-left:var(--spacing-xxs);pointer-events:none;flex:none;place-items:center;display:grid}.autocomplete-input-group .input-leading-icon .trigger-icon{color:var(--color-body-muted);transform:none}.autocomplete-input-group .text-input{padding-left:0;line-height:48px}.input-clear-button{width:48px;padding-right:var(--spacing-xs)}.clearable-input-wrap{align-items:center;width:100%;display:flex;position:relative}.clearable-input-wrap .clearable-text-input{width:100%;padding-right:48px}.clearable-input-wrap .input-clear-button{height:48px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.clear-chip{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-body-muted) 55%, var(--color-canvas));width:16px;height:16px;color:var(--color-on-primary);transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);place-items:center;display:grid}.input-clear-button:hover .clear-chip{background:color-mix(in srgb, var(--color-body-muted) 75%, var(--color-canvas))}.autocomplete-positioner{z-index:30;outline:0}.autocomplete-popup{width:var(--anchor-width);max-width:var(--available-width);max-height:min(320px, var(--available-height));border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-ink);box-shadow:var(--shadow-level-2);transform-origin:var(--transform-origin);transition:transform var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard);overflow:hidden}.autocomplete-popup[data-starting-style],.autocomplete-popup[data-ending-style]{opacity:0;transform:scale(.98)}.autocomplete-list{max-height:min(320px, var(--available-height));overscroll-behavior:contain;padding:var(--spacing-xs);scroll-padding-block:var(--spacing-xs);outline:0;overflow-y:auto}.autocomplete-list:empty{display:none}.autocomplete-item{border-radius:var(--radius-sm);min-height:40px;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-ink);font-size:var(--type-label-md);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);cursor:default;-webkit-user-select:none;user-select:none;transition:background var(--motion-instant) var(--ease-standard);outline:0;align-items:center;display:flex}.autocomplete-item[data-highlighted]{background:var(--color-surface-soft)}.positioner{z-index:30;outline:0}.popup-list,.menu-popup,.wide-popup{min-width:200px;padding:var(--spacing-xs);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:var(--shadow-level-2);color:var(--color-ink)}.list-item,.menu-item{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);min-height:36px;padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-ink);font-size:var(--type-label-md);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);cursor:default;transition:background var(--motion-instant) var(--ease-standard);outline:0;text-decoration:none;display:flex}.list-item:focus-visible,.menu-item:focus-visible,.menu-popup:focus-visible,.menu-popup [tabindex]:focus-visible{outline:0}.list-item[data-highlighted],.menu-item[data-highlighted],.menu-item[data-popup-open]{background:var(--color-surface-soft)}.menu-item-icon{flex:none}.menu-item-label{flex:auto;min-width:0}.menu-item-shortcut{margin-left:var(--spacing-md);color:var(--color-body-muted);flex:none;align-items:center;gap:1px;display:inline-flex}.menu-item-shortcut kbd{height:18px;font-family:var(--font-text);font-size:13px;font-weight:var(--fw-regular);letter-spacing:var(--ls-body-sm);color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.menu-item-submenu-indicator{margin-left:var(--spacing-xs);transition:color var(--motion-instant) var(--ease-standard);flex:none}.menu-item[data-highlighted] .menu-item-submenu-indicator,.menu-item[data-popup-open] .menu-item-submenu-indicator{color:var(--color-ink)}.menu-item-destructive,.menu-item-destructive .menu-item-icon{color:var(--color-semantic-error)}.menu-item-destructive[data-highlighted]{background:var(--color-semantic-error-bg)}.empty-state{min-height:48px;padding:0 var(--spacing-sm);color:var(--color-body-muted);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);align-items:center;display:flex}.empty-state:empty{padding:0;display:none}.context-target{width:100%;padding:var(--spacing-xxl);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface-soft);color:var(--color-body-muted);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);text-align:center}.separator,.toolbar-separator,.menu-separator{height:1px;margin:var(--spacing-xs) 0;background:var(--color-hairline);display:block}.overlay-backdrop{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#13151a80;position:fixed;inset:0}.modal-card,.drawer-card{z-index:31;gap:var(--spacing-xxxl);width:min(var(--modal-width-md), calc(100vw - 32px));display:grid;position:fixed}.modal-header{gap:var(--spacing-xs);flex-direction:column;display:flex}.modal-card.modal-lg{width:min(var(--modal-width-lg), calc(100vw - 32px))}.modal-card.modal-xl{width:min(var(--modal-width-xl), calc(100vw - 32px))}.modal-card{padding:var(--spacing-xxl);border-radius:var(--radius-xl);background:var(--color-canvas);box-shadow:var(--shadow-level-3);border:0;flex-direction:column;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-card>.inline-actions:last-child{align-self:flex-end}.modal-body{gap:var(--spacing-xxl);flex-direction:column;display:flex}.modal-card.modal-picker,.modal-card.modal-browse{gap:0;padding:0}.modal-toolbar{align-items:center;gap:var(--spacing-md);height:72px;padding:0 var(--spacing-md) 0 var(--spacing-xl);border-bottom:1px solid var(--color-hairline);flex:0 0 72px;display:flex}.modal-toolbar>.modal-title{flex:1;min-width:0}.modal-toolbar-actions{align-items:center;gap:var(--spacing-xs);display:flex}.modal-card.modal-picker .modal-list,.modal-card.modal-browse .modal-list{padding:var(--spacing-xs) var(--spacing-md) var(--spacing-md) var(--spacing-xl);border-top:0}.modal-card.modal-picker .modal-list-item:first-child,.modal-card.modal-browse .modal-list-item:first-child{border-top:0}.modal-list{border-top:1px solid var(--color-hairline);flex-direction:column;display:flex}.modal-list-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-hairline);min-height:56px;display:flex}.modal-list-item:last-child{border-bottom:0}.modal-list-item-main{flex-direction:column;flex:1;min-width:0;display:flex}.modal-list-item-title{font-size:var(--type-body);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--color-ink)}.modal-list-item-meta{font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);color:var(--color-body-muted)}.modal-list-item-actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.modal-card.modal-browse{height:min(720px,100vh - 64px);overflow:hidden}.modal-browse-scroll{flex:1;min-height:0;position:relative;overflow:hidden}.responsive-sheet{z-index:31;gap:var(--spacing-md);box-shadow:var(--shadow-level-3);transition:transform var(--motion-expand) var(--ease-out-expo);flex-direction:column;display:flex;position:fixed}@media (width>=769px){.responsive-sheet{width:min(var(--modal-width-md), calc(100vw - 32px));padding:var(--spacing-xxl);border-radius:var(--radius-xl);background:var(--color-canvas);top:50%;left:50%;transform:translate(-50%,-50%)}.responsive-sheet .bottom-sheet-handle{display:none}}@media (width<=768px){.responsive-sheet{width:min(560px,100vw);padding:20px var(--spacing-xxl) var(--spacing-xxl);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-canvas);bottom:0;left:50%;transform:translate(-50%)}.responsive-sheet[data-starting-style],.responsive-sheet[data-ending-style]{transform:translate(-50%,100%)}}.bottom-sheet-card{z-index:31;gap:var(--spacing-md);width:min(560px,100vw);padding:20px var(--spacing-xxl) var(--spacing-xxl);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-canvas);box-shadow:var(--shadow-level-3);transition:transform var(--motion-expand) var(--ease-out-expo);border:0;flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-sheet-card[data-starting-style],.bottom-sheet-card[data-ending-style]{transform:translate(-50%,100%)}.bottom-sheet-handle{width:36px;height:4px;margin-bottom:var(--spacing-sm);border-radius:var(--radius-pill);background:#00000029;align-self:center}html[data-theme=dark] .bottom-sheet-handle{background:#ffffff3d}.bottom-sheet-actions{justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-xs);display:flex}.bottom-sheet-list{margin:var(--spacing-xs) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.bottom-sheet-option{align-items:center;gap:var(--spacing-md);width:100%;min-height:48px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-ink);font-family:inherit;font-size:var(--type-body);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--ls-body);text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard);background:0 0;border:0;display:flex}.bottom-sheet-option .icon-inline{opacity:.75;transition:opacity var(--motion-fast) var(--ease-standard)}.bottom-sheet-option:hover{background:var(--color-surface-soft)}.bottom-sheet-option:hover .icon-inline{opacity:1}.bottom-sheet-cancel{margin-top:var(--spacing-xs);border-color:var(--color-surface-inset);background:var(--color-surface-inset);color:var(--color-ink);justify-content:center;align-self:stretch}.bottom-sheet-cancel:hover{background:var(--color-hairline);border-color:var(--color-hairline)}.modal-form,.modal-form-fields{gap:var(--spacing-xl);flex-direction:column;display:flex}.modal-form-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field-root-span-2{grid-column:1/-1}.modal-gallery-grid{gap:var(--spacing-md);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.modal-gallery-item{gap:var(--spacing-xs);flex-direction:column;display:flex}.modal-gallery-thumb{aspect-ratio:1;border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-surface-soft), var(--color-surface-inset));border:1px solid var(--color-hairline);width:100%;display:block}.modal-gallery-label{font-size:var(--type-caption);font-weight:var(--fw-regular);line-height:var(--lh-caption);letter-spacing:var(--ls-caption);color:var(--color-body-muted);text-align:center}.drawer-card{background:var(--color-canvas);width:min(440px,92vw);box-shadow:var(--shadow-level-3);transition:transform var(--motion-expand) var(--ease-out-expo);border:0;border-radius:0;flex-direction:column;gap:0;padding:0;display:flex;top:0;bottom:0;right:0}.drawer-card[data-starting-style],.drawer-card[data-ending-style]{transform:translate(100%)}.drawer-card.drawer-card--left{width:min(280px,100vw - 56px);left:0;right:auto}.drawer-card.drawer-card--left[data-starting-style],.drawer-card.drawer-card--left[data-ending-style]{transform:translate(-100%)}.drawer-card--left .sidebar{padding:var(--spacing-md);background:0 0;border:0;border-radius:0;width:100%;min-height:100%}.drawer-card--left .drawer-header{padding:var(--spacing-xl) calc(var(--spacing-md) + 10px)}.hamburger-button{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);width:40px;height:40px;color:var(--color-ink);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.hamburger-button:hover{background:var(--color-surface-soft)}.mobile-sidebar-demo{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px dashed var(--color-hairline);display:flex}.mobile-sidebar-demo-label{font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);color:var(--color-body-muted)}.drawer-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-xxl);border-bottom:1px solid var(--color-hairline);display:flex}.drawer-header-text{flex-direction:column;gap:4px;min-width:0;display:flex}.drawer-header>.icon-btn{margin-top:calc((var(--lh-title-sm) * var(--type-title-sm) - 40px) / 2);margin-right:calc(-1 * var(--spacing-sm))}.drawer-body{flex:1;min-height:0;position:relative;overflow:hidden}.drawer-body-content{gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-xxl);flex-direction:column;display:flex}.drawer-footer{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xxl);border-top:1px solid var(--color-hairline);background:var(--color-canvas);display:flex}.drawer-footer .button-primary,.drawer-footer .button-secondary{min-width:96px}.drawer-field-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.drawer-field-group-label{font-size:var(--type-body-sm);font-weight:var(--fw-label);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);color:var(--color-body-muted)}.modal-title{font-family:var(--font-text);font-size:var(--type-title-sm);font-weight:var(--fw-heading);line-height:var(--lh-title-sm);letter-spacing:var(--ls-title-sm);color:var(--color-ink)}.popover-title{font-family:var(--font-text);font-size:var(--type-body);font-weight:var(--fw-heading);line-height:var(--lh-title-sm);letter-spacing:var(--ls-body);color:var(--color-ink);margin:0}.toast-title{font-family:var(--font-text);font-size:var(--type-body);font-weight:var(--fw-label);letter-spacing:var(--ls-body);margin:0;line-height:1.3}.field-help{color:var(--color-body-muted);font-size:var(--type-caption);font-weight:var(--fw-regular);line-height:var(--lh-caption);letter-spacing:var(--ls-caption);margin:0}.toast-description{color:var(--color-body-muted);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);margin:0}.modal-copy{color:var(--color-body-muted);font-size:var(--type-body);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--ls-body);margin:0}.alert-dialog-card{width:min(var(--modal-width-sm), calc(100vw - 32px));padding:var(--spacing-xxxl) var(--spacing-xl) var(--spacing-xl);gap:var(--spacing-xxxl);text-align:center}.alert-dialog-card>:last-child{align-self:stretch}.alert-dialog-content{gap:var(--spacing-sm);flex-direction:column;align-items:center;display:flex}.alert-dialog-title{font-family:var(--font-text);font-size:var(--type-body);font-weight:var(--fw-label);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--color-ink);text-align:center;margin:0}.alert-dialog-copy{font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);text-align:center}.alert-dialog-actions{gap:var(--spacing-sm);width:100%;display:flex}.alert-dialog-actions>*{flex:1 1 0;min-width:0}.field-label{font-size:var(--type-body-sm);font-weight:var(--fw-label);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);color:var(--color-ink)}.fieldset-legend{font-size:var(--type-body);font-weight:var(--fw-heading);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--color-ink);margin-bottom:calc(var(--spacing-md) - var(--spacing-xl))}.field-error{color:var(--color-semantic-error);font-size:var(--type-caption);font-weight:var(--fw-regular);line-height:var(--lh-caption);letter-spacing:var(--ls-caption)}.text-input[data-invalid],.text-input[data-invalid]:focus{border-color:var(--color-semantic-error)}.field-root[data-invalid] .field-help{display:none}.date-picker-stack{gap:var(--spacing-xl);width:min(100%,320px);display:grid}.date-picker-field{gap:var(--spacing-xs);width:100%;display:grid}.date-picker-trigger{justify-content:flex-start;gap:var(--spacing-xs);width:100%;padding-inline:var(--spacing-md);font-weight:var(--fw-regular)}.date-picker-trigger:active:not(:disabled):not([data-disabled]):not([data-trigger-disabled]){transform:none}.date-picker-trigger .icon-inline,.date-picker-trigger [data-placeholder]{color:var(--color-body-muted)}.date-picker-popover{gap:var(--spacing-sm);width:min(348px, var(--available-width));padding:var(--spacing-md);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:var(--shadow-level-3);transition:transform var(--motion-normal) var(--ease-out-quad), opacity var(--motion-fast) var(--ease-standard);display:grid}.date-picker-popover[data-starting-style],.date-picker-popover[data-ending-style]{opacity:0;transform:translateY(-8px)}.date-picker-popover[data-side=top][data-starting-style],.date-picker-popover[data-side=top][data-ending-style]{transform:translateY(8px)}.date-picker-caption{justify-content:space-between;align-items:center;gap:var(--spacing-xs);margin:0;display:flex}.date-picker-nav-button{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-body-muted);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.date-picker-nav-button:first-child .icon-inline{transform:rotate(180deg)}.date-picker-nav-button:hover{background:var(--color-surface-soft);color:var(--color-ink)}.date-picker-nav-button:focus-visible{box-shadow:inset 0 0 0 1.5px var(--color-primary);outline:0}.date-picker-selects{gap:var(--spacing-xs);flex:auto;display:flex}.date-picker-select-trigger{justify-content:space-between;align-items:center;gap:var(--spacing-xxs);border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);height:40px;color:var(--color-ink);padding:0 var(--spacing-sm);font-size:var(--type-label-md);font-weight:var(--fw-regular);line-height:var(--lh-label);letter-spacing:var(--ls-label);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);flex:1 1 0;display:inline-flex}.date-picker-select-trigger:focus-visible,.date-picker-select-trigger[data-popup-open]{border:1.5px solid var(--color-primary);outline:0}.date-picker-select-trigger .select-icon{color:var(--color-body-muted)}.date-picker-select-popup{min-width:var(--anchor-width);width:max-content}.date-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px 0;display:grid}.date-picker-weekday{height:32px;color:var(--color-body-muted);font-size:var(--type-caption);font-weight:var(--fw-regular);line-height:var(--lh-caption);letter-spacing:var(--ls-caption);justify-content:center;align-items:center;display:flex}.date-picker-day{width:100%;min-height:44px;color:var(--color-ink);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.date-picker-day:before{content:"";z-index:1;width:36px;height:36px;transition:background var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.date-picker-day:after{content:"";z-index:0;height:36px;position:absolute;top:50%;transform:translateY(-50%)}.date-picker-day-label{z-index:2;position:relative}.date-picker-day:hover:before{background:var(--color-surface-soft)}.date-picker-day:focus-visible{outline:0}.date-picker-day:focus-visible:before{box-shadow:inset 0 0 0 1.5px var(--color-primary)}.date-picker-day[data-outside-month]{color:var(--color-body-muted);opacity:.48}.date-picker-day[data-today]:before{box-shadow:inset 0 0 0 1.5px var(--color-primary)}.date-picker-day[data-today]:focus-visible:before{box-shadow:inset 0 0 0 2px var(--color-primary)}.date-picker-day[data-in-range],.date-picker-day[data-range-start],.date-picker-day[data-range-end]{color:var(--color-primary)}.date-picker-day[data-in-range]:after,.date-picker-day[data-range-start]:after,.date-picker-day[data-range-end]:after{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.date-picker-day[data-in-range]:after{left:0;right:0}.date-picker-day[data-range-start]:after{left:50%;right:0}.date-picker-day[data-range-end]:after{left:0;right:50%}.date-picker-day:nth-child(7n+1):not([data-range-start]):after{border-top-left-radius:18px;border-bottom-left-radius:18px}.date-picker-day:nth-child(7n):not([data-range-end]):after{border-top-right-radius:18px;border-bottom-right-radius:18px}.date-picker-day[data-selected]{color:var(--color-on-primary)}.date-picker-day[data-selected]:before{background:var(--color-primary)}.option-chip{border:1.5px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);min-height:40px;color:var(--color-ink);padding:0 var(--spacing-md);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.option-chip.selected{border-width:2px;border-color:var(--color-primary);color:var(--color-primary)}.nav-menu-list,.tabs-list,.toggle-group,.toolbar,.toolbar-group{align-items:center;gap:var(--spacing-xs);display:flex}.nav-menu-list{background:0 0;border:none;margin:0;padding:0;list-style:none}.toggle-group{border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:var(--color-canvas);background:var(--color-surface-inset);border-radius:var(--radius-md);border-color:#0000;gap:4px;padding:4px}.toggle-group .toggle-item{border-radius:var(--radius-sm)}.toolbar{background:0 0;flex-wrap:wrap;gap:8px;padding:0}.toolbar .toolbar-group{gap:2px}.toolbar-icon-button{width:36px;min-width:36px;color:var(--color-body);justify-content:center;padding:0}.toolbar-icon-button:hover{color:var(--color-ink)}.toolbar-spacer{flex:auto}.toolbar-button{border-radius:var(--radius-md);min-height:36px;color:var(--color-ink);font-size:var(--type-label-sm);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;border:0;align-items:center;padding:0 14px;display:inline-flex}.toolbar-button:hover{background:var(--color-surface-soft)}.toolbar-button[data-pressed]{background:var(--color-surface-soft);color:var(--color-ink)}.sidebar{width:264px;padding:var(--spacing-sm) 10px;border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);flex-direction:column;gap:2px;display:flex}.sidebar-section-label{font-size:11.5px;font-weight:var(--fw-label);letter-spacing:0;text-transform:none;color:var(--color-body-muted);margin:22px 0 8px;padding:0 10px}.sidebar-section-label:first-child{margin-top:6px}.sidebar-item{min-height:36px;color:var(--color-body);font-size:var(--type-label-sm);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);cursor:pointer;text-align:left;width:100%;transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.sidebar-item:hover,.sidebar-item.is-active{background:var(--color-surface-soft);color:var(--color-ink)}.sidebar-item-icon{color:currentColor;opacity:.75;flex:none;width:18px;height:18px}.sidebar-item:hover .sidebar-item-icon{opacity:1}.sidebar-item-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sidebar-item-badge{background:var(--color-semantic-error);min-width:18px;height:18px;color:var(--color-on-primary);font-size:11px;font-weight:var(--fw-heading);text-align:center;border-radius:9px;flex:none;padding:0 6px;line-height:18px}.sidebar-item-chevron{color:currentColor;opacity:.5;width:14px;height:14px;transition:transform var(--motion-fast) var(--ease-standard);flex:none}.sidebar-group{flex-direction:column;display:flex}.sidebar-group-trigger[data-panel-open] .sidebar-item-chevron{transform:rotate(90deg)}.sidebar-subitems{height:auto;transition:height var(--motion-expand) var(--ease-out-quad), padding-top var(--motion-expand) var(--ease-out-quad), padding-bottom var(--motion-expand) var(--ease-out-quad);flex-direction:column;gap:2px;padding:2px 0 4px 28px;display:flex;position:relative;overflow:hidden}.sidebar-subitems[data-starting-style],.sidebar-subitems[data-ending-style],.sidebar-subitems[data-closed]{height:0;padding-top:0;padding-bottom:0}.sidebar-subitems:before{content:"";background:var(--color-hairline);width:1px;position:absolute;top:4px;bottom:6px;left:19px}.sidebar-subitem{min-height:32px;color:var(--color-body-muted);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;border-radius:7px;align-items:center;padding:0 10px;text-decoration:none;display:flex;position:relative}.sidebar-subitem:hover{background:var(--color-surface-soft);color:var(--color-ink)}.sidebar-subitem.is-active{background:var(--color-surface-soft);color:var(--color-ink);font-weight:var(--fw-label)}.toolbar-button.primary{background:var(--color-primary);color:var(--color-on-primary);gap:6px}.toolbar-button.primary:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.tabs-list{border-bottom:1px solid var(--color-hairline);gap:0}.tab{min-height:40px;color:var(--color-body-muted);font-size:var(--type-label-sm);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);cursor:pointer;transition:color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:0 16px;display:inline-flex}.tab:hover{color:var(--color-ink)}.tab[data-active]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.nav-menu-trigger{min-height:40px;padding:0 var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-ink);font-size:var(--type-label-lg);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;border:0;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.nav-menu-trigger:hover,.nav-menu-trigger[data-popup-open],.nav-menu-trigger[data-active]{background:var(--color-surface-soft);color:var(--color-ink)}.nav-menu-icon{color:currentColor;opacity:.7;width:14px;height:14px;transition:transform var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard)}.nav-menu-trigger:hover .nav-menu-icon,.nav-menu-trigger[data-popup-open] .nav-menu-icon,.nav-menu-trigger[data-active] .nav-menu-icon{opacity:1}.nav-menu-trigger[data-popup-open] .nav-menu-icon{transform:rotate(180deg)}.nav-menu-positioner{z-index:30;outline:0}.nav-menu-popup{width:min(560px, var(--available-width));padding:var(--spacing-sm);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas);box-shadow:var(--shadow-level-2);color:var(--color-ink);transform-origin:var(--transform-origin);transition:transform var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard)}.nav-menu-viewport{width:100%;overflow:hidden}.nav-menu-popup[data-starting-style],.nav-menu-popup[data-ending-style]{opacity:0;transform:scale(.98)}.nav-menu-content{gap:var(--spacing-sm);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr 1fr;width:100%;display:grid}.nav-menu-content>.nav-menu-feature{grid-area:1/1/-1}.nav-menu-content-compact{grid-template-rows:none;grid-template-columns:1fr 1fr}.nav-menu-feature,.nav-menu-link{gap:var(--spacing-xs);border-radius:var(--radius-md);color:var(--color-ink);transition:background var(--motion-fast) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex}.nav-menu-feature{min-height:168px;padding:var(--spacing-md);background:radial-gradient(circle at 74% 24%, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 45%), var(--color-canvas);justify-content:flex-end}.nav-menu-feature:hover{background:radial-gradient(circle at 74% 24%, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 45%), var(--color-surface-soft)}.nav-menu-link{padding:var(--spacing-sm)}.nav-menu-link:hover,.nav-menu-link[data-active]{background:var(--color-surface-soft)}.nav-menu-title{color:var(--color-ink);font-size:var(--type-label-lg);letter-spacing:var(--ls-label);font-weight:var(--fw-label);line-height:var(--lh-label)}.nav-menu-feature .nav-menu-title{font-weight:var(--fw-heading)}.nav-menu-desc{color:var(--color-body-muted);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-caption);letter-spacing:var(--ls-body-sm)}.meter-track,.progress-track,.slider-track{border-radius:var(--radius-pill);background:var(--color-hairline);width:100%;height:6px;position:relative;overflow:hidden}.meter-indicator,.progress-indicator,.slider-indicator{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.meter-indicator--success{background:var(--color-semantic-success)}.meter-indicator--warning{background:var(--color-semantic-warning)}.meter-indicator--error{background:var(--color-semantic-error)}.number-input{text-align:center;border:0;border-radius:0}.otp-root{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;width:100%;display:flex}.otp-input{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);width:48px;min-height:56px;font-size:24px;font-weight:var(--fw-label);font-family:var(--font-mono);text-align:center;color:var(--color-ink);transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);padding:0}.otp-input:focus{border:1.5px solid var(--color-primary);outline:none}.preview-card{gap:var(--spacing-md);width:min(280px, var(--available-width));padding:var(--spacing-md);box-shadow:var(--shadow-level-2);transform-origin:var(--transform-origin);transition:transform var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard);display:grid}.preview-card[data-starting-style],.preview-card[data-ending-style]{opacity:0}.popover-positioner{z-index:30;outline:0}.popover-card{gap:var(--spacing-xs);width:260px;max-width:min(280px, var(--available-width));padding:var(--spacing-md);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-level-2);transition:opacity var(--motion-fast) var(--ease-standard);display:grid}.popover-card[data-starting-style],.popover-card[data-ending-style]{opacity:0}.popover-copy{color:var(--color-body-muted);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);margin:0}.popup-arrow[data-side=top]{bottom:-8px;rotate:180deg}.popup-arrow[data-side=bottom]{top:-8px}.popup-arrow[data-side=left]{right:-12px;rotate:90deg}.popup-arrow[data-side=right]{left:-12px;rotate:-90deg}.popup-arrow svg{display:block}.popup-arrow .arrow-fill{fill:var(--color-canvas)}.popup-arrow .arrow-stroke{fill:none;stroke:var(--color-hairline);stroke-width:1px;stroke-linejoin:round}.text-link{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.mini-product{aspect-ratio:16/9;border-radius:var(--radius-md);background:radial-gradient(circle at 74% 24%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 50%), var(--color-surface-soft)}.preview-card-text{gap:var(--spacing-xs);display:grid}.preview-card-demo-prose{max-width:56ch;color:var(--color-ink);font-size:var(--type-body);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--ls-body);text-align:center;margin:0}.table-wrap{border:1px solid var(--color-hairline);border-radius:var(--radius-table);width:100%;overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm)}.data-table thead tr th{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-soft);text-align:left;font-size:var(--type-caption);font-weight:var(--fw-heading);line-height:var(--lh-caption);letter-spacing:var(--ls-caption);color:var(--color-ink);text-transform:uppercase;border-bottom:1px solid var(--color-hairline)}.data-table thead tr:first-child th:first-child{border-top-left-radius:var(--radius-table)}.data-table thead tr:first-child th:last-child{border-top-right-radius:var(--radius-table)}.data-table tbody tr td{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-canvas);color:var(--color-ink);border-bottom:1px solid var(--color-hairline)}.data-table tbody tr:last-child td{border-bottom:0}.scroll-root{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas);width:100%;height:220px;position:relative;overflow:hidden}.scroll-viewport{overscroll-behavior:contain;width:100%;height:100%;padding:20px}.scroll-viewport p{margin:0 0 var(--spacing-sm);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);color:var(--color-ink)}.scroll-area-viewport{overscroll-behavior:contain;position:absolute;inset:0}.scrollbar{margin:var(--spacing-xs) var(--spacing-xxs);border-radius:var(--radius-pill);opacity:0;touch-action:none;transition:opacity var(--motion-fast) var(--ease-standard) .6s;display:flex}.scrollbar[data-orientation=vertical]{width:6px}.scrollbar[data-orientation=horizontal]{flex-direction:column;height:6px}.scrollbar[data-hovering],.scrollbar[data-scrolling]{opacity:1;transition-delay:0s}.scroll-thumb{border-radius:var(--radius-pill);background:var(--color-body-muted);opacity:.4;transition:opacity var(--motion-fast) var(--ease-standard)}.scrollbar[data-orientation=vertical] .scroll-thumb{width:100%}.scrollbar[data-orientation=horizontal] .scroll-thumb{height:100%}.scroll-thumb:hover{opacity:.6}.scroll-thumb:active{opacity:.8}.select-trigger{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);width:min(100%,420px);min-height:48px;color:var(--color-ink);padding:0 var(--spacing-md);font-size:var(--type-label-lg);font-weight:var(--fw-regular);line-height:var(--lh-label);letter-spacing:var(--ls-label);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);justify-content:space-between;align-items:center;display:flex}.select-trigger:focus-visible,.select-trigger[data-popup-open]{border:1.5px solid var(--color-primary);outline:0}.select-icon{width:16px;height:16px;color:var(--color-body-muted);flex:none;place-items:center;display:grid}.select-trigger[data-popup-open] .trigger-icon{opacity:.9;transform:rotate(180deg)}.select-item{gap:10px}.select-item[data-selected]{color:var(--color-primary);font-weight:var(--fw-label)}.select-item-indicator{width:18px;height:18px;color:var(--color-primary);flex:none;order:1;place-items:center;margin-left:auto;display:grid}.select-item-indicator[data-unchecked]{visibility:hidden}.select-check-icon{width:18px;height:18px;display:block}.separator-demo{width:100%}.separator-demo .separator{flex:1;margin:0}.slider-control{width:100%;padding:19px 0}.slider-track{overflow:visible}.slider-thumb{border:1px solid var(--color-hairline);border-radius:var(--radius-full);background:var(--color-on-primary);cursor:grab;width:20px;height:20px;transition:transform var(--motion-fast) var(--ease-in-out);position:absolute;top:50%;box-shadow:0 1px 2px #0000001f}.slider-thumb:active{cursor:grabbing;transform:scale(1.15)}html[data-theme=dark] .slider-thumb{border-color:#0000;box-shadow:0 1px 3px #0006}.slider-thumb input:focus-visible{outline:none}.slider-thumb:has(input:focus-visible){border:1.5px solid var(--color-primary)}.switch{border-radius:var(--radius-pill);background:var(--color-control-track);cursor:pointer;width:42px;height:24px;transition:background var(--motion-normal) var(--ease-in-out);border:0;flex:none;padding:2px;position:relative}.switch[data-checked]{background:var(--color-primary)}.switch-thumb{border-radius:var(--radius-full);background:var(--color-on-primary);width:20px;height:20px;transition:transform var(--motion-normal) var(--ease-in-out);display:block;box-shadow:0 1px 2px #00000026}.switch[data-checked] .switch-thumb{transform:translate(18px)}.switch--sm{width:34px;height:20px}.switch--sm .switch-thumb{width:16px;height:16px}.switch--sm[data-checked] .switch-thumb{transform:translate(14px)}.switch--lg{width:56px;height:32px}.switch--lg .switch-thumb{width:28px;height:28px}.switch--lg[data-checked] .switch-thumb{transform:translate(24px)}.toggle-button{border:1.5px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);min-height:40px;color:var(--color-ink);padding:0 var(--spacing-md);font-size:var(--type-label-sm);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.toggle-button:hover:not([data-pressed]){background:var(--color-surface-soft)}.toggle-button[data-pressed]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.toggle-group{position:relative}.toggle-indicator{background:var(--color-canvas);border-radius:var(--radius-sm);pointer-events:none;z-index:0;transition:transform var(--motion-slow) var(--ease-out-expo), width var(--motion-slow) var(--ease-out-expo), opacity var(--motion-normal) var(--ease-standard);will-change:transform, width;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 1px 2px #00000014}.toggle-item{z-index:1;border-radius:var(--radius-pill);min-height:36px;color:var(--color-body-muted);font-size:var(--type-label-sm);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);cursor:pointer;transition:color var(--motion-normal) var(--ease-out-expo);background:0 0;border:0;justify-content:center;align-items:center;padding:0 14px;display:inline-flex;position:relative}.toggle-item:hover:not([data-pressed]){color:var(--color-ink)}.toggle-item[data-pressed]{color:var(--color-ink);box-shadow:none;background:0 0}.toolbar-separator{background:var(--color-hairline);width:1px;height:24px;margin:0 4px}.tooltip-popup{text-overflow:ellipsis;border-radius:var(--radius-md);background:var(--color-ink);max-width:260px;max-height:120px;color:var(--color-on-primary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);box-shadow:var(--shadow-level-2);transform-origin:var(--transform-origin,center);transition:opacity var(--motion-fast) ease-out, transform var(--motion-fast) ease-out;opacity:1;justify-content:center;align-items:center;gap:var(--spacing-xs);display:inline-flex;overflow:hidden;transform:scale(1)}.tooltip-popup .tooltip-kbd-group{flex:none;gap:1px;display:inline-flex}.tooltip-popup kbd,.tooltip-popup .tooltip-kbd{height:18px;font-family:var(--font-text);font-size:var(--type-caption);font-weight:var(--fw-regular);letter-spacing:var(--ls-caption);color:var(--color-on-ink-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.tooltip-popup[data-starting-style],.tooltip-popup[data-ending-style]{opacity:0;transform:scale(.96)}.tooltip-popup[data-instant]{transition-duration:0s}.toast-viewport{z-index:40;gap:8px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.toast-card{border-radius:var(--radius-md);color:#fff;transition:opacity var(--motion-expand) var(--ease-out-expo), transform var(--motion-expand) var(--ease-out-expo);background:#13151a;border:1px solid #ffffff0f;align-items:flex-start;gap:10px;padding:14px 48px 14px 18px;display:flex;position:relative}.toast-card[data-starting-style]{opacity:0;transform:translate(16px)}.toast-card[data-ending-style]{opacity:0;transition:opacity var(--motion-normal) ease-in, transform var(--motion-normal) ease-in;transform:translate(8px)}.toast-card:not(:has(.toast-description)){padding-top:16px;padding-bottom:16px}.toast-dot{border-radius:var(--radius-full);flex:none;width:8px;height:8px;margin-top:8px}.toast-dot-positive{background:#34d399}.toast-dot-negative{background:#fb7185}.toast-dot-warning{background:#fbbf24}.toast-content{flex:1;gap:2px;min-width:0;display:grid}.toast-card .toast-title{color:#fff}.toast-card .toast-description{color:#ffffffa3;letter-spacing:-.28px;line-height:20px}.toast-close{top:var(--spacing-sm);right:var(--spacing-sm);border-radius:var(--radius-full);color:#ffffff7a;width:24px;height:24px;font-size:var(--type-body);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--ls-body);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;border:0;place-items:center;display:grid;position:absolute}.toast-close:hover{color:#ffffffe0;background:#ffffff14}.toast-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.type-scale{gap:2px;width:100%;display:grid}.type-row{align-items:baseline;gap:var(--spacing-md);border-bottom:1px solid var(--color-hairline);grid-template-columns:120px minmax(0,1fr) 72px;padding:10px 0;display:grid}.type-row:last-child{border-bottom:0}.type-token{font-size:var(--type-caption);font-weight:var(--fw-regular);letter-spacing:var(--ls-caption);font-family:var(--font-mono);color:var(--color-primary);white-space:nowrap;line-height:1.4}.type-meta{font-size:var(--type-caption);font-weight:var(--fw-regular);line-height:var(--lh-caption);letter-spacing:var(--ls-caption);font-family:var(--font-mono);color:var(--color-body-muted);text-align:right;white-space:nowrap}.type-display-xl{font-family:var(--font-text);font-size:var(--type-display-xl);font-weight:var(--fw-heading);line-height:var(--lh-display-xl);letter-spacing:var(--ls-display-xl);color:var(--color-ink)}.type-display-lg{font-family:var(--font-text);font-size:var(--type-display-lg);font-weight:var(--fw-heading);line-height:var(--lh-display-lg);letter-spacing:var(--ls-display-lg);color:var(--color-ink)}.type-display-md{font-family:var(--font-text);font-size:var(--type-display-md);font-weight:var(--fw-heading);line-height:var(--lh-display-md);letter-spacing:var(--ls-display-md);color:var(--color-ink)}.type-headline{font-family:var(--font-text);font-size:var(--type-headline);font-weight:var(--fw-heading);line-height:var(--lh-headline);letter-spacing:var(--ls-headline);color:var(--color-ink)}.type-title-md{font-family:var(--font-text);font-size:var(--type-title-md);font-weight:var(--fw-label);line-height:var(--lh-title-md);letter-spacing:var(--ls-title-md);color:var(--color-ink)}.type-title-sm{font-family:var(--font-text);font-size:var(--type-title-sm);font-weight:var(--fw-heading);line-height:var(--lh-title-sm);letter-spacing:var(--ls-title-sm);color:var(--color-ink)}.type-body-lg{font-family:var(--font-text);font-size:var(--type-body-lg);font-weight:var(--fw-regular);line-height:var(--lh-body-lg);letter-spacing:var(--ls-body-lg);color:var(--color-ink)}.type-body,.type-body-md{font-family:var(--font-text);font-size:var(--type-body);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--color-ink)}.type-body-sm{font-family:var(--font-text);font-size:var(--type-body-sm);font-weight:var(--fw-regular);line-height:var(--lh-body-sm);letter-spacing:var(--ls-body-sm);color:var(--color-ink)}.type-caption{font-family:var(--font-text);font-size:var(--type-caption);font-weight:var(--fw-regular);line-height:var(--lh-caption);letter-spacing:var(--ls-caption);color:var(--color-ink)}.type-label-xl{font-family:var(--font-text);font-size:var(--type-label-xl);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);color:var(--color-ink)}.type-label-lg{font-family:var(--font-text);font-size:var(--type-label-lg);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);color:var(--color-ink)}.type-label-md{font-family:var(--font-text);font-size:var(--type-label-md);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);color:var(--color-ink)}.type-label-sm{font-family:var(--font-text);font-size:var(--type-label-sm);font-weight:var(--fw-label);line-height:var(--lh-label);letter-spacing:var(--ls-label);color:var(--color-ink)}.type-eyebrow{font-family:var(--font-text);font-size:var(--type-eyebrow);font-weight:var(--fw-label);line-height:var(--lh-eyebrow);letter-spacing:var(--ls-eyebrow);color:var(--color-ink);text-transform:uppercase}.type-mono{font-family:var(--font-mono);font-size:var(--type-mono);font-weight:var(--fw-regular);line-height:var(--lh-mono);letter-spacing:var(--ls-mono);color:var(--color-ink)}.icon-inline{flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-inline svg{width:100%;height:100%;display:block;overflow:visible}.icon-ink{color:var(--color-ink)}.icon-primary{color:var(--color-primary)}.icon-muted{color:var(--color-body-muted)}.icon-success{color:var(--color-semantic-success)}.icon-warning{color:var(--color-semantic-warning)}.icon-error{color:var(--color-semantic-error)}.icon-color-row{gap:var(--spacing-md);width:100%;padding:var(--spacing-md);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface-soft);flex-wrap:wrap;display:flex}.icon-color-item{color:var(--color-body-muted);flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.icon-grid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(72px,1fr));width:100%;display:grid}.icon-grid-item{padding:var(--spacing-sm) var(--spacing-xs);border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-body-muted);text-align:center;transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);cursor:default;flex-direction:column;align-items:center;gap:6px;font-size:10px;display:flex}.icon-grid-item:hover{background:var(--color-surface-soft);border-color:var(--color-primary);color:var(--color-primary)}.icon-grid-item:hover .icon-inline{color:var(--color-primary)}.all-icons-section{padding:var(--spacing-section) var(--spacing-xl);background:var(--color-canvas);text-align:center}.all-icons-section>p{max-width:720px;color:var(--color-body-muted);margin:0 auto}.all-icons-section code{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-ink);padding:2px 6px;font-size:.9em}.all-icons-grid{width:min(1440px,100vw - 48px);margin:var(--spacing-xxl) auto 0;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;display:grid}.all-icon-cell{aspect-ratio:1;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-surface-soft);width:100%;min-width:44px;color:var(--color-ink);z-index:0;transform-origin:50%;transition:transform var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);place-items:center;display:grid;position:relative;overflow:visible}.all-icon-cell:hover{z-index:1;border-color:var(--color-primary);box-shadow:var(--shadow-card);transform:scale(1.5)}.all-icon-cell .icon-inline{width:24px;height:24px}.all-icon-missing{border:1px dashed var(--color-semantic-error);border-radius:var(--radius-sm);width:24px;height:24px}@media (width<=900px){.component-grid{grid-template-columns:1fr;width:min(100% - 48px,720px)}.global-nav nav{display:none}.component-card{min-height:auto}}@media (width<=520px){.hero-tile,.gallery-intro,.handoff-tile{padding:80px var(--spacing-xl)}.hero-tile{min-height:480px}.hero-actions{margin-top:var(--spacing-xxl)}h1{font-size:26px}.type-row{gap:var(--spacing-xxs);grid-template-columns:1fr;align-items:start}.type-meta{text-align:left}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#111212;--color-surface-soft:#18191b;--color-surface-elevated:#27282d;--color-surface-elevated-hover:color-mix(in oklab, var(--color-surface-elevated) 93%, var(--color-body-muted) 7%);--color-surface-inset:#2b2c30;--color-hairline:#25272b;--color-control-track:#3e3e41;--color-ink:#f2f2f2;--color-body-muted:#959799;--color-disabled:#424347;--color-primary:#1c82ff;--color-primary-hover:#3791ff;--color-semantic-neutral:#c7c9cb;--color-semantic-neutral-bg:#95979926;--color-semantic-info-bg:#006eff26;--color-semantic-success:#34d399;--color-semantic-success-bg:#05966926;--color-semantic-success-text:var(--color-semantic-success);--color-semantic-error:#f74b53;--color-semantic-error-hover:#e3454c;--color-semantic-error-bg:#f74b5326;--color-semantic-error-text:var(--color-semantic-error);--color-semantic-warning:#fe9f19;--color-semantic-warning-bg:#fe9f1926;--color-semantic-warning-text:var(--color-semantic-warning);--shadow-level-1:0 4px 12px #0000004d;--shadow-level-2:0 8px 24px #00000073;--shadow-level-3:0 16px 48px #0009}html[data-theme=dark] body{background:var(--color-canvas)}html[data-theme=dark] .component-card,html[data-theme=dark] .component-card:nth-child(4n+2),html[data-theme=dark] .component-card:nth-child(4n+3){background:var(--color-surface-soft);border-color:#0000}html[data-theme=dark] .global-nav,html[data-theme=dark] .sub-nav{border-bottom-color:var(--color-hairline);background:#111111d9}html[data-theme=dark] .button-secondary,html[data-theme=dark] .nav-action,html[data-theme=dark] .button-utility{background:var(--color-surface-elevated);border-color:#0000}html[data-theme=dark] .button-secondary:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),html[data-theme=dark] .nav-action:hover,html[data-theme=dark] .button-utility:hover{background:var(--color-surface-elevated-hover)}html[data-theme=dark] .button-ghost:hover:not(:disabled):not([data-disabled]):not([data-trigger-disabled]),html[data-theme=dark] .bottom-sheet-option:hover,html[data-theme=dark] .autocomplete-item[data-highlighted],html[data-theme=dark] .list-item[data-highlighted],html[data-theme=dark] .menu-item[data-highlighted],html[data-theme=dark] .nav-menu-trigger:hover,html[data-theme=dark] .nav-menu-trigger[data-popup-open],html[data-theme=dark] .nav-menu-trigger[data-active],html[data-theme=dark] .nav-menu-link:hover,html[data-theme=dark] .nav-menu-link[data-active],html[data-theme=dark] .toolbar-button:not(.primary):hover,html[data-theme=dark] .toggle-button:hover:not([data-pressed]){background:var(--color-surface-elevated)}html[data-theme=dark] .accordion-item{background:var(--color-surface-elevated);border-color:#0000}html[data-theme=dark] .accordion-trigger:hover{background:var(--color-surface-elevated-hover)}html[data-theme=dark] .accordion-trigger[data-panel-open]{box-shadow:inset 0 -1px #ffffff14}html[data-theme=dark] .toggle-group{background:var(--color-surface-inset);border-color:#0000}html[data-theme=dark] .toolbar{background:0 0}html[data-theme=dark] .toolbar-button:not(.primary)[data-pressed]{background:var(--color-surface-elevated);color:var(--color-on-primary)}html[data-theme=dark] .toolbar-button.primary:hover{background:var(--color-primary-hover)}html[data-theme=dark] .sidebar{background:var(--color-canvas);border-color:var(--color-hairline)}html[data-theme=dark] .sidebar-item:hover,html[data-theme=dark] .sidebar-subitem:hover{background:#232325}html[data-theme=dark] .sidebar-item.is-active,html[data-theme=dark] .sidebar-subitem.is-active{background:var(--color-surface-elevated);color:var(--color-ink)}html[data-theme=dark] .sidebar-item-badge{background:var(--color-semantic-error);color:var(--color-on-primary)}html[data-theme=dark] .toggle-group,html[data-theme=dark] .toolbar{border-color:#0000}html[data-theme=dark] .toggle-item,html[data-theme=dark] .toolbar-button:not(.primary){color:#c7c7cc}html[data-theme=dark] .toggle-item:hover:not([data-pressed]),html[data-theme=dark] .toolbar-button:not(.primary):hover,html[data-theme=dark] .toolbar-button.primary{color:var(--color-on-primary)}html[data-theme=dark] .toggle-item[data-pressed]{color:var(--color-on-primary);box-shadow:none;background:0 0}html[data-theme=dark] .toggle-item:disabled,html[data-theme=dark] .toggle-item[data-disabled],html[data-theme=dark] .toolbar-button:disabled,html[data-theme=dark] .toolbar-button[data-disabled]{color:#5a5a5e;cursor:not-allowed}html[data-theme=dark] .toggle-indicator{background:#3e3e41;box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000073}html[data-theme=dark] .autocomplete-popup,html[data-theme=dark] .menu-popup,html[data-theme=dark] .popup-list,html[data-theme=dark] .wide-popup,html[data-theme=dark] .nav-menu-popup{background:var(--color-surface-soft);border-color:var(--color-hairline)}html[data-theme=dark] .popover-card,html[data-theme=dark] .preview-card,html[data-theme=dark] .date-picker-popover{background:var(--color-surface-soft);border-color:#ffffff1a}html[data-theme=dark] .popover-card .popup-arrow .arrow-fill{fill:var(--color-surface-soft)}html[data-theme=dark] .popover-card .popup-arrow .arrow-stroke{stroke:#ffffff1a}html[data-theme=dark] .date-picker-nav-button:hover,html[data-theme=dark] .date-picker-day:hover:before{background:var(--color-surface-elevated)}html[data-theme=dark] .date-picker-day[data-in-range],html[data-theme=dark] .date-picker-day[data-range-start],html[data-theme=dark] .date-picker-day[data-range-end]{color:var(--color-primary-hover)}html[data-theme=dark] .date-picker-day[data-in-range]:after,html[data-theme=dark] .date-picker-day[data-range-start]:after,html[data-theme=dark] .date-picker-day[data-range-end]:after{background:color-mix(in srgb, var(--color-primary) 18%, transparent)}html[data-theme=dark] .modal-card{background:var(--color-surface-soft);border-color:#0000}html[data-theme=dark] .bottom-sheet-card,html[data-theme=dark] .responsive-sheet{background:var(--color-surface-soft)}html[data-theme=dark] .toast-card{background:#1f2128}html[data-theme=dark] .toast-card--negative{background:#2a1d22}html[data-theme=dark] .drawer-card{background:var(--color-canvas)}html[data-theme=dark] .drawer-header,html[data-theme=dark] .drawer-footer{border-color:var(--color-hairline)}html[data-theme=dark] .overlay-backdrop{background:#000000b3}html[data-theme=dark] .nav-menu-feature{background:radial-gradient(circle at 74% 24%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 45%), var(--color-canvas)}html[data-theme=dark] .nav-menu-feature:hover{background:radial-gradient(circle at 74% 24%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 45%), var(--color-surface-soft)}html[data-theme=dark] .option-chip{background:var(--color-surface-soft);border-color:var(--color-hairline)}html[data-theme=dark] .option-chip.selected{border-color:var(--color-primary)}html[data-theme=dark] .context-target{background:var(--color-canvas);border-color:var(--color-hairline)}html[data-theme=dark] .mini-product{background:radial-gradient(circle at 74% 24%, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 50%), var(--color-surface-elevated)}html[data-theme=dark] .tooltip-popup{color:#000;border:1px solid var(--color-hairline);background:#fff}html[data-theme=dark] .tooltip-popup .popup-arrow{fill:#fff}html[data-theme=dark] .tooltip-popup kbd,html[data-theme=dark] .tooltip-popup .tooltip-kbd{color:#0000008c;background:0 0}html[data-theme=dark] .handoff-tile{background:#0d0d0d}html[data-theme=dark] .icon-color-row{background:var(--color-surface-soft);border-color:var(--color-hairline)}html[data-theme=dark] .icon-grid-item{background:var(--color-canvas);border-color:var(--color-hairline)}html[data-theme=dark] .icon-grid-item:hover{background:var(--color-surface-soft)}html[data-theme=dark] .icon-grid-item:hover .icon-inline{color:var(--color-primary)}html[data-theme=dark] .badge-ink{color:#13151a}html[data-theme=dark] .table-wrap{border-color:var(--color-hairline)}html[data-theme=dark] .data-table thead tr th{background:var(--color-surface-soft);border-bottom-color:var(--color-hairline)}html[data-theme=dark] .data-table tbody tr td{background:var(--color-canvas);border-bottom-color:var(--color-hairline)}.theme-toggle{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}