:root{--fold-ref-ink-950: #0a0e14;--fold-ref-ink-925: #090d13;--fold-ref-ink-900: #0c1018;--fold-ref-ink-850: #11161e;--fold-ref-ink-800: #1f2733;--fold-ref-ink-700: #28323f;--fold-ref-white: #ffffff;--fold-ref-cloud-50: #f9fafb;--fold-ref-cloud-100: #f4f5f7;--fold-ref-cloud-150: #f0f1f3;--fold-ref-teal-400: #2dd4d4;--fold-ref-teal-500: #06a4a4;--fold-ref-teal-550: #069090;--fold-ref-teal-600: #057a7a;--fold-ref-amber-300: #e8b84a;--fold-ref-amber-500: #d4a017;--fold-ref-amber-550: #d4940e;--fold-ref-amber-600: #b8860b;--fold-ref-red-400: #e06450;--fold-ref-red-450: #d4493a;--fold-ref-red-500: #c44230;--fold-ref-red-600: #b33a2a;--fold-ref-purple-300: #b794f4;--fold-ref-purple-400: #9f7aea;--fold-ref-purple-500: #7c5bbf;--fold-ref-purple-600: #6c4ab6;--fold-ref-green-300: #4bd6a0;--fold-ref-green-500: #1a9e6a;--fold-ref-green-550: #38a169;--fold-ref-slate-50: #eef1ff;--fold-ref-slate-350: #9ca3af;--fold-ref-slate-400: #8892b0;--fold-ref-slate-500: #5e6a86;--fold-ref-slate-550: #6b7280;--fold-ref-slate-600: #5f6b7a;--fold-ref-slate-700: #4a5470;--fold-ref-slate-900: #1a1d23;--fold-ref-azure-500: #0ea5e9;--fold-ref-navy-300: #9db8ea;--fold-ref-navy-400: #5a7fd0;--fold-ref-navy-500: #24448f;--fold-ref-navy-600: #1b3573;--fold-ref-navy-750: #1a3157;--fold-ref-navy-800: #16294f;--fold-ref-navy-850: #13233f;--fold-ref-navy-900: #101d3a;--fold-ref-navy-950: #0b152b;--fold-ref-ivory-50: #fdfcfb;--fold-ref-bubble-0: #ffffff;--fold-ref-bubble-50: #faf7ff;--fold-ref-bubble-100: #f4eefe;--fold-ref-bubble-150: #ebe1fd;--fold-ref-grape-500: #a855f7;--fold-ref-grape-600: #9333ea;--fold-ref-grape-700: #7e22ce;--fold-ref-steel-900: #1b1f24;--fold-ref-steel-600: #566069;--fold-ref-steel-500: #7c8894;--fold-ref-steel-400: #9aa6b1;--fold-ref-steel-300: #c0c8d0;--fold-ref-steel-200: #d4dae1;--fold-ref-steel-150: #e2e7ec;--fold-ref-steel-100: #eef1f5;--fold-ref-steel-50: #f8fafc;--fold-ref-titanium-700: #863810;--fold-ref-titanium-600: #a5451a;--fold-ref-titanium-500: #c2521b;--fold-ref-black: #000000}:root{--fold-radius-xs: 3px;--fold-radius-sm: 6px;--fold-radius-md: 10px;--fold-radius-lg: 14px;--fold-radius-pill: 9999px;--fold-radius-round: 50%;--fold-text-xs: 11px;--fold-text-sm: 12px;--fold-text-md: 14px;--fold-text-lg: 16px;--fold-text-xl: 20px;--fold-icon-size-xs: 12px;--fold-icon-size-sm: 16px;--fold-icon-size-md: 20px;--fold-icon-size-lg: 24px;--fold-icon-size-xl: 32px;--fold-space-xs: 4px;--fold-space-sm: 8px;--fold-space-md: 12px;--fold-space-lg: 16px;--fold-space-xl: 20px;--fold-space-2xl: 24px;--fold-space-3xl: 32px;--fold-space-4xl: 40px;--fold-space-5xl: 48px;--fold-rail-primary: 64px;--fold-rail-secondary: 220px;--fold-rail-tertiary: 200px;--fold-motion-fast: .1s ease;--fold-motion-base: .18s ease;--fold-motion-slow: .28s ease;--fold-blur-glass: 20px;--fold-shadow-sm: 0 1px 2px color-mix(in srgb, var(--fold-ref-black) 20%, transparent);--fold-shadow-md: 0 10px 30px -12px color-mix(in srgb, var(--fold-ref-black) 50%, transparent);--fold-shadow-lg: 0 12px 32px color-mix(in srgb, var(--fold-ref-black) 50%, transparent), 0 4px 12px color-mix(in srgb, var(--fold-ref-black) 35%, transparent);--fold-shadow-panel-right: -12px 0 40px color-mix(in srgb, var(--fold-ref-black) 45%, transparent), inset 1px 0 0 color-mix(in srgb, var(--fold-ref-white) 4%, transparent);--fold-shadow-panel-left: 12px 0 40px color-mix(in srgb, var(--fold-ref-black) 45%, transparent), inset -1px 0 0 color-mix(in srgb, var(--fold-ref-white) 4%, transparent)}[data-theme=navi]{--fold-radius-xs: 1px;--fold-radius-sm: 2px;--fold-radius-md: 3px;--fold-radius-lg: 4px}[data-theme=bubbly]{--fold-radius-xs: 6px;--fold-radius-sm: 12px;--fold-radius-md: 16px;--fold-radius-lg: 24px}[data-theme=titan]{--fold-radius-xs: 5px;--fold-radius-sm: 10px;--fold-radius-md: 14px;--fold-radius-lg: 20px}:root{--fold-page-gutter: clamp(1rem, 4vw, 2rem);--fold-page-gap: clamp( 1.25rem, 3vw, 2rem );--fold-panel-gap: clamp(1rem, 2.4vw, 1.5rem);--fold-color-bg-page: var(--fold-ref-ink-850);--fold-color-bg-header: var(--fold-ref-ink-950);--fold-color-bg-rail-primary: var( --fold-ref-ink-925 );--fold-color-bg-rail-secondary: var( --fold-ref-ink-900 );--fold-color-bg-rail-tertiary: color-mix( in srgb, var(--fold-ref-white) 3%, transparent );--fold-color-primary: var(--fold-ref-teal-500);--fold-color-primary-strong: var(--fold-ref-teal-400);--fold-color-on-primary: var( --fold-ref-white );--fold-color-primary-text: var(--fold-ref-teal-400);--fold-color-primary-surface: color-mix( in srgb, var(--fold-ref-teal-500) 14%, transparent );--fold-color-primary-border: color-mix( in srgb, var(--fold-ref-teal-500) 35%, transparent );--fold-color-info: var(--fold-ref-purple-500);--fold-color-info-text: var(--fold-ref-purple-300);--fold-color-info-surface: color-mix( in srgb, var(--fold-ref-purple-400) 12%, transparent );--fold-color-info-border: color-mix( in srgb, var(--fold-ref-purple-400) 30%, transparent );--fold-color-warning: var(--fold-ref-amber-500);--fold-color-warning-text: var(--fold-ref-amber-300);--fold-color-warning-surface: color-mix( in srgb, var(--fold-ref-amber-500) 14%, transparent );--fold-color-warning-border: color-mix( in srgb, var(--fold-ref-amber-300) 30%, transparent );--fold-color-alert: var(--fold-ref-red-500);--fold-color-alert-text: var(--fold-ref-red-400);--fold-color-alert-surface: color-mix( in srgb, var(--fold-ref-red-500) 12%, transparent );--fold-color-alert-border: color-mix( in srgb, var(--fold-ref-red-400) 35%, transparent );--fold-color-success: var(--fold-ref-green-500);--fold-color-success-text: var(--fold-ref-green-300);--fold-color-success-surface: color-mix( in srgb, var(--fold-ref-green-500) 14%, transparent );--fold-color-success-border: color-mix( in srgb, var(--fold-ref-green-300) 30%, transparent );--fold-color-text: var(--fold-ref-slate-50);--fold-color-text-secondary: var(--fold-ref-slate-400);--fold-color-text-muted: var(--fold-ref-slate-500);--fold-color-text-faded: var(--fold-ref-slate-700);--fold-color-surface-card: var(--fold-ref-ink-800);--fold-color-surface-sunken: color-mix( in srgb, var(--fold-ref-ink-800) 35%, var(--fold-ref-ink-850) );--fold-color-surface-subtle: color-mix( in srgb, var(--fold-ref-white) 3%, transparent );--fold-color-surface-raised: color-mix( in srgb, var(--fold-ref-white) 5%, transparent );--fold-color-surface-hover: var(--fold-ref-ink-700);--fold-color-border: color-mix( in srgb, var(--fold-ref-white) 8%, transparent );--fold-color-border-subtle: color-mix( in srgb, var(--fold-ref-white) 4%, transparent );--fold-color-glass: color-mix( in srgb, var(--fold-ref-ink-950) 55%, transparent );--fold-color-glass-border: color-mix( in srgb, var(--fold-ref-white) 13%, transparent );--fold-color-scrim: color-mix( in srgb, var(--fold-ref-black) 55%, transparent )}[data-surface]{color:var(--fold-color-text)}[data-surface=accent]{color:var(--fold-color-on-primary);--_accent-ink: var(--fold-color-on-primary);--_accent-fill: var(--fold-color-primary)}[data-surface=accent] *{--fold-color-text: var(--_accent-ink);--fold-color-text-secondary: color-mix( in srgb, var(--_accent-ink) 96%, transparent );--fold-color-text-muted: color-mix( in srgb, var(--_accent-ink) 74%, transparent );--fold-color-text-faded: color-mix( in srgb, var(--_accent-ink) 58%, transparent );--fold-color-border: color-mix(in srgb, var(--_accent-ink) 24%, transparent);--fold-color-border-subtle: color-mix( in srgb, var(--_accent-ink) 15%, transparent );--fold-color-surface-card: color-mix( in srgb, var(--_accent-ink) 12%, var(--_accent-fill) );--fold-color-surface-raised: color-mix( in srgb, var(--_accent-ink) 16%, var(--_accent-fill) );--fold-color-surface-hover: color-mix( in srgb, var(--_accent-ink) 18%, var(--_accent-fill) );--fold-color-surface-sunken: color-mix( in srgb, var(--_accent-ink) 8%, var(--_accent-fill) );--fold-color-primary: var(--_accent-ink);--fold-color-on-primary: var(--_accent-fill);--fold-color-primary-text: var(--_accent-ink);--fold-color-primary-strong: var(--_accent-ink);--fold-color-primary-surface: color-mix( in srgb, var(--_accent-ink) 16%, transparent );--fold-color-primary-border: color-mix( in srgb, var(--_accent-ink) 32%, transparent )}[data-elevated]{border-radius:var(--fold-surface-radius, var(--fold-radius-lg));box-shadow:var(--fold-surface-shadow, var(--fold-shadow-md))}[data-theme=lumen]{--fold-color-bg-page: var(--fold-ref-cloud-100);--fold-color-bg-header: var(--fold-ref-white);--fold-color-bg-rail-primary: var(--fold-ref-cloud-150);--fold-color-bg-rail-secondary: var(--fold-ref-cloud-50);--fold-color-bg-rail-tertiary: color-mix( in srgb, var(--fold-ref-black) 2%, transparent );--fold-color-primary: var(--fold-ref-teal-550);--fold-color-primary-strong: var(--fold-ref-teal-600);--fold-color-on-primary: var(--fold-ref-white);--fold-color-primary-text: var(--fold-ref-teal-500);--fold-color-primary-surface: color-mix( in srgb, var(--fold-ref-teal-500) 8%, transparent );--fold-color-primary-border: color-mix( in srgb, var(--fold-ref-teal-500) 25%, transparent );--fold-color-info: var(--fold-ref-purple-600);--fold-color-info-text: var(--fold-ref-purple-500);--fold-color-info-surface: color-mix( in srgb, var(--fold-ref-purple-600) 8%, transparent );--fold-color-info-border: color-mix( in srgb, var(--fold-ref-purple-600) 22%, transparent );--fold-color-warning: var(--fold-ref-amber-600);--fold-color-warning-text: var(--fold-ref-amber-550);--fold-color-warning-surface: color-mix( in srgb, var(--fold-ref-amber-600) 8%, transparent );--fold-color-warning-border: color-mix( in srgb, var(--fold-ref-amber-600) 22%, transparent );--fold-color-alert: var(--fold-ref-red-600);--fold-color-alert-text: var(--fold-ref-red-450);--fold-color-alert-surface: color-mix( in srgb, var(--fold-ref-red-600) 8%, transparent );--fold-color-alert-border: color-mix( in srgb, var(--fold-ref-red-600) 22%, transparent );--fold-color-success: var(--fold-ref-green-500);--fold-color-success-text: var(--fold-ref-green-550);--fold-color-success-surface: color-mix( in srgb, var(--fold-ref-green-500) 10%, transparent );--fold-color-success-border: color-mix( in srgb, var(--fold-ref-green-500) 25%, transparent );--fold-color-text: var(--fold-ref-slate-900);--fold-color-text-secondary: var(--fold-ref-slate-600);--fold-color-text-muted: var(--fold-ref-slate-550);--fold-color-text-faded: var(--fold-ref-slate-350);--fold-color-surface-card: var(--fold-ref-white);--fold-color-surface-sunken: var(--fold-ref-white);--fold-color-surface-subtle: color-mix( in srgb, var(--fold-ref-black) 2%, transparent );--fold-color-surface-raised: color-mix( in srgb, var(--fold-ref-black) 4%, transparent );--fold-color-surface-hover: var( --fold-ref-cloud-150 );--fold-color-border: color-mix( in srgb, var(--fold-ref-black) 8%, transparent );--fold-color-border-subtle: color-mix( in srgb, var(--fold-ref-black) 4%, transparent );--fold-color-glass: color-mix( in srgb, var(--fold-ref-white) 65%, transparent );--fold-color-glass-border: color-mix( in srgb, var(--fold-ref-black) 12%, transparent );--fold-color-scrim: color-mix( in srgb, var(--fold-ref-black) 45%, transparent )}[data-theme=bubbly]{--fold-color-bg-page: var(--fold-ref-bubble-100);--fold-color-bg-header: var(--fold-ref-bubble-0);--fold-color-bg-rail-primary: var(--fold-ref-bubble-150);--fold-color-bg-rail-secondary: var(--fold-ref-bubble-50);--fold-color-bg-rail-tertiary: color-mix( in srgb, var(--fold-ref-grape-500) 5%, transparent );--fold-color-primary: var(--fold-ref-grape-500);--fold-color-primary-strong: var(--fold-ref-grape-600);--fold-color-on-primary: var(--fold-ref-bubble-0);--fold-color-primary-text: var(--fold-ref-grape-700);--fold-color-primary-surface: color-mix( in srgb, var(--fold-ref-grape-500) 12%, transparent );--fold-color-primary-border: color-mix( in srgb, var(--fold-ref-grape-500) 30%, transparent );--fold-color-info: var(--fold-ref-azure-500);--fold-color-info-text: var(--fold-ref-azure-500);--fold-color-info-surface: color-mix( in srgb, var(--fold-ref-azure-500) 12%, transparent );--fold-color-info-border: color-mix( in srgb, var(--fold-ref-azure-500) 30%, transparent );--fold-color-warning: var(--fold-ref-amber-600);--fold-color-warning-text: var(--fold-ref-amber-550);--fold-color-warning-surface: color-mix( in srgb, var(--fold-ref-amber-600) 10%, transparent );--fold-color-warning-border: color-mix( in srgb, var(--fold-ref-amber-600) 24%, transparent );--fold-color-alert: var(--fold-ref-red-600);--fold-color-alert-text: var(--fold-ref-red-450);--fold-color-alert-surface: color-mix( in srgb, var(--fold-ref-red-600) 10%, transparent );--fold-color-alert-border: color-mix( in srgb, var(--fold-ref-red-600) 24%, transparent );--fold-color-success: var(--fold-ref-green-500);--fold-color-success-text: var(--fold-ref-green-550);--fold-color-success-surface: color-mix( in srgb, var(--fold-ref-green-500) 12%, transparent );--fold-color-success-border: color-mix( in srgb, var(--fold-ref-green-500) 28%, transparent );--fold-color-text: var(--fold-ref-slate-900);--fold-color-text-secondary: var(--fold-ref-slate-600);--fold-color-text-muted: var(--fold-ref-slate-550);--fold-color-text-faded: var(--fold-ref-slate-350);--fold-color-surface-card: var(--fold-ref-bubble-0);--fold-color-surface-sunken: var(--fold-ref-bubble-50);--fold-color-surface-subtle: color-mix( in srgb, var(--fold-ref-grape-500) 3%, transparent );--fold-color-surface-raised: color-mix( in srgb, var(--fold-ref-grape-500) 6%, transparent );--fold-color-surface-hover: var( --fold-ref-bubble-150 );--fold-color-border: color-mix( in srgb, var(--fold-ref-grape-500) 14%, transparent );--fold-color-border-subtle: color-mix( in srgb, var(--fold-ref-grape-500) 8%, transparent );--fold-color-glass: color-mix( in srgb, var(--fold-ref-bubble-0) 68%, transparent );--fold-color-glass-border: color-mix( in srgb, var(--fold-ref-grape-500) 16%, transparent );--fold-color-scrim: color-mix( in srgb, var(--fold-ref-black) 50%, transparent )}[data-theme=navi]{--fold-color-bg-page: var(--fold-ref-ivory-50);--fold-color-bg-header: var(--fold-ref-navy-750);--fold-color-bg-rail-primary: var(--fold-ref-navy-900);--fold-color-bg-rail-secondary: var(--fold-ref-navy-850);--fold-color-bg-rail-tertiary: color-mix( in srgb, var(--fold-ref-black) 2%, transparent );--fold-color-primary: var(--fold-ref-navy-500);--fold-color-primary-strong: var(--fold-ref-navy-600);--fold-color-on-primary: var(--fold-ref-white);--fold-color-primary-text: var(--fold-ref-navy-600);--fold-color-primary-surface: color-mix( in srgb, var(--fold-ref-navy-500) 8%, transparent );--fold-color-primary-border: color-mix( in srgb, var(--fold-ref-navy-500) 24%, transparent );--fold-color-info: var(--fold-ref-purple-600);--fold-color-info-text: var(--fold-ref-purple-500);--fold-color-info-surface: color-mix( in srgb, var(--fold-ref-purple-600) 8%, transparent );--fold-color-info-border: color-mix( in srgb, var(--fold-ref-purple-600) 22%, transparent );--fold-color-warning: var(--fold-ref-amber-600);--fold-color-warning-text: var(--fold-ref-amber-550);--fold-color-warning-surface: color-mix( in srgb, var(--fold-ref-amber-600) 8%, transparent );--fold-color-warning-border: color-mix( in srgb, var(--fold-ref-amber-600) 22%, transparent );--fold-color-alert: var(--fold-ref-red-600);--fold-color-alert-text: var(--fold-ref-red-450);--fold-color-alert-surface: color-mix( in srgb, var(--fold-ref-red-600) 8%, transparent );--fold-color-alert-border: color-mix( in srgb, var(--fold-ref-red-600) 22%, transparent );--fold-color-success: var(--fold-ref-green-500);--fold-color-success-text: var(--fold-ref-green-550);--fold-color-success-surface: color-mix( in srgb, var(--fold-ref-green-500) 10%, transparent );--fold-color-success-border: color-mix( in srgb, var(--fold-ref-green-500) 25%, transparent );--fold-color-text: var(--fold-ref-slate-900);--fold-color-text-secondary: var(--fold-ref-slate-600);--fold-color-text-muted: var(--fold-ref-slate-550);--fold-color-text-faded: var(--fold-ref-slate-350);--fold-color-surface-card: var(--fold-ref-white);--fold-color-surface-sunken: var(--fold-ref-white);--fold-color-surface-subtle: color-mix( in srgb, var(--fold-ref-black) 2%, transparent );--fold-color-surface-raised: color-mix( in srgb, var(--fold-ref-black) 4%, transparent );--fold-color-surface-hover: var( --fold-ref-cloud-150 );--fold-color-border: color-mix( in srgb, var(--fold-ref-black) 8%, transparent );--fold-color-border-subtle: color-mix( in srgb, var(--fold-ref-black) 4%, transparent );--fold-color-glass: color-mix( in srgb, var(--fold-ref-white) 65%, transparent );--fold-color-glass-border: color-mix( in srgb, var(--fold-ref-black) 12%, transparent );--fold-color-scrim: color-mix( in srgb, var(--fold-ref-black) 45%, transparent )}[data-theme=navi] [data-surface=chrome]{--fold-color-text: var(--fold-ref-slate-50);--fold-color-text-secondary: var(--fold-ref-slate-350);--fold-color-text-muted: var(--fold-ref-slate-400);--fold-color-text-faded: var(--fold-ref-slate-500);--fold-color-border: color-mix( in srgb, var(--fold-ref-white) 8%, transparent );--fold-color-border-subtle: color-mix( in srgb, var(--fold-ref-white) 4%, transparent );--fold-color-surface-card: var(--fold-ref-navy-800);--fold-color-surface-sunken: var(--fold-ref-navy-950);--fold-color-surface-hover: var(--fold-ref-navy-800);--fold-color-surface-subtle: color-mix( in srgb, var(--fold-ref-white) 3%, transparent );--fold-color-surface-raised: color-mix( in srgb, var(--fold-ref-white) 5%, transparent );--fold-color-bg-rail-tertiary: color-mix( in srgb, var(--fold-ref-white) 3%, transparent );--fold-color-primary: var(--fold-ref-navy-400);--fold-color-primary-strong: var(--fold-ref-navy-300);--fold-color-primary-text: var(--fold-ref-navy-300);--fold-color-primary-surface: color-mix( in srgb, var(--fold-ref-navy-400) 22%, transparent );--fold-color-primary-border: color-mix( in srgb, var(--fold-ref-navy-400) 40%, transparent )}[data-theme=titan]{--fold-color-bg-page: var(--fold-ref-steel-200);--fold-color-bg-header: var(--fold-ref-steel-150);--fold-color-bg-rail-primary: var(--fold-ref-steel-100);--fold-color-bg-rail-secondary: var(--fold-ref-steel-150);--fold-color-bg-rail-tertiary: color-mix( in srgb, var(--fold-ref-black) 3%, transparent );--fold-color-primary: var(--fold-ref-titanium-500);--fold-color-primary-strong: var(--fold-ref-titanium-600);--fold-color-on-primary: var(--fold-ref-white);--fold-color-primary-text: var(--fold-ref-titanium-700);--fold-color-primary-surface: color-mix( in srgb, var(--fold-ref-titanium-500) 10%, transparent );--fold-color-primary-border: color-mix( in srgb, var(--fold-ref-titanium-500) 28%, transparent );--fold-color-info: var(--fold-ref-purple-600);--fold-color-info-text: var(--fold-ref-purple-500);--fold-color-info-surface: color-mix( in srgb, var(--fold-ref-purple-600) 8%, transparent );--fold-color-info-border: color-mix( in srgb, var(--fold-ref-purple-600) 22%, transparent );--fold-color-warning: var(--fold-ref-amber-600);--fold-color-warning-text: var(--fold-ref-amber-550);--fold-color-warning-surface: color-mix( in srgb, var(--fold-ref-amber-600) 8%, transparent );--fold-color-warning-border: color-mix( in srgb, var(--fold-ref-amber-600) 22%, transparent );--fold-color-alert: var(--fold-ref-red-600);--fold-color-alert-text: var(--fold-ref-red-450);--fold-color-alert-surface: color-mix( in srgb, var(--fold-ref-red-600) 8%, transparent );--fold-color-alert-border: color-mix( in srgb, var(--fold-ref-red-600) 22%, transparent );--fold-color-success: var(--fold-ref-green-500);--fold-color-success-text: var(--fold-ref-green-550);--fold-color-success-surface: color-mix( in srgb, var(--fold-ref-green-500) 10%, transparent );--fold-color-success-border: color-mix( in srgb, var(--fold-ref-green-500) 25%, transparent );--fold-color-text: var(--fold-ref-steel-900);--fold-color-text-secondary: var(--fold-ref-steel-600);--fold-color-text-muted: var(--fold-ref-steel-500);--fold-color-text-faded: var(--fold-ref-steel-400);--fold-color-surface-card: var(--fold-ref-steel-50);--fold-color-surface-sunken: var(--fold-ref-steel-100);--fold-color-surface-subtle: color-mix( in srgb, var(--fold-ref-black) 3%, transparent );--fold-color-surface-raised: color-mix( in srgb, var(--fold-ref-black) 5%, transparent );--fold-color-surface-hover: var( --fold-ref-steel-150 );--fold-color-border: var(--fold-ref-steel-300);--fold-color-border-subtle: var(--fold-ref-steel-150);--fold-color-glass: color-mix( in srgb, var(--fold-ref-steel-50) 66%, transparent );--fold-color-glass-border: color-mix( in srgb, var(--fold-ref-black) 12%, transparent );--fold-color-scrim: color-mix( in srgb, var(--fold-ref-black) 45%, transparent )}.gal-root{display:block;height:100vh;overflow:hidden;background:var(--fold-color-bg-page);color:var(--fold-color-text);font-family:system-ui,-apple-system,sans-serif}fold-app-shell{height:100%}.rail-brand{width:40px;height:40px;border-radius:var(--fold-radius-md);display:grid;place-items:center;background:var(--fold-color-primary);color:var(--fold-color-on-primary);transition:transform .12s ease}.rail-brand:hover{transform:translateY(-1px)}.spm-code.is-on{border-color:var(--fold-color-primary);background:var(--fold-color-primary-surface);color:var(--fold-color-primary-text)}.code-overlay .code-pre{flex:1;min-height:0;overflow:auto}.apply-btn{margin-top:16px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-radius:var(--fold-radius-sm);border:1px solid var(--fold-color-primary);background:var(--fold-color-primary-surface);color:var(--fold-color-primary-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--fold-motion-fast),color var(--fold-motion-fast)}.apply-btn:hover{background:var(--fold-color-primary);color:var(--fold-color-on-primary)}.lib-head{display:flex;align-items:center;gap:8px;padding:2px 4px 6px;font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--fold-color-text)}.lib-head fold-icon{color:var(--fold-color-primary-text)}.demo-pick.is-picked{border-color:var(--fold-color-primary);background:var(--fold-color-primary-surface)}.palette-switch button.is-on{border-color:var(--fold-color-primary);background:var(--fold-color-primary-surface);color:var(--fold-color-primary-text)}.icon-cell.is-copied{border-color:var(--fold-color-success);color:var(--fold-color-success-text)}.icon-cell:hover .icon-cell-name,.icon-cell.is-copied .icon-cell-name{color:inherit}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--fold-color-text-secondary)}.field input,.field textarea,.field select{padding:9px 11px;border-radius:var(--fold-radius-sm);border:1px solid var(--fold-color-border);background:var(--fold-color-surface-sunken);color:var(--fold-color-text);font:inherit;font-size:13px}.field textarea{resize:vertical;min-height:64px}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:none;border-color:var(--fold-color-primary)}.gal-header{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:var(--fold-color-bg-header);border-bottom:1px solid var(--fold-color-border)}.gal-header[data-elevated]{border-bottom:0}.gal-hamburger{display:none;flex:none;align-items:center;justify-content:center;width:38px;height:38px;margin-left:-6px;border:0;border-radius:var(--fold-radius-md);background:transparent;color:var(--fold-color-text-secondary);cursor:pointer}.gal-hamburger:hover{background:var(--fold-color-surface-hover);color:var(--fold-color-text)}@media(max-width:768px){.gal-hamburger{display:inline-flex}}.gal-title{display:inline-flex;align-items:baseline;gap:8px;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--fold-color-text);text-decoration:none}.gal-title fold-icon{align-self:center;color:var(--fold-color-primary-text)}.gal-title-sub{font-size:12px;font-weight:600;letter-spacing:0;color:var(--fold-color-text-muted)}.gal-themes{flex:none;display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 10px;border-radius:var(--fold-radius-md);border:1px solid var(--fold-color-border);background:var(--fold-color-surface-card);color:var(--fold-color-text-muted)}.gal-theme{padding:5px 10px;border:1px solid transparent;border-radius:var(--fold-radius-sm);background:none;color:var(--fold-color-text-secondary);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.gal-theme:hover{background:var(--fold-color-surface-hover);color:var(--fold-color-text)}.gal-theme.is-on{background:var(--fold-color-primary-surface);border-color:var(--fold-color-primary-border);color:var(--fold-color-primary-text)}.gal-footer{margin-top:40px;padding:32px 32px 24px;background:var(--fold-color-bg-header);border-top:1px solid var(--fold-color-border);font-size:13px;color:var(--fold-color-text-muted)}.gal-footer-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:24px 40px;padding-bottom:24px;border-bottom:1px solid var(--fold-color-border-subtle)}@media(max-width:760px){.gal-footer-main{grid-template-columns:1fr}}.gal-footer-brand-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:360px}.gal-footer-brand{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--fold-color-text);text-decoration:none}.gal-footer-brand fold-icon{color:var(--fold-color-primary-text)}.gal-footer-tagline{margin:0;line-height:1.5;color:var(--fold-color-text-muted)}.gal-footer-ver{font-weight:600;font-variant-numeric:tabular-nums;color:var(--fold-color-text-secondary)}.gal-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.gal-footer-head{margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fold-color-text-secondary)}.gal-footer-link{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;margin-left:-8px;border-radius:var(--fold-radius-sm);color:var(--fold-color-text-secondary);text-decoration:none;font-weight:600}.gal-footer-link:hover{background:var(--fold-color-surface-hover);color:var(--fold-color-primary-text)}.gal-footer-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding-top:20px}.gal-footer-link--inline{padding:0;margin:0}.gal-footer-link--inline:hover{background:none;text-decoration:underline}.gal-footer-dot{color:var(--fold-color-border)}.gal-footer-copy{font-variant-numeric:tabular-nums}.gal-footer-built{margin-left:auto;color:var(--fold-color-text-muted)}.gal-footer-built code{font-family:var(--fold-font-mono, monospace);font-size:12px;color:var(--fold-color-text-secondary)}fold-app-shell.footer-scroll .content fold-page-layout{flex:0 0 auto;overflow:visible}fold-app-shell>.content>*:not(router-outlet){display:contents}.gal-stack{display:flex;flex-direction:column;gap:22px}.np-playground-cell{margin-top:26px}.gal-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.gal-row+.gal-row{margin-top:16px}.gal-row--wide>*{flex:1 1 240px;min-width:240px}.gal-cell{display:flex;flex-direction:column;gap:8px}.gal-narrow{max-width:220px}.doc-p{margin:0;font-size:13px;line-height:1.6;color:var(--fold-color-text-secondary)}.doc-p code,[description] code,.api-table code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--fold-color-text)}.api-table{width:100%;border-collapse:collapse;font-size:12.5px}.api-table th,.api-table td{padding:7px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--fold-color-border-subtle)}.api-table th{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fold-color-text-muted)}.api-table td{color:var(--fold-color-text-secondary)}.gal-tag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fold-color-text-muted)}.gal-body{margin:0;font-size:13px;color:var(--fold-color-text-secondary)}.code-block{flex:1 1 360px;min-width:300px;border-radius:var(--fold-radius-lg);border:1px solid var(--fold-color-border);background:var(--fold-color-surface-sunken);overflow:hidden}.code-top{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 14px;border-bottom:1px solid var(--fold-color-border-subtle)}.code-lang{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fold-color-text-muted)}.code-copy{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--fold-radius-sm);border:1px solid var(--fold-color-border);background:var(--fold-color-surface-raised);color:var(--fold-color-text);font:inherit;font-size:12px;cursor:pointer}.code-copy:hover{border-color:var(--fold-color-primary);color:var(--fold-color-primary-text)}.code-pre{margin:0;padding:14px;overflow-x:auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;color:var(--fold-color-text-secondary)}.tok-card-wrap{flex:1 1 360px;min-width:300px}.np-field{display:flex;flex-direction:column;gap:5px}.ss-seg{display:flex;gap:4px}.ss-seg button{flex:1;padding:6px 8px;border-radius:var(--fold-radius-sm);border:1px solid var(--fold-color-border);background:var(--fold-color-surface-sunken);color:var(--fold-color-text-secondary);font:inherit;font-size:12px;cursor:pointer}.ss-seg button.is-on{border-color:var(--fold-color-primary);background:var(--fold-color-primary-surface);color:var(--fold-color-primary-text)}.ss-seg button.is-on[data-tint=neutral]{border-color:var(--fold-color-border);background:var(--fold-color-surface-subtle);color:var(--fold-color-text-secondary)}.ss-seg button.is-on[data-tint=info]{border-color:var(--fold-color-info-border);background:var(--fold-color-info-surface);color:var(--fold-color-info-text)}.ss-seg button.is-on[data-tint=success]{border-color:var(--fold-color-success-border);background:var(--fold-color-success-surface);color:var(--fold-color-success-text)}.ss-seg button.is-on[data-tint=warning]{border-color:var(--fold-color-warning-border);background:var(--fold-color-warning-surface);color:var(--fold-color-warning-text)}.ss-seg button.is-on[data-tint=alert]{border-color:var(--fold-color-alert-border);background:var(--fold-color-alert-surface);color:var(--fold-color-alert-text)}.ss-seg button:disabled{opacity:.4;cursor:not-allowed}.asl-window-inner.is-mobile{margin:18px 0;border-radius:22px;overflow:hidden;border:1px solid var(--fold-color-border);box-shadow:var(--fold-shadow-lg, 0 12px 34px rgba(0, 0, 0, .4));background:var(--fold-color-bg-page)}.pl-chip.is-on{border-color:var(--fold-color-primary);background:var(--fold-color-primary-soft, var(--fold-color-surface-sunken));color:var(--fold-color-text)}.asl-real.is-equal{--fold-aside-layout-rail-width: minmax(0, 1fr);--fold-aside-layout-center-width: minmax(0, 1fr);--fold-aside-layout-side-width: minmax(0, 1fr)}.fld-inputs{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.fld-inputs fold-input{width:200px}.th-step-ex .gal-tag{flex:none;padding-top:2px}.home{--home-rail: 200px;--home-side: 280px;--home-gap: 28px;--home-max: 1240px;container-type:inline-size}@container (max-width: 1040px){.home-startnow-row{grid-template-columns:minmax(0,1fr)}.home-startnow-row .home-startnow{grid-column:1}}.gal-composed{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 18px}.gal-composed-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fold-color-text-faded)}.gal-composed-chip{display:inline-flex;align-items:center;padding:3px 10px;border:1px solid var(--fold-color-border);border-radius:var(--fold-radius-pill);background:var(--fold-color-surface-card);color:var(--fold-color-text);font-size:12px;font-weight:600;text-decoration:none;transition:border-color var(--fold-motion-fast),background var(--fold-motion-fast)}.gal-composed-chip:hover{border-color:var(--fold-color-primary);background:var(--fold-color-surface-raised)}.gal-backto{position:sticky;top:0;z-index:20;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-bottom:12px;padding:6px 14px;border:1px solid var(--fold-color-primary-border);border-radius:var(--fold-radius-pill);background:var(--fold-color-primary-surface);color:var(--fold-color-primary-text);font-size:13px;font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gal-backto:hover{background:var(--fold-color-primary);color:var(--fold-color-on-primary)}.cal-stack{display:flex;flex-direction:column;gap:var(--fold-space-md)}.cal-split{display:flex;gap:var(--fold-space-lg);align-items:stretch}.cal-split>.cal-main{flex:1 1 auto;min-width:0}.cal-split>fold-calendar-agenda{flex:0 0 auto}.gal-cell--half{flex:1 1 460px}.gal-cell--full{flex:1 1 100%}.cal-daynum{font-size:13px;font-variant-numeric:tabular-nums;color:var(--fold-color-text-secondary)}.cal-flag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fold-color-alert-text)}.cal-chip{display:flex;align-items:center;gap:6px;min-width:0;padding-inline:6px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-dot{width:6px;height:6px;border-radius:50%;background:var(--fold-color-text-muted)}.cal-dot[data-tone=success]{background:var(--fold-color-success)}.cal-dot[data-tone=warning]{background:var(--fold-color-warning)}.cal-dot[data-tone=alert]{background:var(--fold-color-alert)}.cal-more{color:var(--fold-color-text-faded)}.cal-pg-rail{--fold-calendar-agenda-height: 340px}