:root{--ds-color-white: #FFFFFF;--ds-color-white-a-10: #FFFFFF1A;--ds-color-white-a-14: #FFFFFF24;--ds-color-white-a-16: #FFFFFF29;--ds-color-white-a-28: #FFFFFF47;--ds-color-white-a-30: #FFFFFF4D;--ds-color-white-a-42: #FFFFFF6B;--ds-color-white-a-45: #FFFFFF73;--ds-color-white-a-55: #FFFFFF8C;--ds-color-white-a-62: #FFFFFF9E;--ds-color-white-a-70: #FFFFFFB3;--ds-color-white-a-85: #FFFFFFD9;--ds-color-white-a-90: #FFFFFFE6;--ds-color-white-a-92: #FFFFFFEB;--ds-color-white-a-06: #FFFFFF0F;--ds-color-white-a-08: #FFFFFF14;--ds-color-white-a-03: #FFFFFF08;--ds-color-white-a-05: #FFFFFF0D;--ds-color-graphite-850: #25252C;--ds-color-graphite-900: #1C1C22;--ds-color-graphite-950: #141418;--ds-color-graphite-solid: #2C2C34;--ds-color-ink-900: #111214;--ds-color-blue-400: #4DA3FF;--ds-color-blue-600: #0071E3;--ds-color-blue-700: #0062C4;--ds-color-shade-a-18: #0000002E;--ds-color-shade-a-35: #00000059;--ds-color-shade-a-55: #0000008C;--ds-color-foliage-light: #6F8F5A;--ds-color-foliage-dark: #26331F;--ds-color-green-400: #3FCB77;--ds-color-green-600: #13803C;--ds-color-amber-400: #F5B000;--ds-color-amber-700: #9A6400;--ds-color-red-400: #FF6B5E;--ds-color-red-600: #C42B1C;--ds-color-ink-a-14: #11121424;--ds-color-ink-a-25: #11121440;--ds-color-ink-a-30: #1112144D;--ds-color-ink-a-78: #111214C7;--ds-color-ink-a-08: #11121414;--ds-color-ink-a-06: #1112140F;--ds-color-paper-0: #FFFFFF;--ds-color-paper-50: #F2F2F5;--ds-color-paper-100: #E9E9EE;--ds-color-blue-a-10: #0071E31A;--ds-color-blue-a-22: #0071E338;--ds-color-blue-a-80: #0071E3CC;--ds-color-sky-a-60: #4DA3FF99;--ds-blur-md: 20px;--ds-blur-lg: 64px;--ds-saturate-glass: 1.8;--ds-space-0: 0px;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-7: 28px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-14: 56px;--ds-space-16: 64px;--ds-space-20: 80px;--ds-space-24: 96px;--ds-space-32: 128px;--ds-space-px: 1px;--ds-space-0-5: 2px;--ds-space-1-5: 6px;--ds-space-2-5: 10px;--ds-space-3-5: 14px;--ds-space-5-5: 22px;--ds-size-hairline: 1px;--ds-size-ring: 2px;--ds-size-halo: 5px;--ds-size-avatar-ring: 4px;--ds-size-avatar-sm: 30px;--ds-size-avatar-md: 44px;--ds-size-avatar-lg: 84px;--ds-size-control-sm: 32px;--ds-size-control-md: 36px;--ds-size-control-lg: 44px;--ds-size-icon-sm: 16px;--ds-size-icon-md: 18px;--ds-size-measure: 32em;--ds-size-touch: 44px;--ds-size-sidebar: 280px;--ds-size-badge: 22px;--ds-size-dot: 6px;--ds-size-bar: 4px;--ds-size-thumb: 20px;--ds-size-track: 6px;--ds-size-menu-min: 180px;--ds-size-check: 24px;--ds-size-switch: 52px;--ds-size-mark: 10px;--ds-radius-md: 18px;--ds-radius-lg: 24px;--ds-radius-xl: 40px;--ds-radius-pill: 999px;--ds-radius-sm: 4px;--ds-radius-check: 7px;--ds-font-family-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, system-ui, sans-serif;--ds-font-size-100: 11px;--ds-font-size-200: 13px;--ds-font-size-300: 14px;--ds-font-size-400: 15px;--ds-font-size-450: 16px;--ds-font-size-500: 17px;--ds-font-size-600: 21px;--ds-font-size-700: 28px;--ds-font-size-800: 44px;--ds-font-weight-regular: 400;--ds-font-weight-medium: 550;--ds-font-weight-semibold: 650;--ds-font-leading-tight: 1.15;--ds-font-leading-body: 1.42;--ds-font-leading-long: 1.6;--ds-font-tracking-caps: .08em;--ds-font-tracking-display: -.02em;--ds-shadow-float: 0 30px 60px -20px #00000059;--ds-shadow-lift: 0 8px 20px -8px #00000066;--ds-shadow-halo: 0 0 14px #00000073, 0 1px 2px #00000059;--ds-shadow-float-light: 0 30px 60px -24px #00000033;--ds-shadow-halo-light: 0 0 12px #FFFFFF99, 0 1px 1px #FFFFFF80;--ds-shadow-well: inset 0 1px 2px #0000004D;--ds-shadow-well-light: inset 0 1px 2px #00000024;--ds-duration-quick: .2s;--ds-duration-gentle: .42s;--ds-duration-slow: .64s;--ds-duration-stagger: 70ms;--ds-easing-soft: cubic-bezier(.22, 1, .36, 1);--ds-easing-inout: cubic-bezier(.45, 0, .2, 1);--ds-brightness-dim: .42;--ds-brightness-mid: .42;--ds-brightness-bright: .42;--ds-brightness-none: 1;--ds-brightness-light: 1.12;--ds-distance-rise: 16px;--ds-distance-lift: 2px;--ds-scale-press: .97;--ds-breakpoint-sm: 640px;--ds-breakpoint-md: 768px;--ds-breakpoint-lg: 1024px;--ds-breakpoint-xl: 1280px;--ds-breakpoint-2xl: 1536px;--ds-container-sm: 640px;--ds-container-md: 768px;--ds-container-lg: 1024px;--ds-container-xl: 1200px;--ds-container-2xl: 1440px;--ds-columns-4: 4;--ds-columns-8: 8;--ds-columns-12: 12;--ds-z-base: 0;--ds-z-raised: 10;--ds-z-sticky: 100;--ds-z-overlay: 1000;--ds-z-toast: 1100;--ds-alpha-half: .5;--ds-surface-glass: var(--ds-color-white-a-06);--ds-surface-solid: var(--ds-color-graphite-solid);--ds-surface-quiet: var(--ds-color-white-a-08);--ds-surface-light: var(--ds-color-white);--ds-surface-placeholder-hi: var(--ds-color-foliage-light);--ds-surface-placeholder-lo: var(--ds-color-foliage-dark);--ds-surface-sheen-top: var(--ds-color-white-a-10);--ds-surface-sheen-bottom: var(--ds-color-white-a-03);--ds-surface-well: var(--ds-color-shade-a-18);--ds-surface-page: var(--ds-color-graphite-950);--ds-surface-raised: var(--ds-color-graphite-900);--ds-surface-sunken: var(--ds-color-graphite-850);--ds-surface-knob: var(--ds-color-white);--ds-text-primary: var(--ds-color-white);--ds-text-secondary: var(--ds-color-white-a-92);--ds-text-on-light: var(--ds-color-ink-900);--ds-text-on-accent: var(--ds-color-white);--ds-action-accent: var(--ds-color-blue-600);--ds-action-accent-hover: var(--ds-color-blue-700);--ds-line-ring: var(--ds-color-white-a-30);--ds-line-divider: var(--ds-color-white-a-16);--ds-line-rim-hi: var(--ds-color-white-a-55);--ds-line-rim-mid: var(--ds-color-white-a-28);--ds-line-rim-lo: var(--ds-color-white-a-06);--ds-focus-ring: var(--ds-color-white);--ds-focus-halo: var(--ds-color-shade-a-55);--ds-glass-blur: var(--ds-blur-lg);--ds-glass-blur-small: var(--ds-blur-md);--ds-glass-saturate: var(--ds-saturate-glass);--ds-glass-brightness: var(--ds-brightness-bright);--ds-glass-brightness-none: var(--ds-brightness-none);--ds-elevation-float: var(--ds-shadow-float);--ds-elevation-lift: var(--ds-shadow-lift);--ds-elevation-halo: var(--ds-shadow-halo);--ds-elevation-well: var(--ds-shadow-well);--ds-width-hairline: var(--ds-size-hairline);--ds-width-ring: var(--ds-size-ring);--ds-width-halo: var(--ds-size-halo);--ds-width-avatar-ring: var(--ds-size-avatar-ring);--ds-width-bar: var(--ds-size-bar);--ds-gap-xs: var(--ds-space-1);--ds-gap-sm: var(--ds-space-1-5);--ds-gap-md: var(--ds-space-2);--ds-gap-lg: var(--ds-space-3);--ds-gap-xl: var(--ds-space-3-5);--ds-gap-2xl: var(--ds-space-4);--ds-gap-inset: var(--ds-space-5-5);--ds-gap-section: var(--ds-space-8);--ds-gap-page: var(--ds-space-12);--ds-gap-3xl: var(--ds-space-6);--ds-gap-none: var(--ds-space-0);--ds-control-sm: var(--ds-size-control-sm);--ds-control-md: var(--ds-size-control-md);--ds-control-lg: var(--ds-size-control-lg);--ds-control-icon-sm: var(--ds-size-icon-sm);--ds-control-icon-md: var(--ds-size-icon-md);--ds-control-avatar-sm: var(--ds-size-avatar-sm);--ds-control-avatar-md: var(--ds-size-avatar-md);--ds-control-avatar-lg: var(--ds-size-avatar-lg);--ds-control-badge: var(--ds-size-badge);--ds-control-dot: var(--ds-size-dot);--ds-control-thumb: var(--ds-size-thumb);--ds-control-track: var(--ds-size-track);--ds-control-menu-min: var(--ds-size-menu-min);--ds-control-check: var(--ds-size-check);--ds-control-switch: var(--ds-size-switch);--ds-control-mark: var(--ds-size-mark);--ds-corner-panel: var(--ds-radius-xl);--ds-corner-inner: var(--ds-radius-lg);--ds-corner-media: var(--ds-radius-md);--ds-corner-round: var(--ds-radius-pill);--ds-corner-mark: var(--ds-radius-sm);--ds-corner-check: var(--ds-radius-check);--ds-type-family: var(--ds-font-family-sans);--ds-type-micro: var(--ds-font-size-100);--ds-type-caption: var(--ds-font-size-200);--ds-type-label: var(--ds-font-size-300);--ds-type-body: var(--ds-font-size-400);--ds-type-emphasis: var(--ds-font-size-500);--ds-type-title: var(--ds-font-size-600);--ds-type-headline: var(--ds-font-size-700);--ds-type-display: var(--ds-font-size-800);--ds-type-weight-regular: var(--ds-font-weight-regular);--ds-type-weight-medium: var(--ds-font-weight-medium);--ds-type-weight-semibold: var(--ds-font-weight-semibold);--ds-type-leading-tight: var(--ds-font-leading-tight);--ds-type-leading-body: var(--ds-font-leading-body);--ds-type-tracking-caps: var(--ds-font-tracking-caps);--ds-type-tracking-display: var(--ds-font-tracking-display);--ds-type-measure: var(--ds-size-measure);--ds-type-reading: var(--ds-font-size-450);--ds-type-leading-reading: var(--ds-font-leading-long);--ds-motion-hover: var(--ds-duration-gentle);--ds-motion-press: var(--ds-duration-quick);--ds-motion-enter: var(--ds-duration-slow);--ds-motion-scene: var(--ds-duration-slow);--ds-motion-stagger: var(--ds-duration-stagger);--ds-motion-easing: var(--ds-easing-soft);--ds-motion-easing-inout: var(--ds-easing-inout);--ds-motion-rise: var(--ds-distance-rise);--ds-motion-lift: var(--ds-distance-lift);--ds-motion-press-scale: var(--ds-scale-press);--ds-status-positive: var(--ds-color-green-600);--ds-status-on-positive: var(--ds-color-white);--ds-status-warning: var(--ds-color-amber-400);--ds-status-on-warning: var(--ds-color-ink-900);--ds-status-critical: var(--ds-color-red-600);--ds-status-on-critical: var(--ds-color-white);--ds-status-info: var(--ds-color-blue-600);--ds-status-on-info: var(--ds-color-white);--ds-status-info-mark: var(--ds-color-blue-400);--ds-status-positive-mark: var(--ds-color-green-400);--ds-status-warning-mark: var(--ds-color-amber-400);--ds-status-critical-mark: var(--ds-color-red-400);--ds-layout-columns: var(--ds-columns-4);--ds-layout-gutter: var(--ds-space-4);--ds-layout-margin: var(--ds-space-4);--ds-layout-container-sm: var(--ds-container-sm);--ds-layout-container-md: var(--ds-container-md);--ds-layout-container-lg: var(--ds-container-lg);--ds-layout-container-xl: var(--ds-container-xl);--ds-layout-container-2xl: var(--ds-container-2xl);--ds-layout-touch: var(--ds-size-touch);--ds-layout-sidebar: var(--ds-size-sidebar);--ds-layer-base: var(--ds-z-base);--ds-layer-raised: var(--ds-z-raised);--ds-layer-sticky: var(--ds-z-sticky);--ds-layer-overlay: var(--ds-z-overlay);--ds-layer-toast: var(--ds-z-toast);--ds-viewport-sm: var(--ds-breakpoint-sm);--ds-viewport-md: var(--ds-breakpoint-md);--ds-viewport-lg: var(--ds-breakpoint-lg);--ds-viewport-xl: var(--ds-breakpoint-xl);--ds-viewport-2xl: var(--ds-breakpoint-2xl);--ds-field-base: var(--ds-color-graphite-950);--ds-field-glow: var(--ds-color-blue-a-22);--ds-field-glow-soft: var(--ds-color-white-a-06);--ds-field-line: var(--ds-color-white-a-05);--ds-field-line-major: var(--ds-color-white-a-08);--ds-field-column: var(--ds-color-sky-a-60);--ds-field-margin: var(--ds-color-white-a-70);--ds-opacity-disabled: var(--ds-alpha-half);--ds-card-bg: var(--ds-surface-glass);--ds-card-fg: var(--ds-text-primary);--ds-card-fg-muted: var(--ds-text-secondary);--ds-card-blur: var(--ds-glass-blur);--ds-card-radius: var(--ds-corner-panel);--ds-card-padding: var(--ds-gap-inset);--ds-card-gap: var(--ds-gap-xl);--ds-card-shadow: var(--ds-elevation-float);--ds-card-rim-hi: var(--ds-line-rim-hi);--ds-card-rim-mid: var(--ds-line-rim-mid);--ds-card-rim-lo: var(--ds-line-rim-lo);--ds-card-divider: var(--ds-line-divider);--ds-card-rim-width: var(--ds-width-hairline);--ds-card-inner-radius: var(--ds-corner-inner);--ds-card-media-radius: var(--ds-corner-media);--ds-card-cover-hi: var(--ds-surface-placeholder-hi);--ds-card-cover-lo: var(--ds-surface-placeholder-lo);--ds-card-brightness: var(--ds-glass-brightness);--ds-card-sheen-top: var(--ds-surface-sheen-top);--ds-card-sheen-bottom: var(--ds-surface-sheen-bottom);--ds-card-text-halo: var(--ds-elevation-halo);--ds-avatar-size-sm: var(--ds-control-avatar-sm);--ds-avatar-size-md: var(--ds-control-avatar-md);--ds-avatar-size-lg: var(--ds-control-avatar-lg);--ds-avatar-ring: var(--ds-line-rim-hi);--ds-avatar-ring-width: var(--ds-width-avatar-ring);--ds-avatar-fallback-bg: var(--ds-surface-light);--ds-avatar-fallback-fg: var(--ds-text-on-light);--ds-avatar-radius: var(--ds-corner-round);--ds-button-light-bg: var(--ds-surface-light);--ds-button-light-fg: var(--ds-text-on-light);--ds-button-accent-bg: var(--ds-action-accent);--ds-button-accent-bg-hover: var(--ds-action-accent-hover);--ds-button-accent-fg: var(--ds-text-on-accent);--ds-button-glass-bg: var(--ds-surface-quiet);--ds-button-glass-fg: var(--ds-text-primary);--ds-button-height-sm: var(--ds-control-sm);--ds-button-height-md: var(--ds-control-lg);--ds-button-padding-sm: var(--ds-gap-xl);--ds-button-padding-md: var(--ds-gap-inset);--ds-button-gap: var(--ds-gap-md);--ds-button-radius: var(--ds-corner-round);--ds-button-shadow: var(--ds-elevation-lift);--ds-icon-button-size: var(--ds-control-md);--ds-icon-button-size-sm: var(--ds-control-sm);--ds-icon-button-icon: var(--ds-control-icon-md);--ds-icon-button-glass-bg: var(--ds-surface-quiet);--ds-icon-button-fg: var(--ds-text-primary);--ds-icon-button-ghost-fg: var(--ds-text-secondary);--ds-icon-button-blur: var(--ds-glass-blur-small);--ds-icon-button-radius: var(--ds-corner-round);--ds-tabs-gap: var(--ds-gap-sm);--ds-tabs-height: var(--ds-control-sm);--ds-tabs-padding: var(--ds-gap-lg);--ds-tabs-fg: var(--ds-text-primary);--ds-tabs-ring: var(--ds-line-ring);--ds-tabs-on-bg: var(--ds-action-accent);--ds-tabs-on-fg: var(--ds-text-on-accent);--ds-tabs-radius: var(--ds-corner-round);--ds-tag-fg: var(--ds-text-primary);--ds-tag-ring: var(--ds-text-primary);--ds-tag-padding-inline: var(--ds-gap-md);--ds-tag-padding-block: var(--ds-gap-xs);--ds-tag-radius: var(--ds-corner-round);--ds-focus-ring-color: var(--ds-focus-ring);--ds-focus-ring-halo: var(--ds-focus-halo);--ds-focus-ring-width: var(--ds-width-ring);--ds-focus-ring-halo-width: var(--ds-width-halo);--ds-grid-columns: var(--ds-layout-columns);--ds-grid-gutter: var(--ds-layout-gutter);--ds-grid-margin: var(--ds-layout-margin);--ds-container-margin: var(--ds-layout-margin);--ds-container-max-sm: var(--ds-layout-container-sm);--ds-container-max-md: var(--ds-layout-container-md);--ds-container-max-lg: var(--ds-layout-container-lg);--ds-container-max-xl: var(--ds-layout-container-xl);--ds-container-max-2xl: var(--ds-layout-container-2xl);--ds-stack-gap-xs: var(--ds-gap-xs);--ds-stack-gap-sm: var(--ds-gap-md);--ds-stack-gap-md: var(--ds-gap-2xl);--ds-stack-gap-lg: var(--ds-gap-3xl);--ds-stack-gap-xl: var(--ds-gap-section);--ds-badge-positive-bg: var(--ds-status-positive);--ds-badge-warning-bg: var(--ds-status-warning);--ds-badge-critical-bg: var(--ds-status-critical);--ds-badge-info-bg: var(--ds-status-info);--ds-badge-positive-fg: var(--ds-status-on-positive);--ds-badge-warning-fg: var(--ds-status-on-warning);--ds-badge-critical-fg: var(--ds-status-on-critical);--ds-badge-info-fg: var(--ds-status-on-info);--ds-badge-neutral-bg: var(--ds-surface-quiet);--ds-badge-neutral-fg: var(--ds-text-primary);--ds-badge-neutral-ring: var(--ds-line-ring);--ds-badge-height: var(--ds-control-badge);--ds-badge-padding-inline: var(--ds-gap-md);--ds-badge-radius: var(--ds-corner-round);--ds-badge-dot: var(--ds-control-dot);--ds-chip-bg: var(--ds-surface-quiet);--ds-chip-fg: var(--ds-text-primary);--ds-chip-ring: var(--ds-line-ring);--ds-chip-on-bg: var(--ds-surface-light);--ds-chip-on-fg: var(--ds-text-on-light);--ds-chip-height: var(--ds-control-sm);--ds-chip-padding-inline: var(--ds-gap-lg);--ds-chip-gap: var(--ds-gap-sm);--ds-chip-radius: var(--ds-corner-round);--ds-chip-icon: var(--ds-control-icon-sm);--ds-banner-mark-info: var(--ds-status-info-mark);--ds-banner-mark-positive: var(--ds-status-positive-mark);--ds-banner-mark-warning: var(--ds-status-warning-mark);--ds-banner-mark-critical: var(--ds-status-critical-mark);--ds-banner-glyph: var(--ds-control-icon-md);--ds-banner-gap: var(--ds-gap-lg);--ds-banner-padding-block: var(--ds-gap-lg);--ds-banner-divider: var(--ds-line-divider);--ds-banner-dismiss: var(--ds-control-sm);--ds-banner-hit: var(--ds-layout-touch);--ds-select-trigger-bg: var(--ds-surface-quiet);--ds-select-trigger-fg: var(--ds-text-primary);--ds-select-trigger-ring: var(--ds-line-ring);--ds-select-height-sm: var(--ds-control-sm);--ds-select-height-md: var(--ds-control-lg);--ds-select-padding: var(--ds-gap-lg);--ds-select-radius: var(--ds-corner-round);--ds-select-menu-bg: var(--ds-surface-raised);--ds-select-menu-ring: var(--ds-line-divider);--ds-select-menu-radius: var(--ds-corner-inner);--ds-select-menu-shadow: var(--ds-elevation-float);--ds-select-menu-min: var(--ds-control-menu-min);--ds-select-item-hover: var(--ds-surface-quiet);--ds-select-item-check: var(--ds-action-accent);--ds-select-item-radius: var(--ds-corner-media);--ds-select-gap: var(--ds-gap-sm);--ds-slider-track: var(--ds-control-track);--ds-slider-track-bg: var(--ds-surface-quiet);--ds-slider-track-ring: var(--ds-line-ring);--ds-slider-range-bg: var(--ds-action-accent);--ds-slider-thumb: var(--ds-control-thumb);--ds-slider-thumb-bg: var(--ds-surface-knob);--ds-slider-thumb-shadow: var(--ds-elevation-lift);--ds-slider-hit: var(--ds-layout-touch);--ds-slider-gap: var(--ds-gap-xs);--ds-input-bg: var(--ds-surface-well);--ds-input-bg-page: var(--ds-surface-sunken);--ds-input-fg: var(--ds-text-primary);--ds-input-placeholder: var(--ds-text-secondary);--ds-input-ring: var(--ds-line-rim-lo);--ds-input-ring-page: var(--ds-line-divider);--ds-input-ring-hover: var(--ds-line-ring);--ds-input-ring-invalid: var(--ds-status-critical-mark);--ds-input-inset: var(--ds-elevation-well);--ds-input-height-md: var(--ds-control-lg);--ds-input-height-sm: var(--ds-control-sm);--ds-input-padding: var(--ds-gap-lg);--ds-input-radius: var(--ds-corner-round);--ds-input-radius-multiline: var(--ds-corner-media);--ds-check-size: var(--ds-control-check);--ds-check-hit: var(--ds-layout-touch);--ds-check-bg: var(--ds-surface-well);--ds-check-bg-page: var(--ds-surface-sunken);--ds-check-ring: var(--ds-line-ring);--ds-check-mark: var(--ds-text-primary);--ds-check-dot: var(--ds-control-mark);--ds-check-radius: var(--ds-corner-check);--ds-check-inset: var(--ds-elevation-well);--ds-switch-width: var(--ds-control-switch);--ds-switch-height: var(--ds-control-sm);--ds-switch-knob: var(--ds-control-check);--ds-switch-hit: var(--ds-layout-touch);--ds-switch-inset-gap: var(--ds-gap-xs);--ds-switch-bg: var(--ds-surface-well);--ds-switch-bg-page: var(--ds-surface-sunken);--ds-switch-ring: var(--ds-line-ring);--ds-switch-on-bg: var(--ds-action-accent);--ds-switch-knob-bg: var(--ds-surface-knob);--ds-switch-tick: var(--ds-text-on-accent);--ds-switch-inset: var(--ds-elevation-well);--ds-switch-knob-shadow: var(--ds-elevation-lift);--ds-field-gap: var(--ds-gap-sm);--ds-field-label-fg: var(--ds-text-primary);--ds-field-help-fg: var(--ds-text-secondary);--ds-field-error-fg: var(--ds-text-primary);--ds-field-error-mark: var(--ds-status-critical-mark);--ds-field-group-gap: var(--ds-gap-md)}[data-environment=dim]{--ds-glass-brightness: var(--ds-brightness-dim);--ds-card-brightness: var(--ds-glass-brightness)}[data-environment=mid]{--ds-glass-brightness: var(--ds-brightness-mid);--ds-card-brightness: var(--ds-glass-brightness)}[data-environment=bright]{--ds-glass-brightness: var(--ds-brightness-bright);--ds-card-brightness: var(--ds-glass-brightness)}@scope([data-theme=light]){:scope{color-scheme:light;--ds-surface-glass: var(--ds-color-white-a-62);--ds-surface-solid: var(--ds-color-paper-50);--ds-surface-quiet: var(--ds-color-white-a-45);--ds-surface-light: var(--ds-color-ink-900);--ds-surface-sheen-top: var(--ds-color-white-a-70);--ds-surface-well: var(--ds-color-white-a-45);--ds-surface-page: var(--ds-color-paper-0);--ds-surface-raised: var(--ds-color-paper-50);--ds-surface-sunken: var(--ds-color-paper-100);--ds-text-primary: var(--ds-color-ink-900);--ds-text-secondary: var(--ds-color-ink-a-78);--ds-text-on-light: var(--ds-color-white);--ds-line-ring: var(--ds-color-ink-a-25);--ds-line-divider: var(--ds-color-ink-a-14);--ds-line-rim-hi: var(--ds-color-white-a-90);--ds-focus-ring: var(--ds-color-ink-900);--ds-focus-halo: var(--ds-color-white-a-90);--ds-glass-brightness: var(--ds-brightness-light);--ds-elevation-float: var(--ds-shadow-float-light);--ds-elevation-halo: var(--ds-shadow-halo-light);--ds-elevation-well: var(--ds-shadow-well-light);--ds-status-info-mark: var(--ds-color-blue-600);--ds-status-positive-mark: var(--ds-color-green-600);--ds-status-warning-mark: var(--ds-color-amber-700);--ds-status-critical-mark: var(--ds-color-red-600);--ds-field-base: var(--ds-color-paper-50);--ds-field-glow: var(--ds-color-blue-a-10);--ds-field-glow-soft: var(--ds-color-white-a-70);--ds-field-line: var(--ds-color-ink-a-06);--ds-field-line-major: var(--ds-color-ink-a-08);--ds-field-column: var(--ds-color-blue-600);--ds-field-margin: var(--ds-color-ink-a-78);--ds-card-bg: var(--ds-surface-glass);--ds-card-fg: var(--ds-text-primary);--ds-card-fg-muted: var(--ds-text-secondary);--ds-card-shadow: var(--ds-elevation-float);--ds-card-rim-hi: var(--ds-line-rim-hi);--ds-card-divider: var(--ds-line-divider);--ds-card-brightness: var(--ds-glass-brightness);--ds-card-sheen-top: var(--ds-surface-sheen-top);--ds-card-text-halo: var(--ds-elevation-halo);--ds-avatar-ring: var(--ds-line-rim-hi);--ds-avatar-fallback-bg: var(--ds-surface-light);--ds-avatar-fallback-fg: var(--ds-text-on-light);--ds-button-light-bg: var(--ds-surface-light);--ds-button-light-fg: var(--ds-text-on-light);--ds-button-glass-bg: var(--ds-surface-quiet);--ds-button-glass-fg: var(--ds-text-primary);--ds-icon-button-glass-bg: var(--ds-surface-quiet);--ds-icon-button-fg: var(--ds-text-primary);--ds-icon-button-ghost-fg: var(--ds-text-secondary);--ds-tabs-fg: var(--ds-text-primary);--ds-tabs-ring: var(--ds-line-ring);--ds-tag-fg: var(--ds-text-primary);--ds-tag-ring: var(--ds-text-primary);--ds-focus-ring-color: var(--ds-focus-ring);--ds-focus-ring-halo: var(--ds-focus-halo);--ds-badge-neutral-bg: var(--ds-surface-quiet);--ds-badge-neutral-fg: var(--ds-text-primary);--ds-badge-neutral-ring: var(--ds-line-ring);--ds-chip-bg: var(--ds-surface-quiet);--ds-chip-fg: var(--ds-text-primary);--ds-chip-ring: var(--ds-line-ring);--ds-chip-on-bg: var(--ds-surface-light);--ds-chip-on-fg: var(--ds-text-on-light);--ds-banner-mark-info: var(--ds-status-info-mark);--ds-banner-mark-positive: var(--ds-status-positive-mark);--ds-banner-mark-warning: var(--ds-status-warning-mark);--ds-banner-mark-critical: var(--ds-status-critical-mark);--ds-banner-divider: var(--ds-line-divider);--ds-select-trigger-bg: var(--ds-surface-quiet);--ds-select-trigger-fg: var(--ds-text-primary);--ds-select-trigger-ring: var(--ds-line-ring);--ds-select-menu-bg: var(--ds-surface-raised);--ds-select-menu-ring: var(--ds-line-divider);--ds-select-menu-shadow: var(--ds-elevation-float);--ds-select-item-hover: var(--ds-surface-quiet);--ds-slider-track-bg: var(--ds-surface-quiet);--ds-slider-track-ring: var(--ds-line-ring);--ds-input-bg: var(--ds-surface-well);--ds-input-bg-page: var(--ds-surface-sunken);--ds-input-fg: var(--ds-text-primary);--ds-input-placeholder: var(--ds-text-secondary);--ds-input-ring-page: var(--ds-line-divider);--ds-input-ring-hover: var(--ds-line-ring);--ds-input-ring-invalid: var(--ds-status-critical-mark);--ds-input-inset: var(--ds-elevation-well);--ds-check-bg: var(--ds-surface-well);--ds-check-bg-page: var(--ds-surface-sunken);--ds-check-ring: var(--ds-line-ring);--ds-check-mark: var(--ds-text-primary);--ds-check-inset: var(--ds-elevation-well);--ds-switch-bg: var(--ds-surface-well);--ds-switch-bg-page: var(--ds-surface-sunken);--ds-switch-ring: var(--ds-line-ring);--ds-switch-inset: var(--ds-elevation-well);--ds-field-label-fg: var(--ds-text-primary);--ds-field-help-fg: var(--ds-text-secondary);--ds-field-error-fg: var(--ds-text-primary);--ds-field-error-mark: var(--ds-status-critical-mark)}[data-environment=dim],[data-environment=mid],[data-environment=bright]{--ds-glass-brightness: var(--ds-brightness-light);--ds-card-brightness: var(--ds-glass-brightness)}}@scope([data-theme=dark]){:scope{color-scheme:dark;--ds-surface-glass: var(--ds-color-white-a-06);--ds-surface-solid: var(--ds-color-graphite-solid);--ds-surface-quiet: var(--ds-color-white-a-08);--ds-surface-light: var(--ds-color-white);--ds-surface-sheen-top: var(--ds-color-white-a-10);--ds-surface-well: var(--ds-color-shade-a-18);--ds-surface-page: var(--ds-color-graphite-950);--ds-surface-raised: var(--ds-color-graphite-900);--ds-surface-sunken: var(--ds-color-graphite-850);--ds-text-primary: var(--ds-color-white);--ds-text-secondary: var(--ds-color-white-a-92);--ds-text-on-light: var(--ds-color-ink-900);--ds-line-ring: var(--ds-color-white-a-30);--ds-line-divider: var(--ds-color-white-a-16);--ds-line-rim-hi: var(--ds-color-white-a-55);--ds-focus-ring: var(--ds-color-white);--ds-focus-halo: var(--ds-color-shade-a-55);--ds-glass-brightness: var(--ds-brightness-bright);--ds-elevation-float: var(--ds-shadow-float);--ds-elevation-halo: var(--ds-shadow-halo);--ds-elevation-well: var(--ds-shadow-well);--ds-status-info-mark: var(--ds-color-blue-400);--ds-status-positive-mark: var(--ds-color-green-400);--ds-status-warning-mark: var(--ds-color-amber-400);--ds-status-critical-mark: var(--ds-color-red-400);--ds-field-base: var(--ds-color-graphite-950);--ds-field-glow: var(--ds-color-blue-a-22);--ds-field-glow-soft: var(--ds-color-white-a-06);--ds-field-line: var(--ds-color-white-a-05);--ds-field-line-major: var(--ds-color-white-a-08);--ds-field-column: var(--ds-color-sky-a-60);--ds-field-margin: var(--ds-color-white-a-70);--ds-card-bg: var(--ds-surface-glass);--ds-card-fg: var(--ds-text-primary);--ds-card-fg-muted: var(--ds-text-secondary);--ds-card-shadow: var(--ds-elevation-float);--ds-card-rim-hi: var(--ds-line-rim-hi);--ds-card-divider: var(--ds-line-divider);--ds-card-brightness: var(--ds-glass-brightness);--ds-card-sheen-top: var(--ds-surface-sheen-top);--ds-card-text-halo: var(--ds-elevation-halo);--ds-avatar-ring: var(--ds-line-rim-hi);--ds-avatar-fallback-bg: var(--ds-surface-light);--ds-avatar-fallback-fg: var(--ds-text-on-light);--ds-button-light-bg: var(--ds-surface-light);--ds-button-light-fg: var(--ds-text-on-light);--ds-button-glass-bg: var(--ds-surface-quiet);--ds-button-glass-fg: var(--ds-text-primary);--ds-icon-button-glass-bg: var(--ds-surface-quiet);--ds-icon-button-fg: var(--ds-text-primary);--ds-icon-button-ghost-fg: var(--ds-text-secondary);--ds-tabs-fg: var(--ds-text-primary);--ds-tabs-ring: var(--ds-line-ring);--ds-tag-fg: var(--ds-text-primary);--ds-tag-ring: var(--ds-text-primary);--ds-focus-ring-color: var(--ds-focus-ring);--ds-focus-ring-halo: var(--ds-focus-halo);--ds-badge-neutral-bg: var(--ds-surface-quiet);--ds-badge-neutral-fg: var(--ds-text-primary);--ds-badge-neutral-ring: var(--ds-line-ring);--ds-chip-bg: var(--ds-surface-quiet);--ds-chip-fg: var(--ds-text-primary);--ds-chip-ring: var(--ds-line-ring);--ds-chip-on-bg: var(--ds-surface-light);--ds-chip-on-fg: var(--ds-text-on-light);--ds-banner-mark-info: var(--ds-status-info-mark);--ds-banner-mark-positive: var(--ds-status-positive-mark);--ds-banner-mark-warning: var(--ds-status-warning-mark);--ds-banner-mark-critical: var(--ds-status-critical-mark);--ds-banner-divider: var(--ds-line-divider);--ds-select-trigger-bg: var(--ds-surface-quiet);--ds-select-trigger-fg: var(--ds-text-primary);--ds-select-trigger-ring: var(--ds-line-ring);--ds-select-menu-bg: var(--ds-surface-raised);--ds-select-menu-ring: var(--ds-line-divider);--ds-select-menu-shadow: var(--ds-elevation-float);--ds-select-item-hover: var(--ds-surface-quiet);--ds-slider-track-bg: var(--ds-surface-quiet);--ds-slider-track-ring: var(--ds-line-ring);--ds-input-bg: var(--ds-surface-well);--ds-input-bg-page: var(--ds-surface-sunken);--ds-input-fg: var(--ds-text-primary);--ds-input-placeholder: var(--ds-text-secondary);--ds-input-ring-page: var(--ds-line-divider);--ds-input-ring-hover: var(--ds-line-ring);--ds-input-ring-invalid: var(--ds-status-critical-mark);--ds-input-inset: var(--ds-elevation-well);--ds-check-bg: var(--ds-surface-well);--ds-check-bg-page: var(--ds-surface-sunken);--ds-check-ring: var(--ds-line-ring);--ds-check-mark: var(--ds-text-primary);--ds-check-inset: var(--ds-elevation-well);--ds-switch-bg: var(--ds-surface-well);--ds-switch-bg-page: var(--ds-surface-sunken);--ds-switch-ring: var(--ds-line-ring);--ds-switch-inset: var(--ds-elevation-well);--ds-field-label-fg: var(--ds-text-primary);--ds-field-help-fg: var(--ds-text-secondary);--ds-field-error-fg: var(--ds-text-primary);--ds-field-error-mark: var(--ds-status-critical-mark)}[data-environment=dim]{--ds-glass-brightness: var(--ds-brightness-dim);--ds-card-brightness: var(--ds-glass-brightness)}[data-environment=mid]{--ds-glass-brightness: var(--ds-brightness-mid);--ds-card-brightness: var(--ds-glass-brightness)}[data-environment=bright]{--ds-glass-brightness: var(--ds-brightness-bright);--ds-card-brightness: var(--ds-glass-brightness)}}@media(prefers-color-scheme:light){@scope(:root:not([data-theme])){:scope{color-scheme:light;--ds-surface-glass: var(--ds-color-white-a-62);--ds-surface-solid: var(--ds-color-paper-50);--ds-surface-quiet: var(--ds-color-white-a-45);--ds-surface-light: var(--ds-color-ink-900);--ds-surface-sheen-top: var(--ds-color-white-a-70);--ds-surface-well: var(--ds-color-white-a-45);--ds-surface-page: var(--ds-color-paper-0);--ds-surface-raised: var(--ds-color-paper-50);--ds-surface-sunken: var(--ds-color-paper-100);--ds-text-primary: var(--ds-color-ink-900);--ds-text-secondary: var(--ds-color-ink-a-78);--ds-text-on-light: var(--ds-color-white);--ds-line-ring: var(--ds-color-ink-a-25);--ds-line-divider: var(--ds-color-ink-a-14);--ds-line-rim-hi: var(--ds-color-white-a-90);--ds-focus-ring: var(--ds-color-ink-900);--ds-focus-halo: var(--ds-color-white-a-90);--ds-glass-brightness: var(--ds-brightness-light);--ds-elevation-float: var(--ds-shadow-float-light);--ds-elevation-halo: var(--ds-shadow-halo-light);--ds-elevation-well: var(--ds-shadow-well-light);--ds-status-info-mark: var(--ds-color-blue-600);--ds-status-positive-mark: var(--ds-color-green-600);--ds-status-warning-mark: var(--ds-color-amber-700);--ds-status-critical-mark: var(--ds-color-red-600);--ds-field-base: var(--ds-color-paper-50);--ds-field-glow: var(--ds-color-blue-a-10);--ds-field-glow-soft: var(--ds-color-white-a-70);--ds-field-line: var(--ds-color-ink-a-06);--ds-field-line-major: var(--ds-color-ink-a-08);--ds-field-column: var(--ds-color-blue-600);--ds-field-margin: var(--ds-color-ink-a-78);--ds-card-bg: var(--ds-surface-glass);--ds-card-fg: var(--ds-text-primary);--ds-card-fg-muted: var(--ds-text-secondary);--ds-card-shadow: var(--ds-elevation-float);--ds-card-rim-hi: var(--ds-line-rim-hi);--ds-card-divider: var(--ds-line-divider);--ds-card-brightness: var(--ds-glass-brightness);--ds-card-sheen-top: var(--ds-surface-sheen-top);--ds-card-text-halo: var(--ds-elevation-halo);--ds-avatar-ring: var(--ds-line-rim-hi);--ds-avatar-fallback-bg: var(--ds-surface-light);--ds-avatar-fallback-fg: var(--ds-text-on-light);--ds-button-light-bg: var(--ds-surface-light);--ds-button-light-fg: var(--ds-text-on-light);--ds-button-glass-bg: var(--ds-surface-quiet);--ds-button-glass-fg: var(--ds-text-primary);--ds-icon-button-glass-bg: var(--ds-surface-quiet);--ds-icon-button-fg: var(--ds-text-primary);--ds-icon-button-ghost-fg: var(--ds-text-secondary);--ds-tabs-fg: var(--ds-text-primary);--ds-tabs-ring: var(--ds-line-ring);--ds-tag-fg: var(--ds-text-primary);--ds-tag-ring: var(--ds-text-primary);--ds-focus-ring-color: var(--ds-focus-ring);--ds-focus-ring-halo: var(--ds-focus-halo);--ds-badge-neutral-bg: var(--ds-surface-quiet);--ds-badge-neutral-fg: var(--ds-text-primary);--ds-badge-neutral-ring: var(--ds-line-ring);--ds-chip-bg: var(--ds-surface-quiet);--ds-chip-fg: var(--ds-text-primary);--ds-chip-ring: var(--ds-line-ring);--ds-chip-on-bg: var(--ds-surface-light);--ds-chip-on-fg: var(--ds-text-on-light);--ds-banner-mark-info: var(--ds-status-info-mark);--ds-banner-mark-positive: var(--ds-status-positive-mark);--ds-banner-mark-warning: var(--ds-status-warning-mark);--ds-banner-mark-critical: var(--ds-status-critical-mark);--ds-banner-divider: var(--ds-line-divider);--ds-select-trigger-bg: var(--ds-surface-quiet);--ds-select-trigger-fg: var(--ds-text-primary);--ds-select-trigger-ring: var(--ds-line-ring);--ds-select-menu-bg: var(--ds-surface-raised);--ds-select-menu-ring: var(--ds-line-divider);--ds-select-menu-shadow: var(--ds-elevation-float);--ds-select-item-hover: var(--ds-surface-quiet);--ds-slider-track-bg: var(--ds-surface-quiet);--ds-slider-track-ring: var(--ds-line-ring);--ds-input-bg: var(--ds-surface-well);--ds-input-bg-page: var(--ds-surface-sunken);--ds-input-fg: var(--ds-text-primary);--ds-input-placeholder: var(--ds-text-secondary);--ds-input-ring-page: var(--ds-line-divider);--ds-input-ring-hover: var(--ds-line-ring);--ds-input-ring-invalid: var(--ds-status-critical-mark);--ds-input-inset: var(--ds-elevation-well);--ds-check-bg: var(--ds-surface-well);--ds-check-bg-page: var(--ds-surface-sunken);--ds-check-ring: var(--ds-line-ring);--ds-check-mark: var(--ds-text-primary);--ds-check-inset: var(--ds-elevation-well);--ds-switch-bg: var(--ds-surface-well);--ds-switch-bg-page: var(--ds-surface-sunken);--ds-switch-ring: var(--ds-line-ring);--ds-switch-inset: var(--ds-elevation-well);--ds-field-label-fg: var(--ds-text-primary);--ds-field-help-fg: var(--ds-text-secondary);--ds-field-error-fg: var(--ds-text-primary);--ds-field-error-mark: var(--ds-status-critical-mark)}[data-environment=dim],[data-environment=mid],[data-environment=bright]{--ds-glass-brightness: var(--ds-brightness-light);--ds-card-brightness: var(--ds-glass-brightness)}}}@media(prefers-reduced-transparency:reduce){:root:root,:root [data-environment],:root [data-theme]{--ds-surface-glass: var(--ds-surface-solid);--ds-glass-blur: 0px;--ds-glass-blur-small: 0px;--ds-glass-brightness: 1;--ds-card-brightness: 1}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root:root,:root [data-environment],:root [data-theme]{--ds-surface-glass: var(--ds-surface-solid);--ds-glass-blur: 0px;--ds-glass-blur-small: 0px;--ds-glass-brightness: 1;--ds-card-brightness: 1}}@media(forced-colors:active){:root:root,:root [data-environment],:root [data-theme]{--ds-surface-glass: var(--ds-surface-solid);--ds-glass-blur: 0px;--ds-glass-blur-small: 0px;--ds-glass-brightness: 1;--ds-card-brightness: 1}}@media(prefers-reduced-motion:reduce){:root,[data-environment]{--ds-duration-quick: 0ms;--ds-duration-gentle: 0ms;--ds-duration-slow: 0ms;--ds-duration-stagger: 0ms;--ds-motion-hover: 0ms;--ds-motion-press: 0ms;--ds-motion-enter: 0ms;--ds-motion-scene: 0ms;--ds-motion-stagger: 0ms;--ds-distance-rise: 0px;--ds-distance-lift: 0px;--ds-scale-press: 1}}@media(min-width:768px){:root{--ds-layout-columns: var(--ds-columns-8);--ds-layout-gutter: var(--ds-space-6);--ds-layout-margin: var(--ds-space-8);--ds-grid-columns: var(--ds-layout-columns);--ds-grid-gutter: var(--ds-layout-gutter);--ds-grid-margin: var(--ds-layout-margin);--ds-container-margin: var(--ds-layout-margin)}}@media(min-width:1024px){:root{--ds-layout-columns: var(--ds-columns-12);--ds-layout-gutter: var(--ds-space-8);--ds-layout-margin: var(--ds-space-12);--ds-grid-columns: var(--ds-layout-columns);--ds-grid-gutter: var(--ds-layout-gutter);--ds-grid-margin: var(--ds-layout-margin);--ds-container-margin: var(--ds-layout-margin)}}[data-pane-span]{--pane-span: var(--pane-span-base, var(--ds-grid-columns));grid-column:span min(var(--pane-span),var(--ds-grid-columns))}@media(min-width:768px){[data-pane-span-md]{--pane-span: var(--pane-span-md)}}@media(min-width:1024px){[data-pane-span-lg]{--pane-span: var(--pane-span-lg)}}.pane-Container-module__root{box-sizing:border-box;inline-size:100%;margin-inline:auto;padding-inline:var(--ds-container-margin)}.pane-Container-module__s-sm{max-inline-size:var(--ds-container-max-sm)}.pane-Container-module__s-md{max-inline-size:var(--ds-container-max-md)}.pane-Container-module__s-lg{max-inline-size:var(--ds-container-max-lg)}.pane-Container-module__s-xl{max-inline-size:var(--ds-container-max-xl)}.pane-Container-module__s-2xl{max-inline-size:var(--ds-container-max-2xl)}.pane-Grid-module__root{display:grid;grid-template-columns:repeat(var(--ds-grid-columns),minmax(0,1fr));gap:var(--ds-grid-gutter)}.pane-Stack-module__root{display:flex}.pane-Stack-module__column{flex-direction:column}.pane-Stack-module__row{flex-direction:row;flex-wrap:wrap}.pane-Stack-module__g-xs{gap:var(--ds-stack-gap-xs)}.pane-Stack-module__g-sm{gap:var(--ds-stack-gap-sm)}.pane-Stack-module__g-md{gap:var(--ds-stack-gap-md)}.pane-Stack-module__g-lg{gap:var(--ds-stack-gap-lg)}.pane-Stack-module__g-xl{gap:var(--ds-stack-gap-xl)}.pane-Stack-module__a-start{align-items:flex-start}.pane-Stack-module__a-center{align-items:center}.pane-Stack-module__a-end{align-items:flex-end}.pane-Stack-module__a-stretch{align-items:stretch}.pane-Card-module__root{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--ds-card-gap);color:var(--ds-card-fg);text-shadow:var(--ds-card-text-halo);font-family:var(--ds-type-family);font-size:var(--ds-type-body);line-height:var(--ds-type-leading-body)}.pane-Card-module__glass{padding:0 var(--ds-card-padding) var(--ds-card-padding);padding-block-start:var(--ds-card-padding);border-radius:var(--ds-card-radius);background:linear-gradient(180deg,var(--ds-card-sheen-top),var(--ds-card-sheen-bottom) 40%),var(--ds-card-bg);-webkit-backdrop-filter:blur(var(--ds-card-blur)) saturate(var(--ds-glass-saturate)) brightness(var(--ds-card-brightness));backdrop-filter:blur(var(--ds-card-blur)) saturate(var(--ds-glass-saturate)) brightness(var(--ds-card-brightness));box-shadow:var(--ds-card-shadow);overflow:hidden;transition:backdrop-filter var(--ds-motion-scene) var(--ds-motion-easing-inout),-webkit-backdrop-filter var(--ds-motion-scene) var(--ds-motion-easing-inout)}.pane-Card-module__glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--ds-card-rim-width);pointer-events:none;background:linear-gradient(150deg,var(--ds-card-rim-hi),var(--ds-card-rim-lo) 38%,var(--ds-card-rim-lo) 70%,var(--ds-card-rim-mid));background-size:200% 200%;background-position:0% 0%;transition:background-position var(--ds-motion-enter) var(--ds-motion-easing);-webkit-mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pane-Card-module__glass:hover:before{background-position:60% 60%}.pane-Card-module__glass:has(>.pane-Card-module__cover:first-child){padding-block-start:0}.pane-Card-module__inset{padding-block-start:var(--ds-card-padding);border-block-start:var(--ds-card-rim-width) solid var(--ds-card-divider)}.pane-Card-module__cover{block-size:calc(var(--ds-card-padding) * 5);margin-inline:calc(var(--ds-card-padding) * -1);background-size:cover;background-position:center;background-image:radial-gradient(ellipse at 70% 0%,var(--ds-card-cover-hi),var(--ds-card-cover-lo) 70%)}@media(forced-colors:active){.pane-Card-module__glass{border:var(--ds-card-rim-width) solid CanvasText}.pane-Card-module__glass:before{display:none}}.pane-Avatar-module__root{position:relative;display:inline-grid;place-items:center;flex:none;overflow:hidden;border-radius:var(--ds-avatar-radius);background:var(--ds-avatar-fallback-bg);color:var(--ds-avatar-fallback-fg);font-family:var(--ds-type-family);font-weight:var(--ds-type-weight-semibold);text-shadow:none}.pane-Avatar-module__sm{inline-size:var(--ds-avatar-size-sm);block-size:var(--ds-avatar-size-sm);font-size:var(--ds-type-micro)}.pane-Avatar-module__md{inline-size:var(--ds-avatar-size-md);block-size:var(--ds-avatar-size-md);font-size:var(--ds-type-label)}.pane-Avatar-module__lg{inline-size:var(--ds-avatar-size-lg);block-size:var(--ds-avatar-size-lg);font-size:var(--ds-type-headline);box-shadow:0 0 0 var(--ds-avatar-ring-width) var(--ds-avatar-ring)}.pane-Avatar-module__img{inline-size:100%;block-size:100%;object-fit:cover}.pane-Button-module__root{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-button-gap);border:0;border-radius:var(--ds-button-radius);font-family:var(--ds-type-family);font-weight:var(--ds-type-weight-semibold);line-height:var(--ds-type-leading-tight);cursor:pointer;transition:background-color var(--ds-motion-hover) var(--ds-motion-easing),transform var(--ds-motion-hover) var(--ds-motion-easing),box-shadow var(--ds-motion-hover) var(--ds-motion-easing)}.pane-Button-module__root:hover:not(:disabled){transform:translateY(calc(var(--ds-motion-lift) * -1))}.pane-Button-module__root:active:not(:disabled){transform:scale(var(--ds-motion-press-scale));transition-duration:var(--ds-motion-press)}.pane-Button-module__sm{min-block-size:var(--ds-button-height-sm);padding-inline:var(--ds-button-padding-sm);font-size:var(--ds-type-label)}.pane-Button-module__md{min-block-size:var(--ds-button-height-md);padding-inline:var(--ds-button-padding-md);font-size:var(--ds-type-body)}.pane-Button-module__light,.pane-Button-module__accent{text-shadow:none}.pane-Button-module__light{background:var(--ds-button-light-bg);color:var(--ds-button-light-fg);box-shadow:var(--ds-button-shadow)}.pane-Button-module__accent{background:var(--ds-button-accent-bg);color:var(--ds-button-accent-fg);box-shadow:var(--ds-button-shadow)}.pane-Button-module__accent:hover:not(:disabled){background:var(--ds-button-accent-bg-hover)}.pane-Button-module__glass{background:var(--ds-button-glass-bg);color:var(--ds-button-glass-fg)}.pane-Button-module__root:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width);box-shadow:0 0 0 calc(var(--ds-focus-ring-width) * 2 + var(--ds-focus-ring-halo-width)) var(--ds-focus-ring-halo)}.pane-Button-module__root:disabled{cursor:not-allowed;opacity:.5}@media(forced-colors:active){.pane-Button-module__root{border:var(--ds-focus-ring-width) solid ButtonText}}.pane-IconButton-module__root{display:inline-grid;place-items:center;flex:none;padding:0;border:0;border-radius:var(--ds-icon-button-radius);cursor:pointer;transition:background-color var(--ds-motion-hover) var(--ds-motion-easing),color var(--ds-motion-hover) var(--ds-motion-easing),transform var(--ds-motion-hover) var(--ds-motion-easing)}.pane-IconButton-module__root:hover{transform:translateY(calc(var(--ds-motion-lift) * -1))}.pane-IconButton-module__ghost:hover{color:var(--ds-icon-button-fg)}.pane-IconButton-module__root:active{transform:scale(var(--ds-motion-press-scale));transition-duration:var(--ds-motion-press)}.pane-IconButton-module__md{inline-size:var(--ds-icon-button-size);block-size:var(--ds-icon-button-size)}.pane-IconButton-module__sm{inline-size:var(--ds-icon-button-size-sm);block-size:var(--ds-icon-button-size-sm)}.pane-IconButton-module__root>svg{inline-size:var(--ds-icon-button-icon);block-size:var(--ds-icon-button-icon)}.pane-IconButton-module__glass{background:var(--ds-icon-button-glass-bg);color:var(--ds-icon-button-fg);-webkit-backdrop-filter:blur(var(--ds-icon-button-blur));backdrop-filter:blur(var(--ds-icon-button-blur))}.pane-IconButton-module__ghost{background:transparent;color:var(--ds-icon-button-ghost-fg)}.pane-IconButton-module__root:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width);box-shadow:0 0 0 calc(var(--ds-focus-ring-width) * 2 + var(--ds-focus-ring-halo-width)) var(--ds-focus-ring-halo)}@media(forced-colors:active){.pane-IconButton-module__root{border:var(--ds-focus-ring-width) solid ButtonText}}.pane-Tabs-module__list{display:flex;gap:var(--ds-tabs-gap);flex-wrap:nowrap}.pane-Tabs-module__trigger{min-block-size:var(--ds-tabs-height);padding-inline:var(--ds-tabs-padding);border:0;border-radius:var(--ds-tabs-radius);background:transparent;box-shadow:inset 0 0 0 var(--ds-focus-ring-width) var(--ds-tabs-ring);color:var(--ds-tabs-fg);font-family:var(--ds-type-family);font-size:var(--ds-type-label);font-weight:var(--ds-type-weight-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--ds-motion-hover) var(--ds-motion-easing),color var(--ds-motion-hover) var(--ds-motion-easing),box-shadow var(--ds-motion-hover) var(--ds-motion-easing),transform var(--ds-motion-press) var(--ds-motion-easing)}.pane-Tabs-module__trigger:active{transform:scale(var(--ds-motion-press-scale))}.pane-Tabs-module__trigger[data-state=active]{background:var(--ds-tabs-on-bg);color:var(--ds-tabs-on-fg);box-shadow:none;text-shadow:none}.pane-Tabs-module__trigger:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width);box-shadow:0 0 0 calc(var(--ds-focus-ring-width) * 2 + var(--ds-focus-ring-halo-width)) var(--ds-focus-ring-halo)}.pane-Tabs-module__content[data-state=active]{animation:pane-Tabs-module__tab-in var(--ds-motion-enter) var(--ds-motion-easing)}@keyframes pane-Tabs-module__tab-in{0%{opacity:0;transform:translateY(calc(var(--ds-motion-rise) / 2))}}.pane-Tabs-module__content:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}@media(forced-colors:active){.pane-Tabs-module__trigger{border:var(--ds-focus-ring-width) solid ButtonText}.pane-Tabs-module__trigger[data-state=active]{border-color:Highlight;text-decoration:underline}}.pane-Tag-module__root{display:inline-flex;align-items:center;padding-inline:var(--ds-tag-padding-inline);padding-block:var(--ds-tag-padding-block);border:var(--ds-card-rim-width) solid var(--ds-tag-ring);border-radius:var(--ds-tag-radius);color:var(--ds-tag-fg);font-family:var(--ds-type-family);font-size:var(--ds-type-micro);font-weight:var(--ds-type-weight-medium);letter-spacing:var(--ds-type-tracking-caps);text-transform:uppercase;line-height:var(--ds-type-leading-tight)}.pane-Badge-module__root{display:inline-flex;align-items:center;gap:var(--ds-gap-sm);min-block-size:var(--ds-badge-height);padding-inline:var(--ds-badge-padding-inline);border-radius:var(--ds-badge-radius);font-family:var(--ds-type-family);font-size:var(--ds-type-caption);font-weight:var(--ds-type-weight-semibold);line-height:var(--ds-type-leading-tight);white-space:nowrap;text-shadow:none}.pane-Badge-module__dot{inline-size:var(--ds-badge-dot);block-size:var(--ds-badge-dot);border-radius:var(--ds-badge-radius);background:currentColor}.pane-Badge-module__neutral{background:var(--ds-badge-neutral-bg);color:var(--ds-badge-neutral-fg);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-badge-neutral-ring);text-shadow:var(--ds-card-text-halo)}.pane-Badge-module__info{background:var(--ds-badge-info-bg);color:var(--ds-badge-info-fg)}.pane-Badge-module__positive{background:var(--ds-badge-positive-bg);color:var(--ds-badge-positive-fg)}.pane-Badge-module__warning{background:var(--ds-badge-warning-bg);color:var(--ds-badge-warning-fg)}.pane-Badge-module__critical{background:var(--ds-badge-critical-bg);color:var(--ds-badge-critical-fg)}@media(forced-colors:active){.pane-Badge-module__root{border:var(--ds-width-hairline) solid CanvasText}}@media(forced-colors:active){.pane-Badge-module__dot{forced-color-adjust:none;background:CanvasText}}.pane-Chip-module__root{display:inline-flex;align-items:center;min-block-size:var(--ds-chip-height);border-radius:var(--ds-chip-radius);background:var(--ds-chip-bg);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-chip-ring);color:var(--ds-chip-fg);font-family:var(--ds-type-family);font-size:var(--ds-type-label);font-weight:var(--ds-type-weight-medium);transition:background-color var(--ds-motion-hover) var(--ds-motion-easing),color var(--ds-motion-hover) var(--ds-motion-easing)}.pane-Chip-module__on{background:var(--ds-chip-on-bg);color:var(--ds-chip-on-fg);box-shadow:none;text-shadow:none}.pane-Chip-module__toggle,.pane-Chip-module__remove{display:inline-flex;align-items:center;gap:var(--ds-chip-gap);min-block-size:var(--ds-chip-height);padding-inline:var(--ds-chip-padding-inline);border:0;border-radius:var(--ds-chip-radius);background:transparent;color:inherit;font:inherit;cursor:pointer}.pane-Chip-module__removable .pane-Chip-module__toggle{padding-inline-end:var(--ds-gap-xs);cursor:default}.pane-Chip-module__remove{padding-inline:var(--ds-gap-md)}.pane-Chip-module__icon{inline-size:var(--ds-chip-icon);block-size:var(--ds-chip-icon);flex:none}.pane-Chip-module__toggle:focus-visible,.pane-Chip-module__remove:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width);box-shadow:0 0 0 calc(var(--ds-focus-ring-width) * 2 + var(--ds-focus-ring-halo-width)) var(--ds-focus-ring-halo)}.pane-Chip-module__toggle:active,.pane-Chip-module__remove:active{transform:scale(var(--ds-motion-press-scale));transition:transform var(--ds-motion-press) var(--ds-motion-easing)}@media(forced-colors:active){.pane-Chip-module__root{border:var(--ds-width-hairline) solid ButtonText}.pane-Chip-module__on{border-color:Highlight}}.pane-Banner-module__root{display:grid;grid-template-rows:1fr;border-block-end:var(--ds-width-hairline) solid var(--ds-banner-divider);font-family:var(--ds-type-family);font-size:var(--ds-type-body);line-height:var(--ds-type-leading-body);color:var(--ds-text-primary);animation:pane-Banner-module__banner-open var(--ds-motion-enter) var(--ds-motion-easing)}.pane-Banner-module__root:last-child{border-block-end-color:transparent}.pane-Banner-module__leaving{animation:pane-Banner-module__banner-close var(--ds-motion-hover) var(--ds-motion-easing) forwards}@keyframes pane-Banner-module__banner-open{0%{grid-template-rows:0fr;opacity:0}}@keyframes pane-Banner-module__banner-close{to{grid-template-rows:0fr;opacity:0;border-block-end-color:transparent}}.pane-Banner-module__line{min-block-size:0;overflow:hidden;display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:var(--ds-banner-gap);row-gap:var(--ds-gap-sm);padding-block:var(--ds-banner-padding-block)}.pane-Banner-module__glyph{flex:none;inline-size:var(--ds-banner-glyph);block-size:var(--ds-banner-glyph);margin-block-start:calc((1lh - var(--ds-banner-glyph)) / 2);fill:none;stroke:var(--mark);stroke-width:var(--ds-width-ring);stroke-linecap:round;stroke-linejoin:round}.pane-Banner-module__info{--mark: var(--ds-banner-mark-info)}.pane-Banner-module__positive{--mark: var(--ds-banner-mark-positive)}.pane-Banner-module__warning{--mark: var(--ds-banner-mark-warning)}.pane-Banner-module__critical{--mark: var(--ds-banner-mark-critical)}.pane-Banner-module__text{flex:1 1 16em;min-inline-size:0;display:flex;flex-direction:column;gap:var(--ds-gap-xs)}.pane-Banner-module__title{margin:0;font-weight:var(--ds-type-weight-semibold);overflow-wrap:anywhere}.pane-Banner-module__detail{color:var(--ds-text-secondary);overflow-wrap:anywhere}.pane-Banner-module__sr{position:absolute;inline-size:var(--ds-width-hairline);block-size:var(--ds-width-hairline);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pane-Banner-module__end{display:flex;align-items:center;gap:var(--ds-gap-sm);margin-inline-start:auto}.pane-Banner-module__dismiss{position:relative;display:grid;place-items:center;inline-size:var(--ds-banner-dismiss);block-size:var(--ds-banner-dismiss);padding:0;border:0;border-radius:var(--ds-corner-round);background:transparent;color:var(--ds-text-secondary);cursor:pointer;transition:color var(--ds-motion-hover) var(--ds-motion-easing),background-color var(--ds-motion-hover) var(--ds-motion-easing)}.pane-Banner-module__dismiss:after{content:"";position:absolute;inset:calc((var(--ds-banner-dismiss) - var(--ds-banner-hit)) / 2)}.pane-Banner-module__dismiss svg{inline-size:var(--ds-control-icon-sm);block-size:var(--ds-control-icon-sm);fill:none;stroke:currentColor;stroke-width:var(--ds-width-ring);stroke-linecap:round}.pane-Banner-module__dismiss:hover{color:var(--ds-text-primary);background:var(--ds-surface-quiet)}.pane-Banner-module__dismiss:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}@media(forced-colors:active){.pane-Banner-module__root{border-block-end-color:CanvasText}.pane-Banner-module__glyph{stroke:CanvasText}}.pane-Select-module__root{display:flex;flex-direction:column;gap:var(--ds-select-gap);min-inline-size:0;font-family:var(--ds-type-family)}.pane-Select-module__label{font-size:var(--ds-type-label);color:var(--ds-text-primary)}.pane-Select-module__hidden{position:absolute;inline-size:var(--ds-width-hairline);block-size:var(--ds-width-hairline);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pane-Select-module__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--ds-select-gap);inline-size:100%;padding-inline:var(--ds-select-padding);border:0;border-radius:var(--ds-select-radius);background:var(--ds-select-trigger-bg);color:var(--ds-select-trigger-fg);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-select-trigger-ring);font:inherit;font-size:var(--ds-type-body);text-align:start;cursor:pointer;transition:box-shadow var(--ds-motion-hover) var(--ds-motion-easing)}.pane-Select-module__trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-Select-module__sm{min-block-size:var(--ds-select-height-sm);font-size:var(--ds-type-label)}.pane-Select-module__md{min-block-size:var(--ds-select-height-md)}.pane-Select-module__trigger:hover:not(:disabled){box-shadow:inset 0 0 0 var(--ds-width-ring) var(--ds-select-trigger-ring)}.pane-Select-module__trigger:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.pane-Select-module__trigger:disabled{cursor:not-allowed;opacity:.5}.pane-Select-module__trigger[data-placeholder]{color:var(--ds-text-secondary)}.pane-Select-module__icon{display:inline-flex;flex:none}.pane-Select-module__chevron{inline-size:var(--ds-control-icon-sm);block-size:var(--ds-control-icon-sm);transition:transform var(--ds-motion-hover) var(--ds-motion-easing)}.pane-Select-module__trigger[data-state=open] .pane-Select-module__chevron{transform:rotate(180deg)}.pane-Select-module__menu{z-index:var(--ds-layer-overlay);min-inline-size:max(var(--radix-select-trigger-width),var(--ds-select-menu-min));max-block-size:var(--radix-select-content-available-height);padding:var(--ds-gap-xs);border-radius:var(--ds-select-menu-radius);background:var(--ds-select-menu-bg);color:var(--ds-text-primary);box-shadow:var(--ds-select-menu-shadow),inset 0 0 0 var(--ds-width-hairline) var(--ds-select-menu-ring);font-family:var(--ds-type-family);font-size:var(--ds-type-body);transform-origin:var(--radix-select-content-transform-origin);animation:pane-Select-module__menu-in var(--ds-motion-hover) var(--ds-motion-easing)}@keyframes pane-Select-module__menu-in{0%{opacity:0;transform:translateY(calc(var(--ds-motion-lift) * -2)) scale(var(--ds-motion-press-scale))}}.pane-Select-module__viewport{display:flex;flex-direction:column;gap:var(--ds-space-px)}.pane-Select-module__item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--ds-gap-lg);min-block-size:var(--ds-select-height-sm);padding-inline:var(--ds-gap-lg) var(--ds-gap-md);border-radius:var(--ds-select-item-radius);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.pane-Select-module__item[data-highlighted]{background:var(--ds-select-item-hover)}.pane-Select-module__item[data-state=checked]{font-weight:var(--ds-type-weight-semibold)}.pane-Select-module__item[data-disabled]{opacity:.5;cursor:not-allowed}.pane-Select-module__check{display:inline-flex;color:var(--ds-select-item-check)}.pane-Select-module__check svg{inline-size:var(--ds-control-icon-sm);block-size:var(--ds-control-icon-sm)}@media(forced-colors:active){.pane-Select-module__trigger,.pane-Select-module__menu{border:var(--ds-width-hairline) solid ButtonText}.pane-Select-module__item[data-highlighted]{outline:var(--ds-width-ring) solid Highlight}}.pane-Slider-module__root{display:flex;flex-direction:column;gap:var(--ds-slider-gap);min-inline-size:0;font-family:var(--ds-type-family)}.pane-Slider-module__head{display:flex;justify-content:space-between;gap:var(--ds-gap-md);font-size:var(--ds-type-label)}.pane-Slider-module__label{color:var(--ds-text-primary)}.pane-Slider-module__value{color:var(--ds-text-secondary);font-variant-numeric:tabular-nums}.pane-Slider-module__slider{position:relative;display:flex;align-items:center;block-size:var(--ds-slider-hit);margin-block:calc((var(--ds-slider-thumb) - var(--ds-slider-hit)) / 2);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.pane-Slider-module__slider[data-disabled]{cursor:not-allowed;opacity:.5}.pane-Slider-module__track{position:relative;flex:1;block-size:var(--ds-slider-track);border-radius:var(--ds-corner-round);background:var(--ds-slider-track-bg);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-slider-track-ring);overflow:hidden}.pane-Slider-module__range{position:absolute;block-size:100%;background:var(--ds-slider-range-bg)}.pane-Slider-module__thumb{display:block;inline-size:var(--ds-slider-thumb);block-size:var(--ds-slider-thumb);border-radius:var(--ds-corner-round);background:var(--ds-slider-thumb-bg);box-shadow:0 0 0 var(--ds-width-hairline) var(--ds-slider-track-ring),var(--ds-slider-thumb-shadow);transition:transform var(--ds-motion-hover) var(--ds-motion-easing)}.pane-Slider-module__thumb:hover{transform:scale(1.08)}.pane-Slider-module__thumb:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}@media(forced-colors:active){.pane-Slider-module__track{border:var(--ds-width-hairline) solid ButtonText}.pane-Slider-module__range{background:Highlight}.pane-Slider-module__thumb{border:var(--ds-width-ring) solid ButtonText}}.pane-Label-module__root{font-family:var(--ds-type-family);font-size:var(--ds-type-label);font-weight:var(--ds-type-weight-semibold);color:var(--ds-field-label-fg)}.pane-Label-module__required{font-weight:var(--ds-type-weight-regular);color:var(--ds-field-help-fg)}.pane-HelperText-module__root{display:flex;align-items:flex-start;gap:var(--ds-gap-sm);margin:0;font-family:var(--ds-type-family);font-size:var(--ds-type-label);line-height:var(--ds-type-leading-body)}.pane-HelperText-module__help{color:var(--ds-field-help-fg)}.pane-HelperText-module__error{color:var(--ds-field-error-fg)}.pane-HelperText-module__glyph{flex:none;inline-size:var(--ds-control-icon-sm);block-size:var(--ds-control-icon-sm);margin-block-start:calc((1lh - var(--ds-control-icon-sm)) / 2);fill:none;stroke:var(--ds-field-error-mark);stroke-width:var(--ds-width-ring);stroke-linecap:round;stroke-linejoin:round}.pane-HelperText-module__sr{position:absolute;inline-size:var(--ds-width-hairline);block-size:var(--ds-width-hairline);overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(forced-colors:active){.pane-HelperText-module__glyph{stroke:CanvasText}}.pane-FormField-module__root{display:flex;flex-direction:column;gap:var(--ds-field-gap);min-inline-size:0;font-family:var(--ds-type-family)}.pane-Fieldset-module__root{margin:0;padding:0;border:0;min-inline-size:0;font-family:var(--ds-type-family)}.pane-Fieldset-module__legend{padding:0;margin-block-end:var(--ds-field-gap);font-size:var(--ds-type-body);font-weight:var(--ds-type-weight-semibold);color:var(--ds-field-label-fg)}.pane-Fieldset-module__help{margin:0 0 var(--ds-field-gap);font-size:var(--ds-type-label);color:var(--ds-field-help-fg)}.pane-Fieldset-module__fields{display:flex;flex-direction:column;gap:var(--ds-field-group-gap)}.pane-Input-module__root{inline-size:100%;min-inline-size:0;margin:0;border:0;padding-inline:var(--ds-input-padding);border-radius:var(--ds-input-radius);background:var(--ds-input-bg-page);color:var(--ds-input-fg);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring-page);font-family:var(--ds-type-family);font-size:var(--ds-type-body);line-height:var(--ds-type-leading-tight);transition:box-shadow var(--ds-motion-hover) var(--ds-motion-easing)}[data-pane-card=glass] .pane-Input-module__root{background:var(--ds-input-bg);box-shadow:var(--ds-input-inset),inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring);text-shadow:none}.pane-Input-module__md{min-block-size:var(--ds-input-height-md)}.pane-Input-module__sm{min-block-size:var(--ds-input-height-sm);font-size:var(--ds-type-label)}.pane-Input-module__root::placeholder{color:var(--ds-input-placeholder);opacity:1}.pane-Input-module__root:hover:not(:disabled){box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring-hover)}[data-pane-card=glass] .pane-Input-module__root:hover:not(:disabled){box-shadow:var(--ds-input-inset),inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring-hover)}.pane-Input-module__root[aria-invalid=true],[data-pane-card=glass] .pane-Input-module__root[aria-invalid=true]{box-shadow:inset 0 0 0 var(--ds-width-ring) var(--ds-input-ring-invalid)}.pane-Input-module__root:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.pane-Input-module__root:disabled{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.pane-Input-module__root:read-only:not(:disabled){background:transparent;box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring-page)}@media(forced-colors:active){.pane-Input-module__root{border:var(--ds-width-hairline) solid FieldText}.pane-Input-module__root[aria-invalid=true]{border-width:var(--ds-width-ring)}}.pane-Textarea-module__root{inline-size:100%;min-inline-size:0;margin:0;border:0;resize:vertical;padding:var(--ds-gap-md) var(--ds-input-padding);border-radius:var(--ds-input-radius-multiline);background:var(--ds-input-bg-page);color:var(--ds-input-fg);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring-page);font-family:var(--ds-type-family);font-size:var(--ds-type-body);line-height:var(--ds-type-leading-body);transition:box-shadow var(--ds-motion-hover) var(--ds-motion-easing)}[data-pane-card=glass] .pane-Textarea-module__root{background:var(--ds-input-bg);box-shadow:var(--ds-input-inset),inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring);text-shadow:none}.pane-Textarea-module__root::placeholder{color:var(--ds-input-placeholder);opacity:1}.pane-Textarea-module__root:hover:not(:disabled){box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring-hover)}.pane-Textarea-module__root[aria-invalid=true],[data-pane-card=glass] .pane-Textarea-module__root[aria-invalid=true]{box-shadow:inset 0 0 0 var(--ds-width-ring) var(--ds-input-ring-invalid)}.pane-Textarea-module__root:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.pane-Textarea-module__root:disabled{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}@media(forced-colors:active){.pane-Textarea-module__root{border:var(--ds-width-hairline) solid FieldText}}.pane-InputGroup-module__root{display:flex;align-items:center;gap:var(--ds-gap-sm);min-inline-size:0;padding-inline:var(--ds-input-padding) var(--ds-gap-xs);border-radius:var(--ds-input-radius);background:var(--ds-input-bg-page);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring-page);color:var(--ds-input-placeholder);font-family:var(--ds-type-family);font-size:var(--ds-type-body)}[data-pane-card=glass] .pane-InputGroup-module__root{background:var(--ds-input-bg);box-shadow:var(--ds-input-inset),inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring);text-shadow:none}.pane-InputGroup-module__root:focus-within{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.pane-InputGroup-module__root:has([aria-invalid=true]){box-shadow:inset 0 0 0 var(--ds-width-ring) var(--ds-input-ring-invalid)}.pane-InputGroup-module__field{flex:1;min-inline-size:0}.pane-InputGroup-module__field [data-component=Input],[data-pane-card=glass] .pane-InputGroup-module__field [data-component=Input]{padding-inline:0;background:transparent;box-shadow:none;outline:0}.pane-InputGroup-module__start,.pane-InputGroup-module__end{display:inline-flex;align-items:center;flex:none}.pane-InputGroup-module__start svg,.pane-InputGroup-module__end svg{inline-size:var(--ds-control-icon-md);block-size:var(--ds-control-icon-md)}@media(forced-colors:active){.pane-InputGroup-module__root{border:var(--ds-width-hairline) solid FieldText}}.pane-PinInput-module__root{display:flex;gap:var(--ds-gap-sm);flex-wrap:wrap}.pane-PinInput-module__cell{inline-size:var(--ds-input-height-md);block-size:var(--ds-input-height-md);margin:0;border:0;padding:0;border-radius:var(--ds-corner-media);text-align:center;background:var(--ds-input-bg-page);color:var(--ds-input-fg);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring-page);font-family:var(--ds-type-family);font-size:var(--ds-type-title);font-variant-numeric:tabular-nums;transition:box-shadow var(--ds-motion-hover) var(--ds-motion-easing)}[data-pane-card=glass] .pane-PinInput-module__cell{background:var(--ds-input-bg);box-shadow:var(--ds-input-inset),inset 0 0 0 var(--ds-width-hairline) var(--ds-input-ring);text-shadow:none}.pane-PinInput-module__cell[aria-invalid=true],[data-pane-card=glass] .pane-PinInput-module__cell[aria-invalid=true]{box-shadow:inset 0 0 0 var(--ds-width-ring) var(--ds-input-ring-invalid)}.pane-PinInput-module__cell:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.pane-PinInput-module__cell:disabled{opacity:var(--ds-opacity-disabled);cursor:not-allowed}@media(forced-colors:active){.pane-PinInput-module__cell{border:var(--ds-width-hairline) solid FieldText}}.pane-Checkbox-module__root{display:flex;align-items:flex-start;gap:var(--ds-gap-md);min-block-size:var(--ds-check-hit);font-family:var(--ds-type-family)}.pane-Checkbox-module__box{position:relative;flex:none;display:grid;place-items:center;padding:0;border:0;cursor:pointer;inline-size:var(--ds-check-size);block-size:var(--ds-check-size);margin-block:calc((var(--ds-check-hit) - var(--ds-check-size)) / 2);border-radius:var(--ds-check-radius);background:var(--ds-check-bg-page);color:var(--ds-check-mark);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-check-ring);transition:box-shadow var(--ds-motion-hover) var(--ds-motion-easing),transform var(--ds-motion-press) var(--ds-motion-easing)}.pane-Checkbox-module__box:after{content:"";position:absolute;inset:calc((var(--ds-check-size) - var(--ds-check-hit)) / 2)}[data-pane-card=glass] .pane-Checkbox-module__box{background:var(--ds-check-bg);box-shadow:var(--ds-check-inset),inset 0 0 0 var(--ds-width-hairline) var(--ds-check-ring)}.pane-Checkbox-module__box:active:not(:disabled){transform:scale(var(--ds-motion-press-scale))}.pane-Checkbox-module__box:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.pane-Checkbox-module__box:disabled{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.pane-Checkbox-module__indicator{display:grid;place-items:center}.pane-Checkbox-module__check,.pane-Checkbox-module__dash{inline-size:var(--ds-control-icon-sm);block-size:var(--ds-control-icon-sm);fill:none;stroke:currentColor;stroke-width:var(--ds-width-ring);stroke-linecap:round;stroke-linejoin:round;animation:pane-Checkbox-module__mark-in var(--ds-motion-hover) var(--ds-motion-easing)}.pane-Checkbox-module__box[data-state=checked] .pane-Checkbox-module__dash,.pane-Checkbox-module__box[data-state=indeterminate] .pane-Checkbox-module__check{display:none}@keyframes pane-Checkbox-module__mark-in{0%{opacity:0;transform:scale(var(--ds-motion-press-scale))}}.pane-Checkbox-module__text{display:flex;flex-direction:column;justify-content:center;min-block-size:var(--ds-check-hit)}.pane-Checkbox-module__label{font-size:var(--ds-type-body);color:var(--ds-text-primary);cursor:pointer}.pane-Checkbox-module__description{font-size:var(--ds-type-label);color:var(--ds-text-secondary)}@media(forced-colors:active){.pane-Checkbox-module__box{border:var(--ds-width-hairline) solid ButtonText}.pane-Checkbox-module__check,.pane-Checkbox-module__dash{stroke:ButtonText}}.pane-Radio-module__group{display:flex;flex-direction:column;gap:var(--ds-field-gap);font-family:var(--ds-type-family)}.pane-Radio-module__legend{font-size:var(--ds-type-label);font-weight:var(--ds-type-weight-semibold);color:var(--ds-field-label-fg)}.pane-Radio-module__help{font-size:var(--ds-type-label);color:var(--ds-field-help-fg)}.pane-Radio-module__options{display:flex;flex-direction:column}.pane-Radio-module__root{display:flex;align-items:flex-start;gap:var(--ds-gap-md);min-block-size:var(--ds-check-hit)}.pane-Radio-module__circle{position:relative;flex:none;display:grid;place-items:center;padding:0;border:0;cursor:pointer;inline-size:var(--ds-check-size);block-size:var(--ds-check-size);margin-block:calc((var(--ds-check-hit) - var(--ds-check-size)) / 2);border-radius:var(--ds-corner-round);background:var(--ds-check-bg-page);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-check-ring);transition:transform var(--ds-motion-press) var(--ds-motion-easing)}.pane-Radio-module__circle:after{content:"";position:absolute;inset:calc((var(--ds-check-size) - var(--ds-check-hit)) / 2)}[data-pane-card=glass] .pane-Radio-module__circle{background:var(--ds-check-bg);box-shadow:var(--ds-check-inset),inset 0 0 0 var(--ds-width-hairline) var(--ds-check-ring)}.pane-Radio-module__circle:active:not(:disabled){transform:scale(var(--ds-motion-press-scale))}.pane-Radio-module__circle:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.pane-Radio-module__circle:disabled{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.pane-Radio-module__dot{display:block;inline-size:var(--ds-check-dot);block-size:var(--ds-check-dot);border-radius:var(--ds-corner-round);background:var(--ds-check-mark);animation:pane-Radio-module__dot-in var(--ds-motion-hover) var(--ds-motion-easing)}@keyframes pane-Radio-module__dot-in{0%{transform:scale(0)}}.pane-Radio-module__text{display:flex;flex-direction:column;justify-content:center;min-block-size:var(--ds-check-hit)}.pane-Radio-module__label{font-size:var(--ds-type-body);color:var(--ds-text-primary);cursor:pointer}.pane-Radio-module__description{font-size:var(--ds-type-label);color:var(--ds-text-secondary)}@media(forced-colors:active){.pane-Radio-module__circle{border:var(--ds-width-hairline) solid ButtonText}.pane-Radio-module__dot{background:ButtonText}}.pane-Switch-module__root{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-gap-lg);min-block-size:var(--ds-switch-hit);font-family:var(--ds-type-family)}.pane-Switch-module__text{display:flex;flex-direction:column}.pane-Switch-module__label{font-size:var(--ds-type-body);color:var(--ds-text-primary);cursor:pointer}.pane-Switch-module__description{font-size:var(--ds-type-label);color:var(--ds-text-secondary)}.pane-Switch-module__track{position:relative;flex:none;padding:0;border:0;cursor:pointer;inline-size:var(--ds-switch-width);block-size:var(--ds-switch-height);border-radius:var(--ds-corner-round);background:var(--ds-switch-bg-page);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-switch-ring);transition:background-color var(--ds-motion-hover) var(--ds-motion-easing)}.pane-Switch-module__track:after{content:"";position:absolute;inset:calc((var(--ds-switch-height) - var(--ds-switch-hit)) / 2) 0}[data-pane-card=glass] .pane-Switch-module__track{background:var(--ds-switch-bg);box-shadow:var(--ds-switch-inset),inset 0 0 0 var(--ds-width-hairline) var(--ds-switch-ring)}.pane-Switch-module__track[data-state=checked],[data-pane-card=glass] .pane-Switch-module__track[data-state=checked]{background:var(--ds-switch-on-bg);box-shadow:none}.pane-Switch-module__track:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.pane-Switch-module__track:disabled{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.pane-Switch-module__knob{position:absolute;inset-block-start:var(--ds-switch-inset-gap);inset-inline-start:var(--ds-switch-inset-gap);inline-size:var(--ds-switch-knob);block-size:var(--ds-switch-knob);border-radius:var(--ds-corner-round);background:var(--ds-switch-knob-bg);box-shadow:var(--ds-switch-knob-shadow);transition:transform var(--ds-motion-hover) var(--ds-motion-easing)}.pane-Switch-module__knob[data-state=checked]{transform:translate(calc(var(--ds-switch-width) - var(--ds-switch-knob) - var(--ds-switch-inset-gap) * 2))}[dir=rtl] .pane-Switch-module__knob[data-state=checked]{transform:translate(calc((var(--ds-switch-width) - var(--ds-switch-knob) - var(--ds-switch-inset-gap) * 2) * -1))}.pane-Switch-module__tick{position:absolute;inset-block:0;inset-inline-start:calc(var(--ds-switch-inset-gap) * 3);margin-block:auto;inline-size:var(--ds-width-ring);block-size:var(--ds-control-icon-sm);border-radius:var(--ds-corner-round);background:var(--ds-switch-tick);opacity:0;transition:opacity var(--ds-motion-hover) var(--ds-motion-easing)}.pane-Switch-module__track[data-state=checked] .pane-Switch-module__tick{opacity:1}@media(forced-colors:active){.pane-Switch-module__track{border:var(--ds-width-hairline) solid ButtonText}.pane-Switch-module__track[data-state=checked]{background:Highlight}.pane-Switch-module__knob{background:ButtonText}}.env{position:fixed;inset:0;z-index:-1}.env-layer{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity var(--ds-motion-enter) var(--ds-motion-easing)}.env-layer.ready{opacity:1}.env-in{animation:env-in var(--ds-motion-scene) var(--ds-motion-easing-inout) both}@keyframes env-in{0%{opacity:0}}.env i{display:none}[data-scene=room] .env:not(:has(.env-layer)){background:center / cover url(/scenes/room.jpg)}[data-scene=forest] .env:not(:has(.env-layer)){background:center / cover url(/scenes/forest.jpg)}[data-scene=night] .env:not(:has(.env-layer)){background:center / cover url(/scenes/night.jpg)}[data-scene=city] .env:not(:has(.env-layer)){background:center / cover url(/scenes/city.jpg)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0}body{font-family:var(--ds-type-family);font-size:var(--ds-type-body);line-height:var(--ds-type-leading-body);color:var(--ds-text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}.flush{margin:0}.muted{color:var(--ds-text-secondary)}.small{font-size:var(--ds-type-caption)}.eyebrow{font-size:var(--ds-type-micro);font-weight:var(--ds-type-weight-semibold);letter-spacing:var(--ds-type-tracking-caps);text-transform:uppercase;color:var(--ds-text-secondary)}.display{font-size:var(--ds-type-display);line-height:var(--ds-type-leading-tight);font-weight:var(--ds-type-weight-semibold);letter-spacing:var(--ds-type-tracking-display)}.headline{font-size:var(--ds-type-headline);line-height:var(--ds-type-leading-tight);font-weight:var(--ds-type-weight-semibold);letter-spacing:var(--ds-type-tracking-display)}.lede{font-size:var(--ds-type-emphasis);max-inline-size:var(--ds-type-measure)}h2{font-size:var(--ds-type-headline);font-weight:var(--ds-type-weight-semibold);line-height:var(--ds-type-leading-tight);letter-spacing:var(--ds-type-tracking-display)}h3{font-size:var(--ds-type-title);font-weight:var(--ds-type-weight-semibold);line-height:var(--ds-type-leading-tight)}h4{font-size:var(--ds-type-body);margin-block-start:var(--ds-gap-md)}ul,ol{padding-inline-start:var(--ds-gap-inset)}code,kbd{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}kbd{display:inline-block;padding:var(--ds-gap-xs) var(--ds-gap-md);border-radius:var(--ds-corner-media);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring)}.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:var(--ds-gap-2xl);inset-block-start:var(--ds-gap-2xl);z-index:3;padding:var(--ds-gap-md) var(--ds-gap-2xl);border-radius:var(--ds-corner-round);background:var(--ds-surface-light);color:var(--ds-text-on-light)}.toc{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--ds-space-px)}.toc a{display:block;padding:var(--ds-gap-sm) var(--ds-gap-lg);margin-inline:calc(var(--ds-gap-lg) * -1) 0;border-radius:var(--ds-corner-round);color:var(--ds-text-primary);font-size:var(--ds-type-body);font-weight:var(--ds-type-weight-regular);text-decoration:none;transition:background-color var(--ds-motion-hover) var(--ds-motion-easing)}.toc a:hover{background:var(--ds-surface-quiet)}.toc a[aria-current=page]{background:var(--ds-surface-quiet);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring);font-weight:var(--ds-type-weight-semibold)}.nav-part-title{margin:0;font-size:var(--ds-type-micro);font-weight:var(--ds-type-weight-semibold);letter-spacing:var(--ds-type-tracking-caps);text-transform:uppercase;color:var(--ds-text-secondary);cursor:default;-webkit-user-select:none;user-select:none}.toc a:focus-visible,.skip:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width);box-shadow:0 0 0 calc(var(--ds-focus-ring-width) * 2 + var(--ds-focus-ring-halo-width)) var(--ds-focus-ring-halo)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:var(--ds-gap-section);align-items:start}.hero-copy{display:flex;flex-direction:column;gap:var(--ds-gap-2xl)}.stats{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--ds-gap-md)}.component-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-gap-2xl);flex-wrap:wrap}.two-up{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--ds-gap-2xl)}.stage{display:flex;flex-wrap:wrap;gap:var(--ds-gap-2xl);align-items:flex-start}.demo-card{min-inline-size:min(100%,360px)}.demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-gap-lg)}.env-demo{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ds-gap-2xl);inline-size:100%}.tab-empty{padding-block:var(--ds-gap-2xl)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;inline-size:100%;font-size:var(--ds-type-label)}caption{text-align:start;color:var(--ds-text-secondary);padding-block-end:var(--ds-gap-md)}th,td{text-align:start;padding:var(--ds-gap-md) var(--ds-gap-lg);border-block-end:var(--ds-width-hairline) solid var(--ds-line-divider);vertical-align:top}thead th,.pass,.fail{font-weight:var(--ds-type-weight-semibold)}.fail{text-decoration:underline;text-decoration-style:wavy;text-underline-offset:3px}.checks{list-style:none;padding:0}.swatches{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--ds-gap-lg)}.swatches li{display:flex;flex-direction:column;gap:var(--ds-gap-xs);font-size:var(--ds-type-caption)}.chip{display:block;block-size:44px;border-radius:var(--ds-corner-media);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring)}.type-scale,.radius-scale{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--ds-gap-md);line-height:var(--ds-type-leading-tight)}.radius-scale li{display:flex;align-items:center;gap:var(--ds-gap-lg);font-size:var(--ds-type-label)}.radius-chip{display:inline-block;inline-size:48px;block-size:32px;background:var(--ds-surface-quiet);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring)}.anchor{inline-size:100%}.anchor-id{display:flex;align-items:flex-end;gap:var(--ds-gap-xl);margin-block-start:calc(var(--ds-control-avatar-lg) / -2)}.anchor-who{display:flex;flex-direction:column;padding-block-end:var(--ds-gap-xs);min-inline-size:0}.anchor-name{display:flex;align-items:center;gap:var(--ds-gap-sm);font-size:var(--ds-type-title);font-weight:var(--ds-type-weight-semibold)}.anchor-edit{margin-inline-start:auto;margin-block-end:var(--ds-gap-xs)}.verified{inline-size:var(--ds-control-icon-md);block-size:var(--ds-control-icon-md);color:var(--ds-text-primary);flex:none}.verified.sm{inline-size:var(--ds-control-icon-sm);block-size:var(--ds-control-icon-sm)}.anchor-meta{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--ds-gap-xs);color:var(--ds-text-secondary);font-size:var(--ds-type-label)}.anchor-meta li,.actions span{display:flex;align-items:center;gap:var(--ds-gap-md)}.anchor-meta svg,.actions svg{inline-size:var(--ds-control-icon-sm);block-size:var(--ds-control-icon-sm);flex:none}.anchor-stats b{color:var(--ds-text-primary);font-size:var(--ds-type-emphasis);font-weight:var(--ds-type-weight-semibold);margin-inline-end:var(--ds-gap-xs)}.anchor [role=tabpanel]{margin-block-start:var(--ds-gap-xl)}.anchor-cta{align-self:flex-start}.post-head{display:flex;align-items:center;gap:var(--ds-gap-sm);min-inline-size:0}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--ds-type-label)}.push{margin-inline-start:auto}.actions{display:flex;align-items:center;gap:var(--ds-gap-2xl);font-size:var(--ds-type-caption);font-variant-numeric:tabular-nums}.media{position:relative;block-size:224px;border-radius:var(--ds-corner-media);overflow:hidden;background:linear-gradient(90deg,#08101c9e,#08101c33 70%,#08101c00),linear-gradient(0deg,#08101c80,#08101c00 45%),radial-gradient(ellipse at 82% 22%,#efe8de 0 14%,transparent 38%),radial-gradient(ellipse at 30% 75%,#1d3d60 0 34%,transparent 64%),radial-gradient(ellipse at 74% 70%,#d4672c 0 16%,transparent 44%),linear-gradient(160deg,#56707f,#a8795a)}.media:after{content:"";position:absolute;inset:var(--ds-gap-inset);border-radius:var(--ds-corner-media);background:var(--ds-color-white-a-06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring)}.media>*{position:absolute;z-index:1;color:var(--ds-text-primary)}.media-tag{inset-inline-start:36px;inset-block-start:36px}.media-num{inset-inline-start:34px;inset-block-end:100px;font-size:60px;line-height:.86;font-weight:300;letter-spacing:-.04em}.media-cap{inset-inline-start:36px;inset-block-end:32px;max-inline-size:52%;display:flex;align-items:center;gap:var(--ds-gap-md);font-size:var(--ds-type-micro);letter-spacing:var(--ds-type-tracking-caps);text-transform:uppercase}.media-cap svg{inline-size:var(--ds-control-icon-md);block-size:var(--ds-control-icon-md)}@media(max-width:1100px){.hero{grid-template-columns:1fr}}@media(max-width:860px){.page{grid-template-columns:1fr}.rail{position:static;max-block-size:none}.dodont-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.harness{position:relative;min-block-size:100vh}.harness-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--ds-gap-section);padding:var(--ds-gap-section);align-items:start}.harness-grid>[data-group]{display:flex;flex-direction:column;gap:var(--ds-gap-2xl)}.harness-envs{display:flex;flex-direction:column;gap:var(--ds-gap-2xl)}.env-tile{padding:var(--ds-gap-inset);border-radius:var(--ds-corner-panel);overflow:hidden}.env-tile{background-size:cover;background-position:center}.env-tile[data-tile=room]{background-image:url(/scenes/room-sm.jpg)}.env-tile[data-tile=forest]{background-image:url(/scenes/forest-sm.jpg)}.env-tile[data-tile=city]{background-image:url(/scenes/city-sm.jpg)}.env-tile[data-tile=night]{background-image:url(/scenes/night-sm.jpg)}.brand{font-size:var(--ds-type-headline);font-weight:var(--ds-type-weight-semibold);letter-spacing:var(--ds-type-tracking-display);color:var(--ds-text-primary)}.nav-part,.field{display:flex;flex-direction:column;gap:var(--ds-gap-sm)}.field input{font:inherit;font-size:var(--ds-type-label);color:var(--ds-text-primary);min-block-size:var(--ds-control-md);padding-inline:var(--ds-gap-xl);border:0;border-radius:var(--ds-corner-round);background:var(--ds-surface-quiet);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring);transition:box-shadow var(--ds-motion-hover) var(--ds-motion-easing)}.field input::placeholder{color:var(--ds-text-secondary)}.field input:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.token-filter{display:flex;gap:var(--ds-gap-2xl);flex-wrap:wrap}.token-filter .field{min-inline-size:220px}.book-page{display:flex;flex-direction:column;gap:var(--ds-gap-2xl)}.page-head{gap:var(--ds-gap-lg)}.page-title{font-size:var(--ds-type-display);line-height:var(--ds-type-leading-tight);font-weight:var(--ds-type-weight-semibold);letter-spacing:var(--ds-type-tracking-display)}.page-head .lede p{margin:0 0 var(--ds-gap-lg)}.page-head .lede p:last-child{margin:0}.book-section{scroll-margin-block-start:var(--ds-gap-section)}.prose{gap:var(--ds-gap-lg);max-inline-size:100%}main p,main li{max-inline-size:var(--ds-type-measure)}main td p,main [data-example-live] p{max-inline-size:none}.prose p,.prose li,.page-head .lede p{font-size:var(--ds-type-reading);line-height:var(--ds-type-leading-reading)}.page-head .lede p{font-size:var(--ds-type-emphasis)}.prose h3{margin-block-start:var(--ds-gap-lg);font-size:var(--ds-type-emphasis)}.prose ul,.prose ol{display:flex;flex-direction:column;gap:var(--ds-gap-sm);margin:0}.prose a,.callout a{color:var(--ds-text-primary);text-decoration:underline;text-underline-offset:3px}.heading-anchor{color:var(--ds-text-secondary);text-decoration:none;margin-inline-end:var(--ds-gap-md);font-weight:var(--ds-type-weight-regular)}.callout{padding:var(--ds-gap-xl) var(--ds-gap-inset);border-radius:var(--ds-corner-inner);background:var(--ds-surface-quiet);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring);display:flex;flex-direction:column;gap:var(--ds-gap-sm);max-inline-size:var(--ds-type-measure)}.callout-title{font-weight:var(--ds-type-weight-semibold)}.callout-kind{font-size:var(--ds-type-micro);letter-spacing:var(--ds-type-tracking-caps);text-transform:uppercase;padding:var(--ds-gap-xs) var(--ds-gap-md);border-radius:var(--ds-corner-round);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-text-primary);margin-inline-end:var(--ds-gap-sm)}.callout-caution .callout-kind{background:var(--ds-surface-light);color:var(--ds-text-on-light);text-shadow:none;box-shadow:none}.callout-body p{margin:0}.example{margin:0;display:flex;flex-direction:column;gap:var(--ds-gap-lg)}.example-live{display:flex;flex-wrap:wrap;gap:var(--ds-gap-2xl);padding:var(--ds-gap-inset);border-radius:var(--ds-corner-inner);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider)}.example-live.plain{padding:0;box-shadow:none}.example-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-gap-lg);flex-wrap:wrap}.example-title{font-size:var(--ds-type-label);color:var(--ds-text-secondary)}.example-actions{display:flex;gap:var(--ds-gap-md)}.code{margin:0;padding:var(--ds-gap-xl) var(--ds-gap-inset);border-radius:var(--ds-corner-inner);background:var(--ds-color-shade-a-35);overflow-x:auto;font-size:var(--ds-type-caption);line-height:1.6;text-shadow:none}.example>.code{animation:tab-fade var(--ds-motion-enter) var(--ds-motion-easing)}@keyframes tab-fade{0%{opacity:0;transform:translateY(calc(var(--ds-motion-rise) / 2))}}.dodont{display:flex;flex-direction:column;gap:var(--ds-gap-lg)}.dodont-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-gap-lg)}.dodont-cell{padding:var(--ds-gap-xl);border-radius:var(--ds-corner-inner);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider);display:flex;flex-direction:column;gap:var(--ds-gap-xs)}.dodont-kind{font-size:var(--ds-type-micro);letter-spacing:var(--ds-type-tracking-caps);text-transform:uppercase;font-weight:var(--ds-type-weight-semibold)}.anatomy li b,.checklist li{font-weight:var(--ds-type-weight-semibold)}.checklist li{font-weight:var(--ds-type-weight-regular)}.swatch-dot{display:inline-block;inline-size:12px;block-size:12px;border-radius:50%;margin-inline-end:var(--ds-gap-md);vertical-align:-1px;box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring)}.markdown{display:flex;flex-direction:column;gap:var(--ds-gap-md)}.markdown p,.markdown ul{margin:0;max-inline-size:80ch}.md-h3{font-size:var(--ds-type-emphasis);margin:var(--ds-gap-2xl) 0 0}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--ds-gap-lg)}.scene-thumb{margin:0;aspect-ratio:16 / 10;border-radius:var(--ds-corner-inner);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:var(--ds-gap-md)}.scene-thumb figcaption{background:var(--ds-color-shade-a-55);border-radius:var(--ds-corner-round)}.icon-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--ds-gap-lg)}.icon-grid li{display:flex;flex-direction:column;align-items:center;gap:var(--ds-gap-md);padding:var(--ds-gap-xl);border-radius:var(--ds-corner-inner);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider);font-size:var(--ds-type-caption)}.icon-cell{inline-size:28px;block-size:28px}.pattern-narrow{inline-size:min(100%,400px)}.wide-card{inline-size:min(100%,560px)}.feed-media{block-size:200px;border-radius:var(--ds-corner-media);background:center / cover url(/scenes/night-sm.jpg)}.settings-list{margin:var(--ds-gap-lg) 0 0;display:flex;flex-direction:column}.settings-row{display:flex;justify-content:space-between;gap:var(--ds-gap-2xl);padding-block:var(--ds-gap-lg);border-block-end:var(--ds-width-hairline) solid var(--ds-line-divider)}.settings-row dt{font-weight:var(--ds-type-weight-medium)}.settings-row dd{margin:0;text-align:end}.pager{display:flex;justify-content:space-between;gap:var(--ds-gap-2xl)}main a:not([class]){text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.heading-anchor{opacity:0;transition:opacity var(--ds-motion-hover) var(--ds-motion-easing);text-decoration:none!important}.book-section h2:hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.book-section h2{position:relative}.heading-anchor{position:absolute;inset-inline-end:100%;padding-inline-end:var(--ds-gap-md);margin:0}.purpose{font-size:var(--ds-type-emphasis);margin:0 0 var(--ds-gap-lg);max-inline-size:var(--ds-type-measure)}.ladder-step{display:flex;flex-direction:column;gap:var(--ds-gap-md);padding-block-start:var(--ds-gap-lg);border-block-start:var(--ds-width-hairline) solid var(--ds-line-divider)}.ladder-step h3{margin:0}.ladder-step p{margin:0;max-inline-size:var(--ds-type-measure)}.copy-btn{font:inherit;font-size:var(--ds-type-caption);color:var(--ds-text-primary);background:var(--ds-surface-quiet);border:0;border-radius:var(--ds-corner-round);padding:var(--ds-gap-xs) var(--ds-gap-lg);cursor:pointer;transition:background-color var(--ds-motion-hover) var(--ds-motion-easing)}.copy-btn:hover{background:var(--ds-line-divider)}.copy-btn:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.btn-icon{inline-size:var(--ds-control-icon-sm);block-size:var(--ds-control-icon-sm)}.avatar-stack{display:flex}.avatar-stack>*+*{margin-inline-start:calc(var(--ds-gap-lg) * -1);box-shadow:0 0 0 var(--ds-width-ring) var(--ds-color-shade-a-35)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--ds-gap-2xl);inline-size:100%}.stat-num{font-size:var(--ds-type-headline);font-weight:var(--ds-type-weight-semibold);letter-spacing:var(--ds-type-tracking-display)}.cover-wrap{position:relative}.cover-action{position:absolute;inset-inline-end:var(--ds-gap-2xl);inset-block-end:var(--ds-gap-2xl)}.trend-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ds-gap-lg)}.trend-list li{display:grid;gap:var(--ds-gap-xs);justify-items:start}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ds-gap-2xl)}.category-grid .card-link{color:var(--ds-text-primary);font-size:var(--ds-type-emphasis);font-weight:var(--ds-type-weight-semibold)}.pkg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--ds-gap-2xl)}.prose p{margin:0}.demo-full{inline-size:100%}.grid-cell{padding:var(--ds-gap-lg);align-items:center}.container-demo{box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring);border-radius:var(--ds-corner-media);padding-block:var(--ds-gap-md);background:var(--ds-surface-quiet);text-shadow:var(--ds-card-text-halo)}.gap-label{inline-size:32px}.gap-box{display:inline-block;inline-size:28px;block-size:28px;border-radius:var(--ds-corner-media);background:var(--ds-surface-light)}.align-row{padding:var(--ds-gap-md);border-radius:var(--ds-corner-media);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider)}.split-row{justify-content:space-between}@media(max-width:860px){.dodont-row{grid-template-columns:1fr}.page-title{font-size:var(--ds-type-headline)}}.source-line{margin-block-start:var(--ds-gap-lg);overflow-wrap:anywhere}.record{margin:0;display:grid;gap:var(--ds-gap-md)}.record-row{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:var(--ds-gap-lg)}.record dt{font-weight:var(--ds-type-weight-semibold)}.record dd{margin:0;color:var(--ds-text-secondary)}@media(max-width:860px){.record-row{grid-template-columns:1fr;gap:var(--ds-gap-xs)}}.codeblock{display:flex;flex-direction:column;border-radius:var(--ds-corner-inner);overflow:hidden;box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider)}.codeblock-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-gap-md);padding:var(--ds-gap-sm) var(--ds-gap-sm) var(--ds-gap-sm) var(--ds-gap-xl);background:var(--ds-surface-well)}.codeblock-label{font-size:var(--ds-type-micro);letter-spacing:var(--ds-type-tracking-caps);text-transform:uppercase;color:var(--ds-text-secondary)}.codeblock-actions{display:flex;gap:var(--ds-gap-sm)}.codeblock .code{border-radius:0;margin:0}.code.clipped{max-block-size:22em;overflow:hidden;-webkit-mask-image:linear-gradient(black 75%,transparent);mask-image:linear-gradient(black 75%,transparent)}[data-theme=light] .code,[data-theme=light] .codeblock-bar{text-shadow:none}[data-theme=light] .code{background:var(--ds-color-ink-a-08)}.playground{display:flex;flex-direction:column;gap:var(--ds-gap-lg);padding:var(--ds-gap-2xl);border-radius:var(--ds-corner-inner);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring)}.pg-title{font-weight:var(--ds-type-weight-semibold);font-size:var(--ds-type-emphasis)}.pg-body{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:var(--ds-gap-2xl);align-items:start}.pg-controls{display:flex;flex-direction:column;gap:var(--ds-gap-lg)}.pg-control{display:flex;flex-direction:column;gap:var(--ds-gap-xs);font-size:var(--ds-type-label)}.pg-label{display:flex;justify-content:space-between;gap:var(--ds-gap-md)}.pg-value{font-variant-numeric:tabular-nums;color:var(--ds-text-secondary)}.pg-control input:not([type=range]){font:inherit;color:var(--ds-text-primary);background:var(--ds-surface-quiet);border:0;border-radius:var(--ds-corner-media);min-block-size:var(--ds-control-md);padding-inline:var(--ds-gap-lg);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring)}.pg-control :focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.pg-preview{min-inline-size:0}.pg-note p{max-inline-size:var(--ds-type-measure)}.pg-scene{position:relative;aspect-ratio:16 / 10;border-radius:var(--ds-corner-inner);background-size:cover;background-position:center;display:grid;place-items:center;overflow:hidden}.pg-glass{inline-size:60%;padding:var(--ds-gap-2xl);border-radius:var(--ds-corner-inner);color:var(--ds-text-primary);text-shadow:var(--ds-elevation-halo);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-rim-hi)}.pg-glass-title{font-size:var(--ds-type-title);font-weight:var(--ds-type-weight-semibold)}.pg-swatch{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-gap-md);padding:var(--ds-gap-2xl);border-radius:var(--ds-corner-inner);text-shadow:none}.pg-swatch-big{font-size:var(--ds-type-display);font-weight:var(--ds-type-weight-semibold);line-height:1}.pg-box{display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:var(--ds-corner-media);background:var(--ds-surface-light);color:var(--ds-text-on-light);text-shadow:none;font-variant-numeric:tabular-nums}.pg-grid{display:grid}.pg-cell{min-block-size:36px;border-radius:var(--ds-corner-media);background:var(--ds-surface-quiet);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider)}.pg-cell.on{display:grid;place-items:center;box-shadow:none;background:var(--ds-action-accent);color:var(--ds-text-on-accent);text-shadow:none;font-size:var(--ds-type-caption)}.pg-shape{display:grid;place-items:center;block-size:160px;background:var(--ds-surface-quiet);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring);font-size:var(--ds-type-title)}@media(forced-colors:active){.pg-shape{background:Canvas}}.pg-motion{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--ds-gap-2xl);align-items:center}.pg-curve{inline-size:120px;block-size:120px;color:var(--ds-action-accent);background:var(--ds-surface-quiet);border-radius:var(--ds-corner-media)}.pg-track{position:relative;block-size:44px;border-radius:var(--ds-corner-round);background:var(--ds-surface-quiet);padding:var(--ds-gap-md)}.pg-dot{display:block;inline-size:14%;block-size:100%;border-radius:var(--ds-corner-round);background:var(--ds-surface-light)}.pg-icons{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:var(--ds-gap-md)}.pg-icon{display:grid;place-items:center;inline-size:52px;block-size:52px;border:0;border-radius:var(--ds-corner-media);background:var(--ds-surface-quiet);color:var(--ds-text-primary);cursor:pointer}.pg-icon.on{background:var(--ds-surface-light);color:var(--ds-text-on-light)}.pg-icon:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.pg-targets.on button{outline:1px dashed var(--ds-status-warning);outline-offset:calc((var(--ds-layout-touch) - 32px) / 2)}@media(max-width:860px){.pg-body,.pg-motion{grid-template-columns:minmax(0,1fr)}}.backdrop-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-gap-2xl)}.backdrop-cell{margin:0;display:flex;flex-direction:column;gap:var(--ds-gap-lg);align-items:flex-start;min-inline-size:0;overflow:hidden}.backdrop-cell>[data-environment]{inline-size:100%;display:flex;flex-wrap:wrap;gap:var(--ds-gap-lg)}.backdrop-caption{font-size:var(--ds-type-micro);letter-spacing:var(--ds-type-tracking-caps);text-transform:uppercase;padding:var(--ds-gap-xs) var(--ds-gap-md);border-radius:var(--ds-corner-round);background:var(--ds-color-shade-a-55);color:var(--ds-color-white);text-shadow:none}@media(max-width:860px){.backdrop-matrix{grid-template-columns:minmax(0,1fr)}}.theme-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-gap-xl)}.theme-matrix .backdrop-cell{padding:var(--ds-gap-lg)}.tv{display:inline-flex;align-items:center;gap:var(--ds-gap-sm)}@media(max-width:1280px){.theme-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.theme-matrix{grid-template-columns:minmax(0,1fr)}}.matrix td,.matrix th{white-space:nowrap}.checklist{list-style:none;padding-inline-start:0}.checklist li{position:relative;padding-inline-start:var(--ds-gap-2xl)}.checklist li:before{content:"☐";position:absolute;inset-inline-start:0}[data-theme] [data-theme]{color:var(--ds-text-primary);text-shadow:var(--ds-card-text-halo)}html{background:var(--ds-surface-page)}body{background:var(--ds-surface-page);color:var(--ds-text-primary)}.page{--topbar: 60px;--rail: 272px;display:grid;grid-template-columns:var(--rail) minmax(0,1fr) 220px;grid-template-rows:var(--topbar) auto;min-block-size:100vh}.topbar{grid-column:1 / -1;position:sticky;inset-block-start:0;z-index:var(--ds-layer-sticky);display:flex;align-items:center;gap:var(--ds-gap-2xl);padding-inline:var(--ds-gap-2xl);block-size:var(--topbar);background:var(--ds-surface-page);border-block-end:var(--ds-width-hairline) solid var(--ds-line-divider)}.brand-link{display:flex;align-items:baseline;gap:var(--ds-gap-md);color:var(--ds-text-primary);text-decoration:none}.brand{font-size:var(--ds-type-title);font-weight:var(--ds-type-weight-semibold);letter-spacing:var(--ds-type-tracking-display)}.brand-link:has(.brand-mark){align-items:center}.brand-mark{inline-size:var(--ds-space-7);block-size:var(--ds-space-7);flex:none}[data-theme=light] .brand-mark{filter:brightness(.3)}.brand-sub{font-size:var(--ds-type-label);color:var(--ds-text-secondary)}.topbar-title{display:none}.topbar-tools{margin-inline-start:auto;display:flex;align-items:center;gap:var(--ds-gap-2xl)}.topbar-scene{display:flex;align-items:center;gap:var(--ds-gap-md);font-size:var(--ds-type-label);color:var(--ds-text-secondary)}.seg{display:inline-flex;padding:var(--ds-space-0-5);border-radius:var(--ds-corner-round);background:var(--ds-surface-sunken)}.seg-btn{font:inherit;font-size:var(--ds-type-label);border:0;background:transparent;color:var(--ds-text-secondary);padding:var(--ds-gap-xs) var(--ds-gap-lg);min-block-size:var(--ds-control-sm);border-radius:var(--ds-corner-round);cursor:pointer;transition:background-color var(--ds-motion-hover) var(--ds-motion-easing),color var(--ds-motion-hover) var(--ds-motion-easing)}.seg-btn:hover{color:var(--ds-text-primary)}.seg-btn[aria-pressed=true]{background:var(--ds-surface-raised);color:var(--ds-text-primary);font-weight:var(--ds-type-weight-semibold);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider)}.seg-btn:focus-visible,.menu-btn:focus-visible,.pager-link:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-width)}.menu-btn{display:none;font:inherit;font-size:var(--ds-type-label);font-weight:var(--ds-type-weight-semibold);color:var(--ds-text-primary);background:var(--ds-surface-raised);border:0;border-radius:var(--ds-corner-round);padding:var(--ds-gap-sm) var(--ds-gap-xl);min-block-size:var(--ds-control-md);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider);cursor:pointer}.rail{position:sticky;inset-block-start:var(--topbar);align-self:start;block-size:calc(100vh - var(--topbar));overflow-y:auto;padding:var(--ds-gap-2xl) var(--ds-gap-xl) var(--ds-gap-section);border-inline-end:var(--ds-width-hairline) solid var(--ds-line-divider);scrollbar-width:thin}.rail nav{display:flex;flex-direction:column;gap:var(--ds-gap-2xl)}.rail .field input{inline-size:100%;background:var(--ds-surface-sunken);box-shadow:none}.content{min-inline-size:0;padding:var(--ds-gap-section) clamp(var(--ds-gap-2xl),4vw,var(--ds-gap-page)) var(--ds-gap-page);display:flex;flex-direction:column;gap:var(--ds-gap-page)}.content>article{max-inline-size:960px}.on-page{position:sticky;inset-block-start:var(--topbar);align-self:start;padding:var(--ds-gap-section) var(--ds-gap-xl);display:flex;flex-direction:column;gap:var(--ds-gap-md)}.on-page .toc a{font-size:var(--ds-type-label);padding-block:var(--ds-gap-xs);color:var(--ds-text-secondary)}.on-page .toc a:hover{color:var(--ds-text-primary)}main a,.on-page a,.rail a{color:var(--ds-text-primary)}.book-page{gap:var(--ds-gap-page)}.page-head{display:flex;flex-direction:column;gap:var(--ds-gap-lg)}.book-section{padding-block-start:var(--ds-gap-section);border-block-start:var(--ds-width-hairline) solid var(--ds-line-divider)}.prose{display:flex;flex-direction:column;gap:var(--ds-gap-lg)}.panel{display:flex;flex-direction:column;gap:var(--ds-gap-md);padding:var(--ds-gap-2xl);border-radius:var(--ds-corner-inner);background:var(--ds-surface-raised);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider)}.callout{background:var(--ds-surface-raised);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider)}.pager{display:flex;justify-content:space-between;gap:var(--ds-gap-2xl);max-inline-size:960px}.pager-link{display:flex;flex-direction:column;gap:var(--ds-gap-xs);min-inline-size:220px;padding:var(--ds-gap-xl) var(--ds-gap-2xl);border-radius:var(--ds-corner-inner);text-decoration:none;box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider);transition:background-color var(--ds-motion-hover) var(--ds-motion-easing)}.pager-link:hover{background:var(--ds-surface-raised)}.pager-link.next{text-align:end}.pager-title{font-size:var(--ds-type-emphasis);font-weight:var(--ds-type-weight-semibold)}.example-live{background-color:var(--ds-surface-raised);background-size:cover;background-position:center;padding:var(--ds-gap-section) var(--ds-gap-2xl);border-radius:var(--ds-corner-inner);box-shadow:none}.example-live.plain{padding:var(--ds-gap-2xl)}.stage-env{display:flex;flex-wrap:wrap;gap:var(--ds-gap-2xl);align-items:flex-start;inline-size:100%}.hero-card,.pg-preview .example-live{padding:var(--ds-gap-2xl)}.codeblock{box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider)}.codeblock-bar{background:var(--ds-surface-raised)}.code,[data-theme=light] .code{background:var(--ds-surface-sunken);text-shadow:none}.playground{background:transparent;box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider)}@media(max-width:1280px){.page{grid-template-columns:var(--rail) minmax(0,1fr)}.on-page{display:none}}@media(max-width:1100px){.page{grid-template-columns:minmax(0,1fr)}.topbar{gap:var(--ds-gap-lg);padding-inline:var(--ds-gap-lg)}.brand-sub,.topbar-scene-label{display:none}.topbar-title{display:block;flex:1;min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--ds-type-label);color:var(--ds-text-secondary)}.topbar-tools{margin-inline-start:0;gap:var(--ds-gap-md)}.menu-btn{display:inline-flex;align-items:center}.rail{position:fixed;inset-block:var(--topbar) 0;inset-inline-start:0;z-index:var(--ds-layer-overlay);inline-size:min(88vw,340px);block-size:auto;align-self:stretch;background:var(--ds-surface-page);box-shadow:var(--ds-elevation-float);transform:translate(-105%);visibility:hidden;transition:transform var(--ds-motion-enter) var(--ds-motion-easing),visibility 0s linear var(--ds-motion-enter)}.rail.open{transform:none;visibility:visible;transition:transform var(--ds-motion-enter) var(--ds-motion-easing)}.drawer-scrim{position:fixed;inset:var(--topbar) 0 0;z-index:calc(var(--ds-layer-overlay) - 1);background:var(--ds-color-shade-a-55)}.content{padding:var(--ds-gap-2xl) var(--ds-gap-lg) var(--ds-gap-page)}.heading-anchor{display:none}.hero{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.seg-btn{padding-inline:var(--ds-gap-md)}.topbar-scene{display:none}}@media(max-width:1100px)and (prefers-reduced-motion:reduce){.rail,.rail.open{transition:none}}.rail .toc a{margin-inline:0}.topbar-scene [data-component=Select]{min-inline-size:150px}.why{display:inline}.why-chip{display:inline-block;margin-inline-end:var(--ds-gap-sm);padding:0 var(--ds-gap-sm);border-radius:var(--ds-corner-round);font-size:var(--ds-type-micro);font-weight:var(--ds-type-weight-semibold);letter-spacing:var(--ds-type-tracking-caps);text-decoration:none!important;background:var(--ds-surface-sunken);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider)}.book-section{scroll-margin-block-start:calc(var(--topbar) + var(--ds-gap-2xl))}.solid-surface{inline-size:100%;display:flex;flex-direction:column;gap:var(--ds-gap-lg);padding:var(--ds-gap-2xl);border-radius:var(--ds-corner-inner);background:var(--ds-surface-page);color:var(--ds-text-primary);text-shadow:none}.gx-stage{padding:var(--ds-gap-section) var(--ds-gap-2xl)}.gx-pick{max-inline-size:280px}.gx-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--ds-gap-xl);inline-size:100%}.gx-frame{position:relative;block-size:300px;max-inline-size:100%;border-radius:var(--ds-corner-mark);background:var(--ds-field-base);box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring);overflow:visible}.gx-margin{position:absolute;inset-block:0;inline-size:var(--m);background:repeating-linear-gradient(135deg,var(--ds-field-margin) 0 4px,transparent 4px 6px)}.gx-margin.start{inset-inline-start:0;border-start-start-radius:inherit;border-end-start-radius:inherit}.gx-margin.end{inset-inline-end:0;border-start-end-radius:inherit;border-end-end-radius:inherit}.gx-cols{position:absolute;inset:0 var(--m);display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:var(--g)}.gx-col{background:var(--ds-field-column)}.gx-callout{position:absolute;inset-block-start:calc(var(--ds-gap-2xl) * -1.5);transform:translate(-50%);display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:var(--ds-corner-round);background:var(--ds-surface-light);color:var(--ds-text-on-light);font-size:var(--ds-type-caption);font-weight:var(--ds-type-weight-semibold);text-shadow:none}[dir=rtl] .gx-callout{transform:translate(50%)}.gx-legend{display:grid;gap:var(--ds-gap-sm);padding-inline-start:var(--ds-gap-2xl);background:var(--ds-surface-page);color:var(--ds-text-primary);text-shadow:none;padding:var(--ds-gap-lg) var(--ds-gap-2xl) var(--ds-gap-lg) calc(var(--ds-gap-2xl) * 2);border-radius:var(--ds-corner-media)}.gx-spans{display:flex;flex-direction:column;gap:var(--ds-gap-lg);inline-size:100%}.gx-span-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--ds-gap-lg);align-items:center}.gx-span-name{font-size:var(--ds-type-label);color:var(--ds-text-primary);background:var(--ds-surface-page);text-shadow:none;padding:var(--ds-gap-xs) var(--ds-gap-md);border-radius:var(--ds-corner-round);justify-self:start}.gx-span-grid{gap:var(--ds-gap-md)}.gx-cell{padding:var(--ds-gap-lg);min-block-size:56px;justify-content:center;font-size:var(--ds-type-label)}.gx-app{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:44px 236px;grid-template-areas:"top top" "rail main";gap:var(--ds-gap-lg);inline-size:100%}.gx-r{position:relative;border-radius:var(--ds-corner-media);padding:var(--ds-gap-md) var(--ds-gap-lg);font-size:var(--ds-type-label);color:var(--ds-text-primary);background:var(--ds-surface-glass);-webkit-backdrop-filter:blur(var(--ds-glass-blur)) brightness(var(--ds-glass-brightness));backdrop-filter:blur(var(--ds-glass-blur)) brightness(var(--ds-glass-brightness));box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-rim-mid);text-shadow:var(--ds-card-text-halo)}.gx-r.top{grid-area:top;display:flex;align-items:center}.gx-r.gx-rail{grid-area:rail}.gx-r.main{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:0;display:grid;grid-area:main;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,110px);gap:var(--ds-gap-lg)}.gx-r.pane.a{grid-column:span 8}.gx-r.pane.b,.gx-r.pane.c{grid-column:span 4}.gx-r.pane.d{grid-column:span 8}.gx-r.orn{position:absolute;inset-block-start:-18px;inset-inline-start:42%;padding:var(--ds-gap-xs) var(--ds-gap-lg);border-radius:var(--ds-corner-round);box-shadow:var(--ds-elevation-lift),inset 0 0 0 var(--ds-width-hairline) var(--ds-line-rim-hi);z-index:2}.gx-r.menu{position:absolute;inset-block-start:132px;inset-inline-end:14%;min-inline-size:140px;min-block-size:90px;background:var(--ds-surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--ds-elevation-float),inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider);text-shadow:none;z-index:2}.gx-n{display:inline-grid;place-items:center;inline-size:20px;block-size:20px;margin-inline-end:var(--ds-gap-sm);border-radius:var(--ds-corner-round);background:var(--ds-surface-light);color:var(--ds-text-on-light);font-size:var(--ds-type-micro);font-weight:var(--ds-type-weight-semibold);text-shadow:none}.gx-app.lines .gx-r{outline:var(--ds-width-hairline) dashed var(--ds-action-accent);outline-offset:0}.gx-app.lines .gx-r.main{outline:none}.gx-pair{display:flex;flex-direction:column;gap:var(--ds-gap-lg)}.gx-pair-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-gap-2xl)}.gx-pair-cell{margin:0;display:flex;flex-direction:column;gap:var(--ds-gap-md)}.gx-pair-cell figcaption{font-size:var(--ds-type-label)}.gx-mini{padding:var(--ds-gap-2xl);min-block-size:160px}.gx-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-gap-2xl);inline-size:100%}.gx-two.touch{gap:0}.gx-two.touch>*{border-radius:0}.gx-two.touch>:first-child{border-start-start-radius:var(--ds-corner-panel);border-end-start-radius:var(--ds-corner-panel)}.gx-two.touch>:last-child{border-start-end-radius:var(--ds-corner-panel);border-end-end-radius:var(--ds-corner-panel)}.gx-margin-demo{inline-size:100%}.gx-margin-demo.inset{padding-inline:18%}.gx-read{inline-size:100%}.gx-read.narrow{max-inline-size:22em}.why-line{font-size:var(--ds-type-label)}@media(max-width:860px){.gx-pair-row,.gx-span-row{grid-template-columns:minmax(0,1fr)}.gx-app{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "main"}.gx-r.gx-rail{display:none}}.stage-field{background-color:var(--ds-field-base);background-image:radial-gradient(60% 80% at 15% 10%,var(--ds-field-glow),transparent 70%),radial-gradient(50% 70% at 90% 100%,var(--ds-field-glow-soft),transparent 70%),linear-gradient(var(--ds-field-line-major) var(--ds-width-hairline),transparent var(--ds-width-hairline)),linear-gradient(90deg,var(--ds-field-line-major) var(--ds-width-hairline),transparent var(--ds-width-hairline)),linear-gradient(var(--ds-field-line) var(--ds-width-hairline),transparent var(--ds-width-hairline)),linear-gradient(90deg,var(--ds-field-line) var(--ds-width-hairline),transparent var(--ds-width-hairline));background-size:100% 100%,100% 100%,32px 32px,32px 32px,8px 8px,8px 8px;background-position:center;box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-divider)}.grid-demo-cell{display:grid;place-items:center;min-block-size:56px;border-radius:var(--ds-corner-mark);background:var(--ds-field-column);color:var(--ds-text-primary);font-size:var(--ds-type-label);font-variant-numeric:tabular-nums;text-shadow:none}[data-theme=light] .grid-demo-cell,[data-theme=light] .pg-cell.on{color:var(--ds-color-white)}.stage-field .pg-cell{background:transparent;box-shadow:inset 0 0 0 var(--ds-width-hairline) var(--ds-line-ring)}.stage-field .pg-cell.on{background:var(--ds-field-column);box-shadow:none}.stage-field .pg-cell{border-radius:var(--ds-corner-mark)}.nav-planned summary{cursor:pointer;padding:var(--ds-gap-sm) 0;font-size:var(--ds-type-label);color:var(--ds-text-secondary)}.nav-planned li{padding:var(--ds-gap-xs) var(--ds-gap-lg);font-size:var(--ds-type-label);color:var(--ds-text-secondary)}.demo-scroll{max-inline-size:100%;overflow-x:auto;display:flex}