:root{--primitive-border-width-default: 1px;--primitive-border-width-heavy: 4px;--primitive-border-width-strong: 2px;--primitive-color-blue-1: #F8FBFF;--primitive-color-blue-2: #F0F6FF;--primitive-color-blue-3: #E0EDFF;--primitive-color-blue-4: #CCE1FF;--primitive-color-blue-5: #B7D5FF;--primitive-color-blue-6: #9DC3F5;--primitive-color-blue-7: #7EADEA;--primitive-color-blue-8: #5592D8;--primitive-color-blue-9: #0075E1;--primitive-color-blue-10: #0066C6;--primitive-color-blue-11: #004E99;--primitive-color-blue-12: #002E5C;--primitive-color-green-1: #F7FDF8;--primitive-color-green-2: #EEFBF0;--primitive-color-green-3: #DCFADF;--primitive-color-green-4: #C4F2CA;--primitive-color-green-5: #ABE8B4;--primitive-color-green-6: #8DDA98;--primitive-color-green-7: #6CC97A;--primitive-color-green-8: #45B85E;--primitive-color-green-9: #008928;--primitive-color-green-10: #007622;--primitive-color-green-11: #005C1A;--primitive-color-green-12: #003D11;--primitive-color-ink-1: #FFFFFF;--primitive-color-ink-2: #FAF9F8;--primitive-color-ink-3: #F2F0EE;--primitive-color-ink-4: #E9E7E4;--primitive-color-ink-5: #DFDDD9;--primitive-color-ink-6: #D2CFCB;--primitive-color-ink-7: #BCB8B3;--primitive-color-ink-8: #9E9A94;--primitive-color-ink-9: #7E7A74;--primitive-color-ink-10: #6B6760;--primitive-color-ink-11: #4A4740;--primitive-color-ink-12: #1A1A18;--primitive-color-orange-1: #FFFAF5;--primitive-color-orange-2: #FFF0E5;--primitive-color-orange-3: #FFE0C7;--primitive-color-orange-4: #FFCEA6;--primitive-color-orange-5: #FFBB85;--primitive-color-orange-6: #F5A163;--primitive-color-orange-7: #E88842;--primitive-color-orange-8: #DA6E22;--primitive-color-orange-9: #E8520A;--primitive-color-orange-10: #CC4708;--primitive-color-orange-11: #9E3706;--primitive-color-orange-12: #672404;--primitive-color-red-1: #FFF8F8;--primitive-color-red-2: #FFF0F1;--primitive-color-red-3: #FFE0E4;--primitive-color-red-4: #FFD0D6;--primitive-color-red-5: #FFC0C8;--primitive-color-red-6: #F2A8B2;--primitive-color-red-7: #E08D99;--primitive-color-red-8: #D06F7E;--primitive-color-red-9: #D1334A;--primitive-color-red-10: #B82A40;--primitive-color-red-11: #9C2236;--primitive-color-red-12: #6E1826;--primitive-color-sand-1: #FDFCF9;--primitive-color-sand-2: #F8F5EE;--primitive-color-sand-3: #F0EBDF;--primitive-color-sand-4: #E8E1D1;--primitive-color-sand-5: #DFD7C4;--primitive-color-sand-6: #D5CBB5;--primitive-color-sand-7: #C4B89E;--primitive-color-sand-8: #AFA388;--primitive-color-sand-9: #9A8E72;--primitive-color-sand-10: #857A62;--primitive-color-sand-11: #5E5545;--primitive-color-sand-12: #3A3328;--primitive-elevation-md: 8px 8px 0 rgba(26, 26, 24, .2);--primitive-elevation-sm: 4px 4px 0 rgba(26, 26, 24, .16);--primitive-font-family-base: "Geist Mono", monospace;--primitive-font-size-2xl: 24px;--primitive-font-size-3xl: 30px;--primitive-font-size-4xl: 36px;--primitive-font-size-5xl: 48px;--primitive-font-size-6xl: 60px;--primitive-font-size-base: 16px;--primitive-font-size-lg: 18px;--primitive-font-size-sm: 14px;--primitive-font-size-xl: 20px;--primitive-font-size-xs: 12px;--primitive-font-weight-bold: 700;--primitive-font-weight-medium: 500;--primitive-font-weight-regular: 400;--primitive-font-weight-semibold: 600;--primitive-icon-size-lg: 24px;--primitive-icon-size-md: 20px;--primitive-icon-size-sm: 16px;--primitive-icon-size-xl: 32px;--primitive-icon-size-xs: 12px;--primitive-line-height-2xl: 32px;--primitive-line-height-3xl: 36px;--primitive-line-height-4xl: 40px;--primitive-line-height-5xl: 56px;--primitive-line-height-6xl: 60px;--primitive-line-height-base: 24px;--primitive-line-height-lg: 28px;--primitive-line-height-sm: 20px;--primitive-line-height-xl: 30px;--primitive-line-height-xs: 16px;--primitive-opacity-disabled: .45;--primitive-opacity-muted: .72;--primitive-radius-none: 0px;--primitive-space-0: 0px;--primitive-space-1: 4px;--primitive-space-2: 8px;--primitive-space-3: 12px;--primitive-space-4: 16px;--primitive-space-6: 24px;--primitive-space-8: 32px;--primitive-space-12: 48px;--primitive-space-16: 64px}[data-brand=factory]{--border-width-control: var(--primitive-border-width-default);--border-width-emphasis: var(--primitive-border-width-heavy);--border-width-strong: var(--primitive-border-width-strong);--color-action-on-primary: var(--primitive-color-ink-1);--color-action-primary: var(--primitive-color-orange-9);--color-action-primary-hover: var(--primitive-color-orange-10);--color-action-primary-pressed: var(--primitive-color-orange-11);--color-action-secondary-surface: var(--primitive-color-orange-2);--color-action-secondary-surface-hover: var(--primitive-color-orange-3);--color-action-secondary-surface-pressed: var(--primitive-color-orange-4);--color-border-attention: var(--primitive-color-orange-8);--color-border-brand: var(--primitive-color-orange-9);--color-border-default: var(--primitive-color-ink-7);--color-border-error: var(--primitive-color-red-8);--color-border-info: var(--primitive-color-blue-8);--color-border-strong: var(--primitive-color-ink-12);--color-border-subtle: var(--primitive-color-ink-5);--color-border-success: var(--primitive-color-green-8);--color-feedback-attention: var(--primitive-color-orange-9);--color-feedback-attention-border: var(--primitive-color-orange-6);--color-feedback-attention-surface: var(--primitive-color-orange-2);--color-feedback-attention-text: var(--primitive-color-orange-11);--color-feedback-error: var(--primitive-color-red-9);--color-feedback-error-border: var(--primitive-color-red-6);--color-feedback-error-surface: var(--primitive-color-red-2);--color-feedback-error-text: var(--primitive-color-red-11);--color-feedback-info: var(--primitive-color-blue-9);--color-feedback-info-border: var(--primitive-color-blue-6);--color-feedback-info-surface: var(--primitive-color-blue-2);--color-feedback-info-text: var(--primitive-color-blue-11);--color-feedback-neutral: var(--primitive-color-ink-11);--color-feedback-neutral-border: var(--primitive-color-ink-6);--color-feedback-neutral-surface: var(--primitive-color-ink-2);--color-feedback-neutral-text: var(--primitive-color-ink-12);--color-feedback-success: var(--primitive-color-green-9);--color-feedback-success-border: var(--primitive-color-green-6);--color-feedback-success-surface: var(--primitive-color-green-2);--color-feedback-success-text: var(--primitive-color-green-11);--color-surface-canvas: var(--primitive-color-ink-2);--color-surface-inverse: var(--primitive-color-ink-12);--color-surface-page: var(--primitive-color-ink-1);--color-surface-panel: var(--primitive-color-ink-1);--color-surface-panel-emphasis: var(--primitive-color-orange-2);--color-surface-panel-muted: var(--primitive-color-ink-2);--color-text-brand: var(--primitive-color-orange-9);--color-text-inverse: var(--primitive-color-ink-1);--color-text-link: var(--primitive-color-orange-9);--color-text-link-hover: var(--primitive-color-orange-10);--color-text-link-visited: var(--primitive-color-orange-11);--color-text-muted: var(--primitive-color-ink-8);--color-text-primary: var(--primitive-color-ink-12);--color-text-secondary: var(--primitive-color-ink-10);--elevation-overlay: var(--primitive-elevation-md);--elevation-raised: var(--primitive-elevation-sm);--focus-outline-color: var(--primitive-color-orange-9);--focus-outline-offset: var(--primitive-space-1);--focus-outline-width: var(--primitive-border-width-strong);--focus-ring-color: var(--primitive-color-orange-9);--focus-ring-inset-color: var(--primitive-color-ink-1);--icon-size-body: var(--primitive-icon-size-md);--icon-size-control: var(--primitive-icon-size-sm);--icon-size-emphasis: var(--primitive-icon-size-lg);--layout-example-gap: var(--primitive-space-4);--layout-page-inset: var(--primitive-space-8);--layout-page-max-width: 1200px;--layout-panel-gap: var(--primitive-space-6);--layout-section-gap: var(--primitive-space-12);--layout-touch-target-min: 44px;--opacity-disabled: var(--primitive-opacity-disabled);--opacity-muted: var(--primitive-opacity-muted);--radius-control: var(--primitive-radius-none);--radius-media: var(--primitive-radius-none);--radius-panel: var(--primitive-radius-none);--radius-pill: var(--primitive-radius-none);--typography-body-line-height: var(--primitive-line-height-base);--typography-body-size: var(--primitive-font-size-base);--typography-body-weight: var(--primitive-font-weight-regular);--typography-caption-line-height: var(--primitive-line-height-xs);--typography-caption-size: var(--primitive-font-size-xs);--typography-caption-weight: var(--primitive-font-weight-regular);--typography-code-line-height: var(--primitive-line-height-sm);--typography-code-size: var(--primitive-font-size-sm);--typography-code-weight: var(--primitive-font-weight-medium);--typography-display-line-height: var(--primitive-line-height-5xl);--typography-display-size: var(--primitive-font-size-5xl);--typography-display-weight: var(--primitive-font-weight-bold);--typography-heading-line-height: var(--primitive-line-height-3xl);--typography-heading-size: var(--primitive-font-size-3xl);--typography-heading-weight: var(--primitive-font-weight-semibold);--typography-label-line-height: var(--primitive-line-height-sm);--typography-label-size: var(--primitive-font-size-sm);--typography-label-weight: var(--primitive-font-weight-medium)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--primitive-font-family-base)}body{margin:0;font-family:var(--primitive-font-family-base);background:var(--primitive-color-ink-2);color:var(--primitive-color-ink-12);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}a{color:inherit}#root{min-height:100vh}.alert{--alert-accent: var(--color-feedback-neutral-text);--alert-control-offset: calc(var(--primitive-space-4) + (var(--typography-label-line-height) - var(--icon-size-control)) / 2);display:flex;align-items:stretch;justify-self:start;inline-size:min(100%,312px);background:var(--color-surface-page);border:var(--border-width-control) solid var(--color-border-subtle);box-shadow:var(--elevation-raised);font-family:var(--primitive-font-family-base);max-width:584px}.alert--neutral{--alert-accent: var(--color-feedback-neutral-text)}.alert--info{--alert-accent: var(--color-feedback-info)}.alert--success{--alert-accent: var(--color-feedback-success)}.alert--attention{--alert-accent: var(--color-feedback-attention)}.alert--error{--alert-accent: var(--color-feedback-error)}.alert__icon-slot{display:flex;align-items:flex-start;justify-content:center;padding:var(--alert-control-offset) 0 0 var(--primitive-space-4)}.alert__content{flex:1;display:grid;gap:var(--primitive-space-4);min-width:0;padding:var(--primitive-space-4)}.alert--no-icon .alert__content{padding-left:var(--primitive-space-4)}.alert__icon{flex-shrink:0;color:var(--alert-accent)}.alert__title{margin:0;font-size:var(--typography-label-size);font-weight:var(--primitive-font-weight-bold);line-height:var(--typography-label-line-height);color:var(--alert-accent)}.alert__description{margin:0;font-size:var(--typography-caption-size);font-weight:var(--primitive-font-weight-regular);line-height:var(--typography-caption-line-height);color:var(--color-text-primary)}.alert__dismiss{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;padding:var(--alert-control-offset) var(--primitive-space-4) 0 0;border:0;background:transparent;color:var(--color-text-primary);cursor:pointer}.alert__dismiss:hover{background:var(--color-action-secondary-surface)}.alert__dismiss:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-surface-panel),0 0 0 4px var(--focus-outline-color)}.alert__action{display:inline-flex;align-items:center;width:fit-content;color:var(--color-text-primary);font-family:var(--primitive-font-family-base);font-size:var(--typography-caption-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-label-weight);text-decoration:underline;text-underline-offset:.2em;background:none;border:none;padding:0;cursor:pointer}.icon{flex-shrink:0;display:inline-block;vertical-align:middle}.app{--rhythm-page: 96px;--rhythm-section: 48px;--rhythm-block: 32px;--rhythm-tight: 16px;--rhythm-hair: 8px;--sidebar-width: 280px;--content-max: 720px;--content-gutter: 64px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;--docs-meta-size: var(--typography-caption-size);--docs-meta-line-height: var(--typography-caption-line-height);--docs-label-size: var(--typography-label-size);--docs-label-line-height: var(--typography-label-line-height);--docs-body-size: var(--typography-body-size);--docs-body-line-height: var(--typography-body-line-height);--docs-page-title-size: clamp(2.6rem, 4.2vw, 4rem);--docs-section-title-size: clamp(1.6rem, 2.2vw, 2.2rem)}.app__sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;padding:64px 28px var(--rhythm-section);border-right:var(--border-width-control) solid var(--color-border-subtle);background:var(--color-surface-panel)}.app__brand{display:grid;gap:var(--rhythm-hair);margin-bottom:var(--rhythm-section);padding-bottom:var(--rhythm-tight);border-bottom:var(--border-width-control) solid var(--color-border-subtle)}.app__eyebrow,.app__nav-heading{margin:0 0 0 -1px;font-size:11px;line-height:1.4;font-weight:var(--typography-caption-weight);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary)}.app__title{margin:0;font-size:18px;line-height:1.15;font-weight:var(--typography-display-weight);letter-spacing:-.01em;color:var(--color-text-primary)}.app__lede{display:none}.app__nav{display:grid;gap:var(--rhythm-block)}.app__nav-section{display:grid;gap:var(--rhythm-tight)}.app__nav-section--overview{padding-bottom:var(--rhythm-block);border-bottom:var(--border-width-control) solid var(--color-border-subtle)}.app__nav-links{display:grid;gap:0}.app__nav-link{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;line-height:1.35;letter-spacing:.01em;transition:background-color 80ms linear,color 80ms linear}.app__nav-link:hover{color:var(--color-text-primary);background:var(--color-action-secondary-surface)}.app__nav-link--active,.app__nav-link--active:hover{background:var(--color-text-primary);color:var(--color-surface-page)}.app__main{padding:64px var(--content-gutter) var(--rhythm-page);min-width:0}.app__toast-region{position:fixed;right:24px;bottom:24px;max-width:calc(100vw - 32px);z-index:1000;pointer-events:none}.app__toast{animation:app-toast-in .14s ease-out;pointer-events:auto}.app__toast .alert{inline-size:fit-content;max-width:min(584px,calc(100vw - 32px))}@keyframes app-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spec-page{width:100%;max-width:var(--content-max);margin:0;display:grid;gap:var(--rhythm-page)}.spec-page--wide{max-width:980px}.spec-page__header{display:grid;gap:0}.spec-page__eyebrow{margin:0 0 var(--rhythm-hair) -1px;color:var(--color-text-brand);text-transform:uppercase;letter-spacing:.12em;font-size:11px;line-height:1.4;font-weight:var(--typography-caption-weight)}.spec-page__title{margin:0;font-size:var(--docs-page-title-size);line-height:1.02;font-weight:var(--typography-display-weight);letter-spacing:-.015em;color:var(--color-text-primary)}.spec-page__lede{margin:var(--rhythm-tight) 0 0;max-width:38rem;color:var(--color-text-secondary);font-size:var(--docs-body-size);line-height:var(--docs-body-line-height)}.overview-credit{display:flex;flex-wrap:wrap;gap:var(--rhythm-hair) var(--rhythm-tight);align-items:center;margin:var(--rhythm-tight) 0 0;color:var(--color-text-secondary);font-size:var(--docs-meta-size);line-height:var(--docs-meta-line-height)}.spec-section__copy,.spec-card__copy,.state-matrix__description{margin:0;color:var(--color-text-secondary);font-size:var(--docs-body-size);line-height:var(--docs-body-line-height)}.spec-page__body,.spec-section{display:grid;gap:var(--rhythm-section)}.spec-page__body{gap:var(--rhythm-page)}.spec-page__body>.spec-section{padding-top:0;border-top:0}.spec-section__header{display:grid;gap:var(--rhythm-tight);max-width:38rem}.spec-section__title{margin:0;font-size:var(--docs-section-title-size);line-height:1.1;font-weight:var(--typography-heading-weight);letter-spacing:-.01em;color:var(--color-text-primary)}.spec-grid{display:grid;gap:var(--rhythm-tight)}.spec-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.spec-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.spec-card,.state-matrix__row,.token-table,.do-dont-grid__card,.type-role{padding:24px;border:var(--border-width-control) solid var(--color-border-subtle);border-radius:var(--radius-panel);background:var(--color-surface-panel)}.spec-card{display:grid;gap:var(--rhythm-tight)}.spec-card__title,.state-matrix__state,.type-role__name{margin:0;font-size:var(--docs-label-size);line-height:var(--docs-label-line-height);font-weight:var(--typography-label-weight);color:var(--color-text-primary);text-transform:capitalize}.spec-card__eyebrow{margin:0;font-size:var(--docs-meta-size);line-height:var(--docs-meta-line-height);color:var(--color-text-secondary);text-transform:uppercase}.spec-token-chip{display:inline-flex;align-items:center;width:fit-content;padding:0 var(--rhythm-hair);min-height:26px;border:var(--border-width-control) solid var(--color-border-subtle);background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--primitive-font-family-base);font-size:12px;line-height:1.35;letter-spacing:-.01em}.palette{display:grid;gap:var(--rhythm-block)}.palette__group{display:grid;gap:var(--rhythm-tight);padding:24px;border:var(--border-width-control) solid var(--color-border-subtle);background:var(--color-surface-panel)}.palette__group-header{display:grid;gap:2px}.palette__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:var(--rhythm-tight)}.palette__item{display:grid;gap:var(--rhythm-hair)}.palette__sample{height:64px;border:var(--border-width-control) solid var(--color-border-subtle)}.palette__sample--semantic{height:56px}.palette__meta{display:grid;gap:2px}.palette__meta strong,.palette__meta span,.palette__meta code{font-size:var(--docs-meta-size);line-height:var(--docs-meta-line-height)}.curated-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rhythm-tight)}.curated-palette__group{display:grid;gap:var(--rhythm-block);padding:24px;border:var(--border-width-control) solid var(--color-border-subtle);background:var(--color-surface-panel)}.curated-palette__intro{display:grid;gap:var(--rhythm-hair);max-width:32rem}.curated-palette__intro .spec-card__title{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.curated-palette__intro .spec-card__copy{font-size:14px;line-height:1.5}.curated-palette__swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rhythm-tight)}.curated-swatch{display:grid;gap:var(--rhythm-hair);padding:16px;background:var(--color-surface-page);border:var(--border-width-control) solid var(--color-border-subtle)}.curated-swatch__sample{height:72px;border:var(--border-width-control) solid var(--color-border-subtle)}.curated-swatch__meta{display:grid;gap:var(--rhythm-hair)}.curated-swatch__label-stack{display:grid;gap:2px}.curated-swatch__meta strong,.curated-swatch__meta span,.curated-swatch__meta code{font-size:12px;line-height:1.4}.curated-swatch__meta strong{color:var(--color-text-primary)}.curated-swatch__meta code,.curated-swatch__meta span{color:var(--color-text-secondary)}.palette-ramp-list{display:grid;gap:var(--rhythm-block)}.palette-ramp{display:grid;gap:var(--rhythm-tight);padding:24px;border:var(--border-width-control) solid var(--color-border-subtle);background:var(--color-surface-panel)}.palette-ramp__header{display:grid;gap:var(--rhythm-hair)}.palette-ramp__track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--rhythm-hair);row-gap:var(--rhythm-tight)}.palette-ramp__stop{display:grid;gap:var(--rhythm-tight);min-width:0}.palette-ramp__sample{height:56px;border:var(--border-width-control) solid var(--color-border-subtle)}.palette-ramp__meta{display:grid;gap:4px}.palette-ramp__meta strong{font-size:13px;line-height:1.35}.token-copy-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--rhythm-hair);min-height:32px;width:100%;padding:0 10px;border:var(--border-width-control) solid var(--color-border-subtle);background:var(--color-surface-page);color:var(--color-text-primary);cursor:pointer;font-family:var(--primitive-font-family-base);font-size:12px;line-height:1.35;text-align:left;-webkit-user-select:all;user-select:all;white-space:nowrap}.token-copy-chip:hover{border-color:var(--color-border-default)}.token-copy-chip:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-surface-panel),0 0 0 4px var(--focus-outline-color)}.token-copy-chip--copied{border-color:var(--color-border-brand)}.token-copy-chip code{color:inherit;font:inherit;pointer-events:none}.token-copy-chip__icon{flex:0 0 auto;color:var(--color-text-secondary);pointer-events:none}.token-copy-chip--copied .token-copy-chip__icon{color:var(--color-text-brand)}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--rhythm-tight)}.swatch{display:grid;gap:var(--rhythm-hair)}.swatch__sample{aspect-ratio:1;border:var(--border-width-control) solid var(--color-border-subtle)}.swatch__meta{display:grid;gap:2px}.swatch__meta strong,.swatch__meta span,.swatch__meta code{font-size:var(--docs-meta-size);line-height:var(--docs-meta-line-height)}.measure-list{display:grid;gap:var(--rhythm-tight)}.measure-list__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1fr) auto;gap:var(--rhythm-tight);align-items:center}.measure-list__meta{display:grid;gap:2px}.measure-list__sample{min-height:48px;display:flex;align-items:center}.measure-list__bar{display:block;height:12px;background:var(--color-action-primary)}.measure-list__pill{width:72px;height:32px;background:var(--color-surface-panel-muted);border:var(--border-width-control) solid var(--color-border-subtle)}.measure-list__line{display:block;width:120px;border-bottom-style:solid;border-bottom-color:var(--color-border-strong)}.measure-list__shadow{display:block;width:120px;height:48px;border-radius:var(--radius-panel);background:var(--color-surface-panel)}.state-matrix,.state-matrix__row,.state-matrix__meta,.state-matrix__tokens,.example-stack,.forms-preview,.alert-stack,.card-grid,.type-role{display:grid;gap:var(--rhythm-tight)}.state-matrix__tokens{grid-template-columns:repeat(auto-fit,minmax(160px,max-content));gap:var(--rhythm-hair)}.state-matrix__preview{position:relative;display:flex;align-items:center;min-height:96px;padding:20px;background:repeating-linear-gradient(135deg,transparent 0,transparent 11px,var(--primitive-color-ink-3) 11px,var(--primitive-color-ink-3) 12px),var(--color-surface-page);border:var(--border-width-control) solid var(--color-border-subtle)}.state-matrix__preview:before{content:"PREVIEW";position:absolute;top:6px;right:8px;font-size:9px;letter-spacing:.18em;color:var(--color-text-secondary);background:var(--color-surface-page);padding:2px 6px;border:var(--border-width-control) solid var(--color-border-subtle)}.state-matrix__meta{gap:var(--rhythm-hair)}.token-table{display:grid}.token-table{padding:0;background:transparent;border:0}.token-table__head,.token-table__row{display:grid;grid-template-columns:minmax(0,220px) minmax(0,260px) minmax(0,1fr);gap:var(--rhythm-tight);align-items:center;padding:var(--rhythm-tight) 0}.token-table__head{border-bottom:var(--border-width-control) solid var(--color-border-subtle);font-size:var(--typography-caption-size);line-height:var(--typography-caption-line-height);text-transform:uppercase;color:var(--color-text-secondary)}.token-table__row+.token-table__row{border-top:var(--border-width-control) solid var(--color-border-subtle)}.spec-list{display:grid;gap:var(--rhythm-tight);margin:0;padding-left:1.2rem;color:var(--color-text-primary);font-size:var(--docs-body-size);line-height:var(--docs-body-line-height)}.do-dont-grid{display:grid;gap:var(--rhythm-tight)}.do-dont-grid__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rhythm-tight)}.do-dont-grid__card{position:relative;padding-top:calc(24px + var(--rhythm-tight) + var(--rhythm-hair))}.do-dont-grid__card--do{border-top:var(--border-width-heavy) solid var(--color-feedback-success)}.do-dont-grid__card--dont{border-top:var(--border-width-heavy) solid var(--color-action-primary)}.do-dont-grid__label{position:absolute;top:calc(var(--rhythm-tight) + 2px);left:24px;margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:11px;line-height:1.1;font-weight:var(--typography-display-weight);color:var(--color-text-secondary)}.do-dont-grid__card--do .do-dont-grid__label{color:var(--color-feedback-success)}.do-dont-grid__card--dont .do-dont-grid__label{color:var(--color-action-primary)}.do-dont-grid__card p:not(.do-dont-grid__label){margin:0;font-size:var(--docs-body-size);line-height:var(--docs-body-line-height);color:var(--color-text-primary)}.type-scale{display:grid;gap:0}.type-scale__row{display:grid;gap:var(--rhythm-tight);padding:var(--rhythm-block) 0;border-top:var(--border-width-control) solid var(--color-border-subtle)}.type-scale__row:first-child{padding-top:0;border-top:0}.type-scale__meta{display:grid;gap:var(--rhythm-hair);max-width:36rem}.type-role__sample{margin:0;color:var(--color-text-primary)}.type-role__sample--display{font-size:var(--typography-display-size);line-height:var(--typography-display-line-height);font-weight:var(--typography-display-weight)}.type-role__sample--heading{font-size:var(--typography-heading-size);line-height:var(--typography-heading-line-height);font-weight:var(--typography-heading-weight)}.type-role__sample--body{font-size:var(--typography-body-size);line-height:var(--typography-body-line-height);font-weight:var(--typography-body-weight)}.type-role__sample--label{font-size:var(--typography-label-size);line-height:var(--typography-label-line-height);font-weight:var(--typography-label-weight)}.type-role__sample--caption{font-size:var(--typography-caption-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-weight)}.type-role__sample--code{font-size:var(--typography-code-size);line-height:var(--typography-code-line-height);font-weight:var(--typography-code-weight)}.overview-hero{display:grid;gap:var(--rhythm-section)}.overview-hero__body{display:grid;grid-template-columns:1fr;gap:var(--rhythm-section);align-items:start}.overview-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rhythm-tight);align-items:stretch}.overview-showcase__item{display:grid;gap:var(--rhythm-tight);align-content:start;padding:20px;border:var(--border-width-control) solid var(--color-border-subtle);background:var(--color-surface-panel)}.overview-showcase__label{margin:0;color:var(--color-text-secondary);font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.12em}.overview-showcase__item>.button,.overview-showcase__item>.input-field,.overview-showcase__item>.alert{width:100%}.overview-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--rhythm-tight)}.overview-pillar{display:grid;gap:var(--rhythm-hair);padding-top:var(--rhythm-tight);border-top:var(--border-width-strong) solid var(--color-text-primary)}.overview-pillar strong{font-size:13px;line-height:1.35;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-primary)}.overview-pillar span{color:var(--color-text-secondary);font-size:13px;line-height:1.45}.overview-grid,.overview-strip{display:grid;gap:var(--rhythm-tight)}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.overview-grid--docs{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.spec-card--doc-source{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.overview-strip{width:100%;align-items:start}.structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--rhythm-tight)}.structure-grid--core{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.spec-card--structure{align-content:start}.structure-stack{display:grid;gap:var(--rhythm-tight)}.spec-card--structure-spacing .space-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px;align-items:end}.spec-card--structure-spacing .space-scale__item{display:grid;gap:var(--rhythm-hair);align-content:end;justify-items:start;min-height:72px}.space-scale{display:flex;flex-wrap:wrap;gap:var(--rhythm-tight);align-items:flex-end}.space-scale__item{display:grid;gap:var(--rhythm-hair);justify-items:start}.space-scale__sample{display:block;min-width:4px;height:14px;background:var(--color-action-primary)}.space-scale__label{font-size:var(--typography-caption-size);line-height:var(--typography-caption-line-height);color:var(--color-text-secondary)}.hard-edge-note{display:grid;gap:2px;padding-top:var(--rhythm-hair);border-top:var(--border-width-control) solid var(--color-border-subtle)}.spec-card--structure-rules .measure-list__row{grid-template-columns:minmax(0,1.1fr) 120px auto}.spec-card--structure-rules .measure-list__sample{justify-content:center}.spec-card--structure-rules .hard-edge-note{gap:var(--rhythm-hair);padding-top:var(--rhythm-tight)}.radius-manifesto{position:relative;display:flex;flex-direction:column;gap:var(--rhythm-tight);overflow:hidden}.radius-manifesto__rejected{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;line-height:1.4;color:var(--color-text-secondary)}.radius-manifesto__rejected s{text-decoration-thickness:2px;text-decoration-color:var(--color-action-primary);text-decoration-skip-ink:none}.radius-manifesto__winner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;margin-top:var(--rhythm-hair);padding-top:var(--rhythm-tight);border-top:var(--border-width-strong) solid var(--color-text-primary)}.radius-manifesto__zero{display:block;font-size:clamp(96px,14vw,160px);line-height:.8;font-weight:var(--typography-display-weight);letter-spacing:-.05em;color:var(--color-text-primary);margin-left:-6px}.radius-manifesto__meta{display:grid;gap:2px}.radius-manifesto__meta strong{font-size:var(--docs-label-size);line-height:var(--docs-label-line-height);color:var(--color-text-primary)}.radius-manifesto__meta code{font-size:12px;line-height:1.4;color:var(--color-text-secondary)}.radius-manifesto__creed{margin:0;padding-top:var(--rhythm-tight);border-top:var(--border-width-control) solid var(--color-border-subtle);font-size:11px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.elevation-scale__item,.icon-slot-scale__item{display:grid;gap:var(--rhythm-tight)}.spec-card--structure-elevation .elevation-scale__item{grid-template-columns:120px minmax(0,1fr);align-items:end;gap:20px}.spec-card--structure-elevation .measure-list__shadow{justify-self:start}.icon-slot-scale{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:var(--rhythm-tight)}.spec-card--structure-icons .icon-slot-scale{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.icon-slot-scale__item{justify-items:start}.spec-card--structure-icons .icon-slot-scale__item{align-content:start;justify-items:center;gap:12px}.spec-card--structure-icons .palette__meta{justify-items:center;text-align:center}.button-board{display:grid;gap:0;padding:0;border:0;background:transparent}.button-board__row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--rhythm-tight);align-items:start;padding:var(--rhythm-block) 0;border-top:var(--border-width-control) solid var(--color-border-subtle)}.button-board__row:first-of-type{padding-top:0;border-top:0}.button-board__heading{display:grid;gap:var(--rhythm-hair)}.button-board__copy{margin:0;color:var(--color-text-secondary);font-size:var(--docs-meta-size);line-height:var(--docs-meta-line-height)}.button-board__specimens{display:flex;flex-wrap:wrap;gap:var(--rhythm-tight);align-items:center}.button-board__specimens>.button{justify-content:center}.button-board__specimens .button--lg{min-width:164px}.button-board__specimens .button--md{min-width:148px}.button-board__specimens .button--sm{min-width:132px}.button-board__label{color:var(--color-text-primary);font-size:var(--docs-label-size);line-height:var(--docs-label-line-height);font-weight:var(--typography-label-weight)}.forms-board{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);gap:var(--rhythm-tight)}.spec-inline-link{color:var(--color-text-brand);text-decoration:underline;text-underline-offset:.2em}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--rhythm-tight)}.icon-grid__item{display:grid;justify-items:start;gap:var(--rhythm-hair)}.example-row,.placement-chip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rhythm-tight)}.forms-preview{width:100%;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.forms-preview--stacked{grid-template-columns:1fr}.badge-specimens{display:grid;gap:var(--rhythm-block)}.badge-specimens__row{display:grid;gap:var(--rhythm-tight)}.badge-specimens__cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rhythm-tight)}.overview-semantic-preview{display:grid;gap:var(--rhythm-block);justify-items:start}.overview-semantic-preview__top{display:flex;align-items:center;gap:var(--rhythm-tight)}.alert-stack,.card-grid{width:100%}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.inverse-surface,.narrow-example{width:100%;padding:var(--rhythm-tight);border:var(--border-width-control) solid var(--color-border-strong);background:var(--color-surface-inverse)}.placement-chip{padding:var(--rhythm-hair) var(--rhythm-tight);border:var(--border-width-control) solid var(--color-border-subtle);background:var(--color-surface-panel-muted)}.example-state--button-hover .button--primary{background:var(--color-action-primary-hover);border-color:var(--color-action-primary-hover)}.example-state--button-hover .button--secondary{background:var(--color-action-secondary-surface-hover)}.example-state--button-focus .button{box-shadow:0 0 0 2px var(--color-surface-panel),0 0 0 4px var(--focus-outline-color)}.example-state--button-pressed .button--primary{background:var(--color-action-primary-pressed);border-color:var(--color-action-primary-pressed)}.example-state--button-pressed .button--secondary{background:var(--color-action-secondary-surface-pressed)}.example-state--field-hover .input-field__input{border-color:var(--color-border-strong)}.example-state--field-focus .input-field__input{border-color:var(--color-border-strong);box-shadow:0 0 0 2px var(--color-surface-panel),0 0 0 4px var(--focus-outline-color)}.example-state--link-hover .link__label{color:var(--color-text-link-hover)}.example-state--link-hover .link__underline{background:var(--color-text-link-hover)}.example-state--link-focus .link{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.example-state--link-visited .link__label{color:var(--color-text-link-visited)}.example-state--link-visited .link__underline{background:var(--color-text-link-visited)}.example-state--tab-focus .tab{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.example-state--card-hover .card--interactive{transform:translate(-2px,-2px);box-shadow:var(--elevation-raised);border-color:var(--color-border-brand)}@media(max-width:1024px){.app{grid-template-columns:1fr}.app__sidebar{position:static;height:auto;border-right:0;border-bottom:var(--border-width-control) solid var(--color-border-subtle);padding:var(--rhythm-block) var(--rhythm-block)}.app__brand{margin-bottom:var(--rhythm-block)}.app__main{padding:var(--rhythm-section) var(--rhythm-block)}.app__toast-region{right:16px;bottom:16px}.overview-hero__body,.forms-board,.overview-showcase{grid-template-columns:1fr}.overview-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.curated-palette,.structure-grid--core{grid-template-columns:1fr}.palette-ramp__track{grid-template-columns:repeat(4,minmax(0,1fr))}.button-board__row{grid-template-columns:1fr}}@media(max-width:720px){.spec-card--structure-spacing .space-scale,.spec-card--structure-icons .icon-slot-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid--docs,.overview-pillars{grid-template-columns:1fr}}@media(max-width:720px){.state-matrix__row,.token-table__head,.token-table__row,.do-dont-grid__pair,.measure-list__row{grid-template-columns:1fr}.palette-ramp__track{grid-template-columns:repeat(2,minmax(0,1fr))}}.badge{display:inline-flex;align-items:center;justify-content:center;border:var(--border-width-control) solid var(--color-border-subtle);background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--primitive-font-family-base);font-weight:var(--primitive-font-weight-medium);white-space:nowrap;line-height:1}.badge--brand{background:var(--color-action-primary);color:var(--color-action-on-primary);border-color:var(--color-action-primary)}.badge--info{background:var(--color-surface-page);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.badge--lg.badge--single,.badge--lg.badge--overflow{width:40px;height:40px;padding:0;font-size:var(--primitive-font-size-lg);line-height:var(--primitive-line-height-lg)}.badge--lg.badge--multiple{min-width:67px;height:40px;padding:0 10px;font-size:var(--primitive-font-size-lg);line-height:var(--primitive-line-height-lg)}.badge--md.badge--single,.badge--md.badge--overflow{width:24px;height:24px;padding:0;font-size:var(--primitive-font-size-sm);line-height:var(--primitive-line-height-sm)}.badge--md.badge--multiple{min-width:55px;height:24px;padding:0 10px;font-size:var(--primitive-font-size-sm);line-height:var(--primitive-line-height-sm)}.badge__count{pointer-events:none;display:block;line-height:inherit}.badge__dot{display:block;border-radius:9999px;background:currentColor}.badge--lg .badge__dot{width:8px;height:8px}.badge--md .badge__dot{width:6px;height:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--primitive-space-2);min-height:var(--layout-touch-target-min);border:var(--border-width-control) solid var(--color-action-primary);font-family:var(--primitive-font-family-base);font-weight:var(--primitive-font-weight-medium);line-height:1;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;text-decoration:none}.button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-surface-panel),0 0 0 4px var(--focus-outline-color)}.button:disabled{cursor:not-allowed;box-shadow:none}.button--primary{background:var(--color-action-primary);color:var(--color-action-on-primary)}.button--primary:hover:not(:disabled){background:var(--color-action-primary-hover);border-color:var(--color-action-primary-hover)}.button--primary:active:not(:disabled){background:var(--color-action-primary-pressed);border-color:var(--color-action-primary-pressed)}.button--secondary{background:var(--color-surface-panel);color:var(--color-text-brand)}.button--secondary:hover:not(:disabled){background:var(--color-action-secondary-surface-hover)}.button--secondary:active:not(:disabled){background:var(--color-action-secondary-surface-pressed)}.button--primary:disabled{background:var(--color-surface-panel-muted);border-color:var(--color-border-subtle);color:var(--color-text-muted)}.button--secondary:disabled{background:var(--color-surface-panel);border-color:var(--color-border-subtle);color:var(--color-text-muted)}.button--sm{min-height:32px;min-width:84px;padding:0 var(--primitive-space-3);font-size:var(--primitive-font-size-sm);line-height:var(--primitive-line-height-sm)}.button--md{min-height:40px;min-width:104px;padding:0 var(--primitive-space-4);font-size:var(--primitive-font-size-base);line-height:var(--primitive-line-height-base)}.button--lg{min-height:48px;min-width:124px;padding:0 var(--primitive-space-5);font-size:var(--primitive-font-size-lg);line-height:var(--primitive-line-height-lg)}.button__label{display:inline-flex;align-items:center}.button__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-control);height:var(--icon-size-control)}.button__icon>*{width:100%;height:100%}.button__spinner{animation:button-spin .8s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.card{background:var(--color-surface-panel);border:var(--border-width-control) solid var(--color-border-default);overflow:hidden;display:flex;flex-direction:column;align-items:stretch;align-self:start;color:var(--color-text-primary);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card--interactive:hover,.card--interactive:focus-visible{cursor:pointer;transform:translate(-2px,-2px);box-shadow:var(--elevation-raised);border-color:var(--color-border-brand)}.card__image{width:100%;object-fit:cover;display:block}.card__image--square{aspect-ratio:1 / 1}.card__image--landscape{aspect-ratio:16 / 9}.card__body{display:flex;flex-direction:column;gap:var(--primitive-space-6);align-items:flex-start;padding:var(--primitive-space-6) var(--primitive-space-4) var(--primitive-space-4);width:100%}.card__text{display:flex;flex-direction:column;gap:var(--primitive-space-3);width:100%}.card__title{margin:0;font-family:var(--primitive-font-family-base);font-size:var(--typography-heading-size);font-weight:var(--typography-heading-weight);line-height:var(--typography-heading-line-height);color:var(--color-text-primary)}.card__description{margin:0;font-family:var(--primitive-font-family-base);font-size:var(--typography-body-size);font-weight:var(--primitive-font-weight-regular);line-height:var(--typography-body-line-height);color:var(--color-text-secondary)}.card__cta{display:inline-flex;flex-direction:column;align-items:flex-start;cursor:pointer;font-family:var(--primitive-font-family-base);font-size:var(--typography-label-size);font-weight:var(--typography-label-weight);line-height:var(--typography-label-line-height);color:var(--color-text-brand);text-decoration:underline;text-underline-offset:.2em}.checkbox{display:flex;align-items:center;gap:var(--primitive-space-3);cursor:pointer}.checkbox__input{position:absolute;opacity:0;width:0;height:0}.checkbox__box{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:0;background:var(--color-surface-panel);border:var(--border-width-control) solid var(--color-border-default)}.checkbox__box--checked{background:var(--color-action-primary);border-color:var(--color-action-primary)}.checkbox__icon{width:18px;height:18px;color:var(--color-action-on-primary)}.checkbox__label{font-family:var(--primitive-font-family-base);font-size:var(--typography-body-size);font-weight:var(--primitive-font-weight-regular);line-height:var(--typography-body-line-height);color:var(--color-text-primary)}.checkbox--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.checkbox__input:focus-visible+.checkbox__box{outline:none;box-shadow:0 0 0 2px var(--color-surface-panel),0 0 0 4px var(--focus-outline-color)}.input-field__input{width:100%;min-height:var(--layout-touch-target-min);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:var(--primitive-font-family-base);font-size:var(--typography-body-size);font-weight:var(--primitive-font-weight-regular);line-height:var(--typography-body-line-height);color:var(--color-text-primary);border:var(--border-width-control) solid var(--color-border-default);background:var(--color-surface-panel);padding:var(--primitive-space-3) var(--primitive-space-4);outline:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.input-field__input::placeholder{color:var(--color-text-muted)}.input-field__input:hover:not(:disabled){border-color:var(--color-border-strong)}.input-field__input:focus-visible{border-color:var(--color-border-strong);box-shadow:0 0 0 2px var(--color-surface-panel),0 0 0 4px var(--focus-outline-color)}.input-field__input--error{border-color:var(--color-border-error)}.input-field__input--error:focus-visible{border-color:var(--color-border-error)}.input-field__input:disabled{cursor:not-allowed;background:var(--color-surface-panel-muted);color:var(--color-text-muted)}.input-field__input--read-only{background:var(--color-surface-panel-muted)}.field{display:grid;gap:var(--primitive-space-2)}.field--disabled .field__label,.field--disabled .field__description{color:var(--color-text-muted)}.field__label{display:inline-flex;align-items:center;gap:var(--primitive-space-1);font-family:var(--primitive-font-family-base);font-size:var(--typography-label-size);line-height:var(--typography-label-line-height);font-weight:var(--typography-label-weight);color:var(--color-text-primary)}.field__required{color:var(--color-text-brand)}.field__description{margin:0;font-family:var(--primitive-font-family-base);font-size:var(--typography-caption-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-weight);color:var(--color-text-secondary)}.field__description--error{color:var(--color-feedback-error-text)}.link{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--primitive-space-1);font-family:var(--primitive-font-family-base);text-decoration:none;cursor:pointer;border:none;background:none;padding:0}.link__label{font-weight:var(--primitive-font-weight-medium);color:var(--color-text-link)}.link__underline{width:100%;height:2px;background:var(--color-text-link);transition:background .15s ease}.link:hover .link__label{color:var(--color-text-link-hover)}.link:hover .link__underline{background:var(--color-text-link-hover)}.link:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.link--regular .link__label{font-size:var(--primitive-font-size-base);line-height:var(--primitive-line-height-base)}.link--small .link__label{font-size:var(--primitive-font-size-sm);line-height:var(--primitive-line-height-sm)}.link--inverse .link__label{color:var(--color-text-inverse)}.link--inverse .link__underline{background:var(--color-text-inverse)}.link--inverse:hover .link__label{color:var(--color-action-secondary-surface)}.link--inverse:hover .link__underline{background:var(--color-action-secondary-surface)}.link:visited .link__label{color:var(--color-text-link-visited)}.link:visited .link__underline{background:var(--color-text-link-visited)}.link--disabled{opacity:var(--opacity-disabled);pointer-events:none}.radio{display:flex;align-items:center;gap:var(--primitive-space-3);cursor:pointer}.radio__input{position:absolute;opacity:0;width:0;height:0}.radio__box{flex-shrink:0;position:relative;width:24px;height:24px;border-radius:0;background:var(--color-surface-panel);border:var(--border-width-control) solid var(--color-border-default)}.radio__fill{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:0;background:var(--color-action-primary)}.radio__label{font-family:var(--primitive-font-family-base);font-size:var(--typography-body-size);font-weight:var(--primitive-font-weight-regular);line-height:var(--typography-body-line-height);color:var(--color-text-primary)}.radio--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.radio__input:focus-visible+.radio__box{outline:none;box-shadow:0 0 0 2px var(--color-surface-panel),0 0 0 4px var(--focus-outline-color)}.select-field__wrapper{position:relative}.select-field__input,.select-field__display{width:100%;min-height:var(--layout-touch-target-min);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;display:flex;align-items:center;font-family:var(--primitive-font-family-base);font-size:var(--typography-body-size);font-weight:var(--primitive-font-weight-regular);line-height:var(--typography-body-line-height);color:var(--color-text-primary);border:var(--border-width-control) solid var(--color-border-default);background:var(--color-surface-panel);padding:var(--primitive-space-3) var(--primitive-space-4);padding-right:var(--primitive-space-12);outline:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.select-field__input:hover:not(:disabled){border-color:var(--color-border-strong)}.select-field__input:focus-visible,.select-field__display:focus-visible{border-color:var(--color-border-strong);box-shadow:0 0 0 2px var(--color-surface-panel),0 0 0 4px var(--focus-outline-color)}.select-field__arrow{position:absolute;top:50%;right:var(--primitive-space-4);transform:translateY(-50%);pointer-events:none;color:var(--color-text-secondary)}.select-field__input:disabled{cursor:not-allowed;background:var(--color-surface-panel-muted);color:var(--color-text-muted)}.select-field__input--error,.select-field__display--error{border-color:var(--color-border-error)}.select-field__display{background:var(--color-surface-panel-muted)}.tabs{display:grid;gap:var(--primitive-space-4)}.tabs__list{display:flex;align-items:flex-end;gap:var(--primitive-space-1);border-bottom:var(--border-width-control) solid var(--color-border-subtle);overflow-x:auto}.tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--primitive-space-2);min-width:var(--layout-touch-target-min);padding:var(--primitive-space-3) var(--primitive-space-4);font-family:var(--primitive-font-family-base);font-size:var(--primitive-font-size-base);line-height:var(--primitive-line-height-base);text-align:center;white-space:nowrap;cursor:pointer;border:none;background:none;overflow:clip}.tab--default{font-weight:var(--primitive-font-weight-medium);color:var(--color-text-secondary)}.tab--active{font-weight:var(--primitive-font-weight-semibold);color:var(--color-text-brand)}.tab:after{content:"";position:absolute;bottom:0;left:var(--primitive-space-2);right:var(--primitive-space-2);height:0;background:transparent}.tab--active:after{height:3px;background:var(--color-action-primary)}.tab:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.tab--default:hover{color:var(--color-text-primary)}.tab--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.tab__icon{color:currentColor}.tab__count{min-width:22px;padding:0 var(--primitive-space-1);border:var(--border-width-control) solid var(--color-border-subtle);background:var(--color-surface-panel-muted);font-size:var(--typography-caption-size);line-height:var(--typography-caption-line-height);font-weight:var(--typography-caption-weight)}.tab--active .tab__count{background:var(--color-action-secondary-surface)}.tabs__panel{padding-top:var(--primitive-space-2)}.textarea-field__input{width:100%;min-height:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;resize:vertical;font-family:var(--primitive-font-family-base);font-size:var(--typography-body-size);font-weight:var(--primitive-font-weight-regular);line-height:var(--typography-body-line-height);color:var(--color-text-primary);border:var(--border-width-control) solid var(--color-border-default);background:var(--color-surface-panel);padding:var(--primitive-space-3) var(--primitive-space-4);outline:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.textarea-field__input::placeholder{color:var(--color-text-muted)}.textarea-field__input:hover:not(:disabled){border-color:var(--color-border-strong)}.textarea-field__input:focus-visible{border-color:var(--color-border-strong);box-shadow:0 0 0 2px var(--color-surface-panel),0 0 0 4px var(--focus-outline-color)}.textarea-field__input:disabled{cursor:not-allowed;background:var(--color-surface-panel-muted);color:var(--color-text-muted)}.textarea-field__input--error{border-color:var(--color-border-error)}.textarea-field__input--read-only{background:var(--color-surface-panel-muted)}.toggle{display:flex;align-items:center;gap:var(--primitive-space-4);cursor:pointer}.toggle__input{position:absolute;opacity:0;width:0;height:0}.toggle__track{flex-shrink:0;position:relative;width:56px;height:32px;border-radius:0;background:var(--color-surface-panel);border:var(--border-width-control) solid var(--color-border-default);transition:background-color .15s,border-color .15s}.toggle__track--on{background:var(--color-action-primary);border-color:var(--color-action-primary)}.toggle__thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:0;background:var(--color-text-muted);transition:transform .15s,background-color .15s}.toggle__track--on .toggle__thumb{transform:translate(24px);background:var(--color-surface-panel)}.toggle__label{font-family:var(--primitive-font-family-base);font-size:var(--typography-body-size);font-weight:var(--primitive-font-weight-regular);line-height:var(--typography-body-line-height);color:var(--color-text-primary)}.toggle--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.toggle__input:focus-visible+.toggle__track{outline:none;box-shadow:0 0 0 2px var(--color-surface-panel),0 0 0 4px var(--focus-outline-color)}
