:root{--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--font-size-50: .75rem;--font-size-100: .8125rem;--font-size-200: .875rem;--font-size-300: 1rem;--font-size-400: 1.125rem;--font-size-500: 1.25rem;--font-size-600: 1.5rem;--font-size-700: 1.875rem;--font-size-800: 2.125rem;--font-size-900: 3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--letter-spacing-tighter: -.03em;--letter-spacing-tight: -.015em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .04em}:root{--text-display-font-family: var(--font-sans);--text-display-font-size: var(--font-size-900);--text-display-font-weight: var(--font-weight-medium);--text-display-line-height: var(--line-height-tight);--text-display-letter-spacing: var(--letter-spacing-tighter);--text-metric-font-family: var(--font-sans);--text-metric-font-size: var(--font-size-800);--text-metric-font-weight: var(--font-weight-medium);--text-metric-line-height: var(--line-height-tight);--text-metric-letter-spacing: var(--letter-spacing-tighter);--text-heading-xl-font-family: var(--font-sans);--text-heading-xl-font-size: var(--font-size-700);--text-heading-xl-font-weight: var(--font-weight-medium);--text-heading-xl-line-height: var(--line-height-tight);--text-heading-xl-letter-spacing: var(--letter-spacing-tighter);--text-heading-lg-font-family: var(--font-sans);--text-heading-lg-font-size: var(--font-size-600);--text-heading-lg-font-weight: var(--font-weight-medium);--text-heading-lg-line-height: var(--line-height-tight);--text-heading-lg-letter-spacing: var(--letter-spacing-tight);--text-heading-md-font-family: var(--font-sans);--text-heading-md-font-size: var(--font-size-500);--text-heading-md-font-weight: var(--font-weight-medium);--text-heading-md-line-height: var(--line-height-snug);--text-heading-md-letter-spacing: var(--letter-spacing-tight);--text-heading-sm-font-family: var(--font-sans);--text-heading-sm-font-size: var(--font-size-400);--text-heading-sm-font-weight: var(--font-weight-medium);--text-heading-sm-line-height: var(--line-height-snug);--text-heading-sm-letter-spacing: var(--letter-spacing-normal);--text-heading-xs-font-family: var(--font-sans);--text-heading-xs-font-size: var(--font-size-300);--text-heading-xs-font-weight: var(--font-weight-medium);--text-heading-xs-line-height: var(--line-height-snug);--text-heading-xs-letter-spacing: var(--letter-spacing-normal);--text-body-lg-font-family: var(--font-sans);--text-body-lg-font-size: var(--font-size-400);--text-body-lg-font-weight: var(--font-weight-regular);--text-body-lg-line-height: var(--line-height-relaxed);--text-body-lg-letter-spacing: var(--letter-spacing-normal);--text-body-font-family: var(--font-sans);--text-body-font-size: var(--font-size-300);--text-body-font-weight: var(--font-weight-regular);--text-body-line-height: var(--line-height-normal);--text-body-letter-spacing: var(--letter-spacing-normal);--text-body-sm-font-family: var(--font-sans);--text-body-sm-font-size: var(--font-size-200);--text-body-sm-font-weight: var(--font-weight-regular);--text-body-sm-line-height: var(--line-height-normal);--text-body-sm-letter-spacing: var(--letter-spacing-normal);--text-label-font-family: var(--font-sans);--text-label-font-size: var(--font-size-200);--text-label-font-weight: var(--font-weight-medium);--text-label-line-height: var(--line-height-snug);--text-label-letter-spacing: var(--letter-spacing-normal);--text-caption-font-family: var(--font-sans);--text-caption-font-size: var(--font-size-200);--text-caption-font-weight: var(--font-weight-medium);--text-caption-line-height: var(--line-height-normal);--text-caption-letter-spacing: var(--letter-spacing-normal);--text-overline-font-family: var(--font-sans);--text-overline-font-size: var(--font-size-100);--text-overline-font-weight: var(--font-weight-medium);--text-overline-line-height: var(--line-height-snug);--text-overline-letter-spacing: var(--letter-spacing-wide);--text-code-font-family: var(--font-mono);--text-code-font-size: var(--font-size-200);--text-code-font-weight: var(--font-weight-regular);--text-code-line-height: var(--line-height-normal);--text-code-letter-spacing: var(--letter-spacing-normal)}.text-display{font-family:var(--text-display-font-family);font-size:var(--text-display-font-size);font-weight:var(--text-display-font-weight);line-height:var(--text-display-line-height);letter-spacing:var(--text-display-letter-spacing)}.text-metric{font-family:var(--text-metric-font-family);font-size:var(--text-metric-font-size);font-weight:var(--text-metric-font-weight);line-height:var(--text-metric-line-height);letter-spacing:var(--text-metric-letter-spacing);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.text-heading-xl{font-family:var(--text-heading-xl-font-family);font-size:var(--text-heading-xl-font-size);font-weight:var(--text-heading-xl-font-weight);line-height:var(--text-heading-xl-line-height);letter-spacing:var(--text-heading-xl-letter-spacing)}.text-heading-lg{font-family:var(--text-heading-lg-font-family);font-size:var(--text-heading-lg-font-size);font-weight:var(--text-heading-lg-font-weight);line-height:var(--text-heading-lg-line-height);letter-spacing:var(--text-heading-lg-letter-spacing)}.text-heading-md{font-family:var(--text-heading-md-font-family);font-size:var(--text-heading-md-font-size);font-weight:var(--text-heading-md-font-weight);line-height:var(--text-heading-md-line-height);letter-spacing:var(--text-heading-md-letter-spacing)}.text-heading-sm{font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing)}.text-heading-xs{font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing)}.text-body-lg{font-family:var(--text-body-lg-font-family);font-size:var(--text-body-lg-font-size);font-weight:var(--text-body-lg-font-weight);line-height:var(--text-body-lg-line-height);letter-spacing:var(--text-body-lg-letter-spacing)}.text-body{font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}.text-body-sm{font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.text-label{font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.text-caption{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.text-overline{font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);line-height:var(--text-overline-line-height);letter-spacing:var(--text-overline-letter-spacing)}.text-code{font-family:var(--text-code-font-family);font-size:var(--text-code-font-size);font-weight:var(--text-code-font-weight);line-height:var(--text-code-line-height);letter-spacing:var(--text-code-letter-spacing)}:root{--space-0: 0;--space-50: .125rem;--space-100: .25rem;--space-200: .5rem;--space-300: .75rem;--space-400: 1rem;--space-500: 1.25rem;--space-600: 1.5rem;--space-700: 2rem;--space-800: 2.5rem;--space-900: 3rem;--space-1000: 4rem}:root{--space-inset-2xs: var(--space-50);--space-inset-xs: var(--space-100);--space-inset-sm: var(--space-200);--space-inset-md: var(--space-300);--space-inset-lg: var(--space-400);--space-inset-xl: var(--space-600);--space-inset-2xl: var(--space-700);--space-stack-2xs: var(--space-50);--space-stack-xs: var(--space-100);--space-stack-sm: var(--space-200);--space-stack-md: var(--space-400);--space-stack-lg: var(--space-600);--space-stack-xl: var(--space-800);--space-stack-2xl: var(--space-1000);--space-inline-2xs: var(--space-50);--space-inline-xs: var(--space-100);--space-inline-sm: var(--space-200);--space-inline-md: var(--space-300);--space-inline-lg: var(--space-400);--space-inline-xl: var(--space-600);--space-gap-xs: var(--space-200);--space-gap-sm: var(--space-300);--space-gap-md: var(--space-400);--space-gap-lg: var(--space-600);--space-gap-xl: var(--space-800);--space-section-sm: var(--space-700);--space-section-md: var(--space-900);--space-section-lg: var(--space-1000)}:root{--grid-columns: 12;--grid-gutter-sm: var(--space-300);--grid-gutter-md: var(--space-400);--grid-gutter-lg: var(--space-600);--grid-gutter-xl: var(--space-800);--grid-margin-sm: var(--space-400);--grid-margin-md: var(--space-600);--grid-margin-lg: var(--space-800);--grid-width-sm: 40rem;--grid-width-md: 64rem;--grid-width-lg: 80rem;--grid-width-xl: 90rem;--grid-breakpoint-sm: 40rem;--grid-breakpoint-md: 64rem;--grid-breakpoint-lg: 80rem}:root{--layout-container-sm: var(--grid-width-sm);--layout-container-md: var(--grid-width-md);--layout-container-lg: var(--grid-width-lg);--layout-container-xl: var(--grid-width-xl);--layout-gutter-sm: var(--grid-gutter-sm);--layout-gutter-md: var(--grid-gutter-md);--layout-gutter-lg: var(--grid-gutter-lg);--layout-gutter-xl: var(--grid-gutter-xl);--layout-margin-sm: var(--grid-margin-sm);--layout-margin-md: var(--grid-margin-md);--layout-margin-lg: var(--grid-margin-lg);--layout-sidebar: 14rem;--layout-sidebar-compact: var(--space-section-lg);--layout-rail: 22rem;--layout-metrics-min: 12rem;--layout-auto-min: 16rem;--layout-split-primary: 8;--layout-split-secondary: 4;--layout-split-half: 6;--layout-split-third: 4}.layout-app{display:grid;grid-template-columns:var(--layout-sidebar) minmax(0,1fr);min-width:0;min-height:0}.layout-app>*{min-width:0;min-height:0}.layout-canvas{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.layout-workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--layout-rail);min-width:0;min-height:0;overflow:hidden}.layout-workspace>*{min-width:0;min-height:0}.layout-workspace--flush{grid-template-columns:minmax(0,1fr)}.layout-content{display:grid;gap:var(--space-stack-lg);align-content:start;min-width:0;min-height:0;padding:var(--layout-margin-md);overflow:auto}.layout-content--dense{gap:var(--space-stack-md);padding:var(--layout-margin-sm)}.layout-content--spacious{gap:var(--space-stack-xl);padding:var(--layout-margin-lg)}.layout-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--layout-metrics-min)),1fr));gap:var(--layout-gutter-md)}.layout-metrics--fixed-3{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-metrics--fixed-4{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--layout-gutter-sm);padding-block:var(--space-inset-md);padding-inline:var(--layout-margin-md)}.layout-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-inline-sm)}.layout-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--layout-gutter-md);align-items:start}.layout-split--primary{display:grid;grid-template-columns:2fr 1fr;gap:var(--layout-gutter-md);align-items:start}.layout-split--secondary{display:grid;grid-template-columns:1fr 2fr;gap:var(--layout-gutter-md);align-items:start}.layout-split--thirds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--layout-gutter-md);align-items:start}.layout-split--quarters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--layout-gutter-md);align-items:start}.layout-container-sm{width:min(100%,var(--layout-container-sm));margin-inline:auto}.layout-container-md{width:min(100%,var(--layout-container-md));margin-inline:auto}.layout-container-lg{width:min(100% - (var(--layout-margin-md) * 2),var(--layout-container-lg));margin-inline:auto}.layout-container-xl{width:min(100% - (var(--layout-margin-lg) * 2),var(--layout-container-xl));margin-inline:auto}.layout-page{width:min(100% - (var(--layout-margin-md) * 2),var(--layout-container-lg));margin-inline:auto}.layout-page--xl{width:min(100% - (var(--layout-margin-lg) * 2),var(--layout-container-xl));margin-inline:auto}.layout-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--layout-gutter-lg)}.layout-grid--gutter-sm{gap:var(--layout-gutter-sm)}.layout-grid--gutter-md{gap:var(--layout-gutter-md)}.layout-grid--gutter-lg{gap:var(--layout-gutter-lg)}.layout-grid--gutter-xl{gap:var(--layout-gutter-xl)}.layout-col-1{grid-column:span 1}.layout-col-2{grid-column:span 2}.layout-col-3{grid-column:span 3}.layout-col-4{grid-column:span 4}.layout-col-5{grid-column:span 5}.layout-col-6{grid-column:span 6}.layout-col-7{grid-column:span 7}.layout-col-8{grid-column:span 8}.layout-col-9{grid-column:span 9}.layout-col-10{grid-column:span 10}.layout-col-11{grid-column:span 11}.layout-col-12{grid-column:span 12}.layout-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--layout-auto-min)),1fr));gap:var(--layout-gutter-lg)}.layout-auto--dense{gap:var(--layout-gutter-md)}@media(max-width:64rem){.layout-app{grid-template-columns:var(--layout-sidebar-compact) minmax(0,1fr)}.layout-workspace,.layout-metrics--fixed-3,.layout-metrics--fixed-4,.layout-split,.layout-split--primary,.layout-split--secondary,.layout-split--thirds,.layout-split--quarters{grid-template-columns:1fr}.layout-col-1,.layout-col-2,.layout-col-3,.layout-col-4,.layout-col-5,.layout-col-6,.layout-col-7,.layout-col-8,.layout-col-9,.layout-col-10,.layout-col-11,.layout-col-12{grid-column:span 12}}@media(min-width:40rem)and (max-width:64rem){.layout-metrics--fixed-3,.layout-metrics--fixed-4,.layout-split--thirds,.layout-split--quarters{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-col-1,.layout-col-2,.layout-col-3,.layout-col-4,.layout-col-5,.layout-col-6{grid-column:span 6}.layout-col-7,.layout-col-8,.layout-col-9,.layout-col-10,.layout-col-11,.layout-col-12{grid-column:span 12}}:root{--radius-0: 0;--radius-50: .125rem;--radius-100: .25rem;--radius-200: .5rem;--radius-300: .75rem;--radius-400: 1rem;--radius-500: 1.25rem;--radius-600: 1.5rem;--radius-full: 9999px}:root{--radius-control-sm: var(--radius-100);--radius-control-md: var(--radius-200);--radius-control-lg: var(--radius-300);--radius-surface-sm: var(--radius-200);--radius-surface-md: var(--radius-300);--radius-surface-lg: var(--radius-400);--radius-media-sm: var(--radius-200);--radius-media-md: var(--radius-300);--radius-media-lg: var(--radius-400);--radius-pill: var(--radius-full)}:root{--border-0: 0;--border-100: 1px;--border-200: 2px;--border-300: 4px}:root{--border-control: var(--border-100);--border-control-strong: var(--border-200);--border-surface: var(--border-100);--border-highlight: var(--border-100);--border-divider: var(--border-100);--border-divider-strong: var(--border-200);--border-focus: var(--border-200)}:root{--shadow-0: none;--shadow-100: 0 4px 14px 2px rgb(0 0 0 / .008), 0 12px 40px 4px rgb(0 0 0 / .012);--shadow-150: 0 8px 24px 4px rgb(0 0 0 / .008), 0 24px 64px 8px rgb(0 0 0 / .014);--shadow-200: 0 8px 22px 4px rgb(0 0 0 / .01), 0 20px 56px 8px rgb(0 0 0 / .016);--shadow-250: 0 10px 28px 6px rgb(0 0 0 / .01), 0 28px 72px 10px rgb(0 0 0 / .018);--shadow-300: 0 12px 32px 6px rgb(0 0 0 / .012), 0 28px 68px 10px rgb(0 0 0 / .02);--shadow-400: 0 16px 40px 8px rgb(0 0 0 / .012), 0 36px 80px 12px rgb(0 0 0 / .022);--shadow-500: 0 20px 48px 10px rgb(0 0 0 / .014), 0 44px 96px 14px rgb(0 0 0 / .025);--shadow-600: 0 28px 64px 12px rgb(0 0 0 / .016), 0 52px 112px 16px rgb(0 0 0 / .03);--shadow-inset-top-light: inset 0 1px 0 rgb(255 255 255 / .72);--shadow-inset-start-light: inset 1px 0 0 rgb(255 255 255 / .28);--shadow-inset-end-light: inset -1px 0 0 rgb(255 255 255 / .1);--shadow-inset-bottom-light: inset 0 -1px 0 rgb(0 0 0 / .035);--shadow-inset-top-dark: inset 0 1px 0 rgb(255 255 255 / .08);--shadow-inset-start-dark: inset 1px 0 0 rgb(255 255 255 / .04);--shadow-inset-end-dark: inset -1px 0 0 rgb(255 255 255 / .015);--shadow-inset-bottom-dark: inset 0 -1px 0 rgb(0 0 0 / .28)}[data-theme=dark]{--shadow-100: 0 4px 18px 2px rgb(0 0 0 / .08), 0 14px 44px 6px rgb(0 0 0 / .12);--shadow-150: 0 8px 28px 4px rgb(0 0 0 / .09), 0 28px 72px 10px rgb(0 0 0 / .13);--shadow-200: 0 8px 26px 4px rgb(0 0 0 / .09), 0 24px 64px 10px rgb(0 0 0 / .14);--shadow-250: 0 12px 32px 6px rgb(0 0 0 / .1), 0 32px 80px 12px rgb(0 0 0 / .15);--shadow-300: 0 14px 36px 6px rgb(0 0 0 / .1), 0 32px 76px 12px rgb(0 0 0 / .16);--shadow-400: 0 18px 44px 8px rgb(0 0 0 / .11), 0 40px 88px 14px rgb(0 0 0 / .17);--shadow-500: 0 22px 52px 10px rgb(0 0 0 / .12), 0 48px 104px 16px rgb(0 0 0 / .18);--shadow-600: 0 28px 68px 12px rgb(0 0 0 / .13), 0 56px 120px 18px rgb(0 0 0 / .16)}:root{--shadow-raised-xs: var(--shadow-150);--shadow-raised-sm: var(--shadow-200);--shadow-raised-md: var(--shadow-300);--shadow-raised-lg: var(--shadow-400);--shadow-raised-soft: var(--shadow-250);--shadow-raised-depth: var(--shadow-raised-soft), var(--shadow-inset-top-light), var(--shadow-inset-start-light), var(--shadow-inset-end-light), var(--shadow-inset-bottom-light);--shadow-overlay-sm: var(--shadow-300);--shadow-overlay-md: var(--shadow-400);--shadow-overlay-lg: var(--shadow-500);--shadow-modal: var(--shadow-600)}[data-theme=dark]{--shadow-raised-depth: var(--shadow-raised-soft), var(--shadow-inset-top-dark), var(--shadow-inset-start-dark), var(--shadow-inset-end-dark), var(--shadow-inset-bottom-dark)}:root{--motion-duration-0: 0ms;--motion-duration-100: .12s;--motion-duration-150: .16s;--motion-duration-200: .18s;--motion-duration-300: .24s;--motion-duration-400: .32s;--motion-duration-500: .4s;--motion-duration-600: .5s;--motion-ease-linear: linear;--motion-ease-in: cubic-bezier(.7, 0, 1, .5);--motion-ease-out: cubic-bezier(.23, 1, .32, 1);--motion-ease-in-out: cubic-bezier(.77, 0, .175, 1);--motion-ease-standard: cubic-bezier(.23, 1, .32, 1);--motion-ease-emphasized: cubic-bezier(.32, .72, 0, 1);--motion-ease-spring: cubic-bezier(.34, 1.25, .64, 1);--motion-ease-spring-soft: cubic-bezier(.28, 1.14, .4, 1)}:root{--motion-interaction-duration: var(--motion-duration-100);--motion-interaction-easing: var(--motion-ease-out);--motion-expand-duration: var(--motion-duration-300);--motion-expand-easing: var(--motion-ease-in-out);--motion-overlay-duration: var(--motion-duration-200);--motion-overlay-easing: var(--motion-ease-out);--motion-overlay-exit-duration: var(--motion-duration-100);--motion-overlay-exit-easing: var(--motion-ease-out);--motion-modal-duration: var(--motion-duration-500);--motion-modal-easing: var(--motion-ease-spring-soft);--motion-modal-exit-duration: var(--motion-duration-200);--motion-modal-exit-easing: var(--motion-ease-out);--motion-page-duration: var(--motion-duration-500);--motion-page-easing: var(--motion-ease-emphasized)}:root{--opacity-0: 0;--opacity-100: .08;--opacity-200: .16;--opacity-300: .32;--opacity-400: .48;--opacity-500: .64;--opacity-600: .8;--opacity-700: 1}:root{--opacity-disabled: var(--opacity-400);--opacity-muted: var(--opacity-500);--opacity-hover: var(--opacity-100);--opacity-scrim-soft: var(--opacity-300);--opacity-scrim: var(--opacity-500);--opacity-full: var(--opacity-700)}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;min-width:0;overflow-x:clip}body{margin:0;font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing);background:var(--color-bg-page);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}:root{--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-orange-50: #fff7ed;--color-orange-100: #ffedd5;--color-orange-200: #fed7aa;--color-orange-300: #fdba74;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-orange-700: #c2410c;--color-orange-800: #9a3412;--color-orange-900: #7c2d12;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-amber-800: #92400e;--color-amber-900: #78350f;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-300: #fde047;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-yellow-600: #ca8a04;--color-yellow-700: #a16207;--color-yellow-800: #854d0e;--color-yellow-900: #713f12;--color-lime-50: #f7fee7;--color-lime-100: #ecfccb;--color-lime-200: #d9f99d;--color-lime-300: #bef264;--color-lime-400: #a3e635;--color-lime-500: #84cc16;--color-lime-600: #65a30d;--color-lime-700: #4d7c0f;--color-lime-800: #3f6212;--color-lime-900: #365314;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-200: #a7f3d0;--color-emerald-300: #6ee7b7;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-emerald-800: #065f46;--color-emerald-900: #064e3b;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-teal-900: #134e4a;--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-200: #a5f3fc;--color-cyan-300: #67e8f9;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-cyan-800: #155e75;--color-cyan-900: #164e63;--color-sky-50: #f0f9ff;--color-sky-100: #e0f2fe;--color-sky-200: #bae6fd;--color-sky-300: #7dd3fc;--color-sky-400: #38bdf8;--color-sky-500: #0ea5e9;--color-sky-600: #0284c7;--color-sky-700: #0369a1;--color-sky-800: #075985;--color-sky-900: #0c4a6e;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-indigo-50: #eef2ff;--color-indigo-100: #e0e7ff;--color-indigo-200: #c7d2fe;--color-indigo-300: #a5b4fc;--color-indigo-400: #818cf8;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-indigo-700: #4338ca;--color-indigo-800: #3730a3;--color-indigo-900: #312e81;--color-violet-50: #f5f3ff;--color-violet-100: #ede9fe;--color-violet-200: #ddd6fe;--color-violet-300: #c4b5fd;--color-violet-400: #a78bfa;--color-violet-500: #8b5cf6;--color-violet-600: #7c3aed;--color-violet-700: #6d28d9;--color-violet-800: #5b21b6;--color-violet-900: #4c1d95;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-fuchsia-50: #fdf4ff;--color-fuchsia-100: #fae8ff;--color-fuchsia-200: #f5d0fe;--color-fuchsia-300: #f0abfc;--color-fuchsia-400: #e879f9;--color-fuchsia-500: #d946ef;--color-fuchsia-600: #c026d3;--color-fuchsia-700: #a21caf;--color-fuchsia-800: #86198f;--color-fuchsia-900: #701a75;--color-pink-50: #fdf2f8;--color-pink-100: #fce7f3;--color-pink-200: #fbcfe8;--color-pink-300: #f9a8d4;--color-pink-400: #f472b6;--color-pink-500: #ec4899;--color-pink-600: #db2777;--color-pink-700: #be185d;--color-pink-800: #9d174d;--color-pink-900: #831843;--color-rose-50: #fff1f2;--color-rose-100: #ffe4e6;--color-rose-200: #fecdd3;--color-rose-300: #fda4af;--color-rose-400: #fb7185;--color-rose-500: #f43f5e;--color-rose-600: #e11d48;--color-rose-700: #be123c;--color-rose-800: #9f1239;--color-rose-900: #881337;--color-white: #ffffff;--color-black: #000000}:root{--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-700);--color-text-muted: var(--color-gray-400);--color-text-inverse: var(--color-white);--color-text-brand: var(--color-blue-700);--color-text-success: var(--color-green-700);--color-text-warning: var(--color-amber-700);--color-text-danger: var(--color-red-700);--color-text-info: var(--color-sky-700);--color-bg-page: var(--color-white);--color-bg-surface: var(--color-gray-50);--color-bg-subtle: var(--color-gray-100);--color-bg-muted: var(--color-gray-200);--color-bg-inverse: var(--color-gray-900);--color-bg-brand: var(--color-blue-600);--color-bg-brand-subtle: var(--color-blue-50);--color-bg-success: var(--color-green-600);--color-bg-success-subtle: var(--color-green-50);--color-bg-warning: var(--color-amber-500);--color-bg-warning-subtle: var(--color-amber-50);--color-bg-danger: var(--color-red-600);--color-bg-danger-subtle: var(--color-red-50);--color-bg-info: var(--color-sky-600);--color-bg-info-subtle: var(--color-sky-50);--color-border-default: var(--color-gray-200);--color-border-strong: var(--color-gray-400);--color-border-subtle: var(--color-gray-100);--color-border-highlight: rgb(255 255 255 / .55);--color-border-brand: var(--color-blue-600);--color-border-focus: var(--color-blue-500);--color-border-success: var(--color-green-600);--color-border-warning: var(--color-amber-500);--color-border-danger: var(--color-red-600);--color-border-info: var(--color-sky-500);--color-icon-primary: var(--color-gray-700);--color-icon-secondary: var(--color-gray-500);--color-icon-muted: var(--color-gray-400);--color-icon-inverse: var(--color-white);--color-icon-brand: var(--color-blue-600);--color-icon-success: var(--color-green-600);--color-icon-warning: var(--color-amber-600);--color-icon-danger: var(--color-red-600);--color-icon-info: var(--color-sky-600);--color-brand-primary: var(--color-blue-600);--color-brand-primary-hover: var(--color-blue-700);--color-brand-primary-active: var(--color-blue-800);--color-brand-subtle: var(--color-blue-50);--color-brand-on-brand: var(--color-white);--color-interactive-primary: var(--color-blue-600);--color-interactive-primary-hover: var(--color-blue-700);--color-interactive-primary-active: var(--color-blue-800);--color-interactive-secondary: var(--color-gray-100);--color-interactive-secondary-hover: var(--color-gray-200);--color-interactive-secondary-active: var(--color-gray-300);--color-interactive-danger: var(--color-red-600);--color-interactive-danger-hover: var(--color-red-700);--color-interactive-danger-active: var(--color-red-800);--color-interactive-selected: var(--color-blue-50);--color-interactive-selected-border: var(--color-blue-600);--color-focus-ring: var(--color-blue-500);--color-focus-ring-offset: var(--color-white);--color-focus-ring-inverse: var(--color-blue-300);--color-disabled-text: var(--color-gray-400);--color-disabled-bg: var(--color-gray-100);--color-disabled-border: var(--color-gray-200);--color-disabled-icon: var(--color-gray-300);--color-link-default: var(--color-blue-700);--color-link-hover: var(--color-blue-800);--color-link-visited: var(--color-violet-700);--color-link-active: var(--color-blue-900);--color-fill-strong: var(--color-gray-900);--color-fill-subtle: var(--color-gray-100);--color-fill-brand: var(--color-blue-600);--color-fill-brand-subtle: var(--color-blue-50);--color-fill-success: var(--color-green-600);--color-fill-success-subtle: var(--color-green-50);--color-fill-warning: var(--color-amber-500);--color-fill-warning-subtle: var(--color-amber-50);--color-fill-danger: var(--color-red-600);--color-fill-danger-subtle: var(--color-red-50);--color-fill-info: var(--color-sky-600);--color-fill-info-subtle: var(--color-sky-50);--color-status-success: var(--color-green-600);--color-status-success-subtle: var(--color-green-50);--color-status-success-text: var(--color-green-800);--color-status-warning: var(--color-amber-500);--color-status-warning-subtle: var(--color-amber-50);--color-status-warning-text: var(--color-amber-800);--color-status-danger: var(--color-red-600);--color-status-danger-subtle: var(--color-red-50);--color-status-danger-text: var(--color-red-800);--color-status-info: var(--color-sky-600);--color-status-info-subtle: var(--color-sky-50);--color-status-info-text: var(--color-sky-800);--color-overlay-scrim: var(--color-black);--color-overlay-scrim-soft: var(--color-gray-900);--color-overlay-surface: var(--color-white);--color-shadow-default: var(--color-gray-900);--color-shadow-brand: var(--color-blue-900);--color-shadow-danger: var(--color-red-900);--color-data-1: var(--color-blue-500);--color-data-1-from: var(--color-blue-400);--color-data-1-to: var(--color-blue-600);--color-data-2: var(--color-lime-400);--color-data-2-from: var(--color-lime-300);--color-data-2-to: var(--color-lime-500);--color-data-3: var(--color-violet-400);--color-data-3-from: var(--color-violet-300);--color-data-3-to: var(--color-violet-500);--color-data-4: var(--color-rose-400);--color-data-4-from: var(--color-rose-300);--color-data-4-to: var(--color-rose-500);--color-data-5: var(--color-cyan-400);--color-data-5-from: var(--color-cyan-300);--color-data-5-to: var(--color-cyan-500);--color-data-6: var(--color-amber-400);--color-data-6-from: var(--color-amber-300);--color-data-6-to: var(--color-amber-500);--color-data-7: var(--color-fuchsia-400);--color-data-7-from: var(--color-fuchsia-300);--color-data-7-to: var(--color-fuchsia-500);--color-data-8: var(--color-pink-400);--color-data-8-from: var(--color-pink-300);--color-data-8-to: var(--color-pink-500);--color-chart-grid: var(--color-gray-200);--color-chart-axis: var(--color-gray-300);--color-chart-label: var(--color-gray-500);--color-chart-crosshair: var(--color-gray-400);--color-chart-other: var(--color-gray-400);--color-chart-other-from: var(--color-gray-300);--color-chart-other-to: var(--color-gray-500);--color-chart-surface: var(--color-bg-page)}[data-theme=dark]{color-scheme:dark;--color-text-primary: var(--color-gray-50);--color-text-secondary: var(--color-gray-300);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-gray-900);--color-text-brand: var(--color-blue-300);--color-text-success: var(--color-green-300);--color-text-warning: var(--color-amber-300);--color-text-danger: var(--color-red-300);--color-text-info: var(--color-sky-300);--color-bg-page: var(--color-black);--color-bg-surface: var(--color-black);--color-bg-subtle: #141414;--color-bg-muted: #1a1a1a;--color-bg-inverse: var(--color-gray-50);--color-bg-brand: var(--color-blue-500);--color-bg-brand-subtle: var(--color-blue-900);--color-bg-success: var(--color-green-500);--color-bg-success-subtle: var(--color-green-900);--color-bg-warning: var(--color-amber-500);--color-bg-warning-subtle: var(--color-amber-900);--color-bg-danger: var(--color-red-500);--color-bg-danger-subtle: var(--color-red-900);--color-bg-info: var(--color-sky-500);--color-bg-info-subtle: var(--color-sky-900);--color-border-default: #262626;--color-border-strong: #404040;--color-border-subtle: #1a1a1a;--color-border-highlight: rgb(255 255 255 / .08);--color-border-brand: var(--color-blue-400);--color-border-focus: var(--color-blue-400);--color-border-success: var(--color-green-400);--color-border-warning: var(--color-amber-400);--color-border-danger: var(--color-red-400);--color-border-info: var(--color-sky-400);--color-icon-primary: var(--color-gray-200);--color-icon-secondary: var(--color-gray-400);--color-icon-muted: var(--color-gray-500);--color-icon-inverse: var(--color-gray-900);--color-icon-brand: var(--color-blue-400);--color-icon-success: var(--color-green-400);--color-icon-warning: var(--color-amber-400);--color-icon-danger: var(--color-red-400);--color-icon-info: var(--color-sky-400);--color-brand-primary: var(--color-blue-400);--color-brand-primary-hover: var(--color-blue-300);--color-brand-primary-active: var(--color-blue-200);--color-brand-subtle: var(--color-blue-900);--color-brand-on-brand: var(--color-white);--color-interactive-primary: var(--color-blue-400);--color-interactive-primary-hover: var(--color-blue-300);--color-interactive-primary-active: var(--color-blue-200);--color-interactive-secondary: #141414;--color-interactive-secondary-hover: #1f1f1f;--color-interactive-secondary-active: #262626;--color-interactive-danger: var(--color-red-400);--color-interactive-danger-hover: var(--color-red-300);--color-interactive-danger-active: var(--color-red-200);--color-interactive-selected: var(--color-blue-900);--color-interactive-selected-border: var(--color-blue-400);--color-focus-ring: var(--color-blue-400);--color-focus-ring-offset: var(--color-black);--color-focus-ring-inverse: var(--color-blue-300);--color-disabled-text: var(--color-gray-500);--color-disabled-bg: var(--color-gray-800);--color-disabled-border: var(--color-gray-700);--color-disabled-icon: var(--color-gray-600);--color-link-default: var(--color-blue-300);--color-link-hover: var(--color-blue-200);--color-link-visited: var(--color-violet-300);--color-link-active: var(--color-blue-100);--color-fill-strong: var(--color-gray-100);--color-fill-subtle: var(--color-gray-800);--color-fill-brand: var(--color-blue-400);--color-fill-brand-subtle: var(--color-blue-900);--color-fill-success: var(--color-green-400);--color-fill-success-subtle: var(--color-green-900);--color-fill-warning: var(--color-amber-400);--color-fill-warning-subtle: var(--color-amber-900);--color-fill-danger: var(--color-red-400);--color-fill-danger-subtle: var(--color-red-900);--color-fill-info: var(--color-sky-400);--color-fill-info-subtle: var(--color-sky-900);--color-status-success: var(--color-green-400);--color-status-success-subtle: var(--color-green-900);--color-status-success-text: var(--color-green-200);--color-status-warning: var(--color-amber-400);--color-status-warning-subtle: var(--color-amber-900);--color-status-warning-text: var(--color-amber-200);--color-status-danger: var(--color-red-400);--color-status-danger-subtle: var(--color-red-900);--color-status-danger-text: var(--color-red-200);--color-status-info: var(--color-sky-400);--color-status-info-subtle: var(--color-sky-900);--color-status-info-text: var(--color-sky-200);--color-overlay-scrim: var(--color-black);--color-overlay-scrim-soft: var(--color-gray-900);--color-overlay-surface: var(--color-gray-900);--color-shadow-default: var(--color-black);--color-shadow-brand: var(--color-blue-900);--color-shadow-danger: var(--color-red-900);--color-data-1: var(--color-blue-400);--color-data-1-from: var(--color-blue-300);--color-data-1-to: var(--color-blue-500);--color-data-2: var(--color-lime-400);--color-data-2-from: var(--color-lime-300);--color-data-2-to: var(--color-lime-500);--color-data-3: var(--color-violet-400);--color-data-3-from: var(--color-violet-300);--color-data-3-to: var(--color-violet-500);--color-data-4: var(--color-rose-400);--color-data-4-from: var(--color-rose-300);--color-data-4-to: var(--color-rose-500);--color-data-5: var(--color-cyan-400);--color-data-5-from: var(--color-cyan-300);--color-data-5-to: var(--color-cyan-500);--color-data-6: var(--color-amber-400);--color-data-6-from: var(--color-amber-300);--color-data-6-to: var(--color-amber-500);--color-data-7: var(--color-fuchsia-400);--color-data-7-from: var(--color-fuchsia-300);--color-data-7-to: var(--color-fuchsia-500);--color-data-8: var(--color-pink-400);--color-data-8-from: var(--color-pink-300);--color-data-8-to: var(--color-pink-500);--color-chart-grid: var(--color-gray-800);--color-chart-axis: var(--color-gray-700);--color-chart-label: var(--color-gray-400);--color-chart-crosshair: var(--color-gray-600);--color-chart-other: var(--color-gray-600);--color-chart-other-from: var(--color-gray-500);--color-chart-other-to: var(--color-gray-700);--color-chart-surface: var(--color-bg-page)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-inline-sm);padding:var(--space-inset-sm) var(--space-inset-md);border:var(--border-control) solid transparent;border-radius:var(--radius-control-md);background:transparent;font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);cursor:pointer;transform:scale(1);transition:background var(--motion-interaction-duration) var(--motion-interaction-easing),border-color var(--motion-interaction-duration) var(--motion-interaction-easing),color var(--motion-interaction-duration) var(--motion-interaction-easing),opacity var(--motion-interaction-duration) var(--motion-interaction-easing),transform var(--motion-interaction-duration) var(--motion-interaction-easing)}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.btn:hover:not(:disabled):not([aria-disabled=true]){transform:scale(1.02)}.btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}.btn--sm{gap:var(--space-inline-xs);padding:var(--space-inset-xs) var(--space-inset-sm);border-radius:var(--radius-control-sm);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.btn--md{gap:var(--space-inline-sm);padding:var(--space-inset-sm) var(--space-inset-md);border-radius:var(--radius-control-md);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.btn--lg{gap:var(--space-inline-sm);padding:var(--space-inset-md) var(--space-inset-lg);border-radius:var(--radius-control-lg);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.btn--primary{background:var(--color-interactive-primary);color:var(--color-brand-on-brand)}.btn--primary:hover{background:var(--color-interactive-primary-hover)}.btn--primary:active{background:var(--color-interactive-primary-active)}.btn--secondary{background:var(--color-interactive-secondary);color:var(--color-text-primary);border-color:var(--color-border-default)}.btn--secondary:hover{background:var(--color-interactive-secondary-hover)}.btn--secondary:active{background:var(--color-interactive-secondary-active)}.btn--tertiary{background:transparent;color:var(--color-text-brand)}.btn--tertiary:hover{background:var(--color-bg-brand-subtle)}.btn--tertiary:active{background:var(--color-interactive-selected)}.btn--danger{background:var(--color-interactive-danger);color:var(--color-brand-on-brand)}.btn--danger:hover{background:var(--color-interactive-danger-hover)}.btn--danger:active{background:var(--color-interactive-danger-active)}.btn:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}@media(prefers-reduced-motion:reduce){.btn{transition:none;transform:none}.btn:hover:not(:disabled):not([aria-disabled=true]),.btn:active:not(:disabled):not([aria-disabled=true]){transform:none}}.checkbox-group{display:grid;gap:var(--space-stack-md);margin:0;padding:0;border:0;min-inline-size:0}.checkbox-group__legend{float:left;width:100%;padding:0;margin:0 0 var(--space-stack-sm);color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.checkbox-group__options{display:grid;gap:var(--space-stack-md);clear:both}.checkbox-group__message{clear:both;margin:0;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);animation:checkbox-message-in var(--motion-expand-duration) var(--motion-ease-emphasized)}.checkbox-group__message--error{color:var(--color-text-danger)}.checkbox{--checkbox-size: 1.15rem;display:grid;gap:var(--space-stack-xs)}.checkbox__row{display:inline-flex;align-items:center;gap:var(--space-inline-sm);cursor:pointer}.checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox__control{position:relative;flex-shrink:0;box-sizing:border-box;width:var(--checkbox-size);height:var(--checkbox-size);border:var(--border-control) solid var(--color-border-strong);border-radius:var(--radius-control-sm);background:var(--color-bg-page);color:var(--color-brand-on-brand);transition:border-color var(--motion-interaction-duration) var(--motion-interaction-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing),color var(--motion-interaction-duration) var(--motion-interaction-easing)}.checkbox__icon{position:absolute;inset:0;width:100%;height:100%;padding:.12rem}.checkbox__check,.checkbox__dash{transform-origin:center;transform:scale(0);opacity:0;transition:transform var(--motion-expand-duration) var(--motion-ease-spring),opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}.checkbox__row[data-checked] .checkbox__control{border-color:var(--color-interactive-primary);background:var(--color-interactive-primary)}.checkbox__row[data-checked] .checkbox__check{transform:scale(1);opacity:1}.checkbox__row[data-indeterminate] .checkbox__control{border-color:var(--color-interactive-primary);background:var(--color-interactive-primary)}.checkbox__row[data-indeterminate] .checkbox__dash{transform:scale(1);opacity:1}.checkbox__row[data-indeterminate] .checkbox__check{transform:scale(0);opacity:0}.checkbox--error .checkbox__row:not([data-checked]):not([data-indeterminate]) .checkbox__control{border-color:var(--color-border-danger)}.checkbox--error .checkbox__row[data-checked] .checkbox__control,.checkbox--error .checkbox__row[data-indeterminate] .checkbox__control{border-color:var(--color-interactive-danger);background:var(--color-interactive-danger)}.checkbox-group--error .checkbox__row:not([data-checked]):not([data-indeterminate]) .checkbox__control{border-color:var(--color-border-danger)}.checkbox-group--error .checkbox__row[data-checked] .checkbox__control,.checkbox-group--error .checkbox__row[data-indeterminate] .checkbox__control{border-color:var(--color-interactive-danger);background:var(--color-interactive-danger)}.checkbox__label{color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.checkbox__message{margin:0;margin-inline-start:calc(var(--checkbox-size) + var(--space-inline-sm));color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);animation:checkbox-message-in var(--motion-expand-duration) var(--motion-ease-emphasized)}.checkbox__message--error{color:var(--color-text-danger)}@keyframes checkbox-message-in{0%{opacity:0;transform:translateY(-.15rem)}to{opacity:1;transform:translateY(0)}}.checkbox__row:hover:not([data-disabled]) .checkbox__control{border-color:var(--color-border-strong)}.checkbox__row[data-checked]:hover:not([data-disabled]) .checkbox__control,.checkbox__row[data-indeterminate]:hover:not([data-disabled]) .checkbox__control{border-color:var(--color-interactive-primary-hover);background:var(--color-interactive-primary-hover)}.checkbox--error .checkbox__row[data-checked]:hover:not([data-disabled]) .checkbox__control,.checkbox--error .checkbox__row[data-indeterminate]:hover:not([data-disabled]) .checkbox__control,.checkbox-group--error .checkbox__row[data-checked]:hover:not([data-disabled]) .checkbox__control,.checkbox-group--error .checkbox__row[data-indeterminate]:hover:not([data-disabled]) .checkbox__control{border-color:var(--color-interactive-danger-hover);background:var(--color-interactive-danger-hover)}.checkbox__row:has(.checkbox__input:focus-visible) .checkbox__control{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.checkbox__row[data-disabled]{cursor:not-allowed}.checkbox__row[data-disabled] .checkbox__control{opacity:var(--opacity-disabled)}.checkbox__row[data-disabled] .checkbox__label{color:var(--color-disabled-text)}.checkbox--sm{--checkbox-size: .95rem}.checkbox--sm .checkbox__row{gap:var(--space-inline-xs)}.checkbox--sm .checkbox__label{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.checkbox--sm .checkbox__message{margin-inline-start:calc(var(--checkbox-size) + var(--space-inline-xs))}.checkbox--lg{--checkbox-size: 1.35rem}.checkbox--lg .checkbox__row{gap:var(--space-inline-md)}.checkbox--lg .checkbox__label{font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.checkbox--lg .checkbox__message{margin-inline-start:calc(var(--checkbox-size) + var(--space-inline-md))}.checkbox-group--sm{gap:var(--space-stack-sm)}.checkbox-group--sm .checkbox-group__legend{margin-bottom:var(--space-stack-xs);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.checkbox-group--sm .checkbox-group__options{gap:var(--space-stack-sm)}.checkbox-group--lg{gap:var(--space-stack-lg)}.checkbox-group--lg .checkbox-group__legend{margin-bottom:var(--space-stack-md)}.checkbox-group--lg .checkbox-group__options{gap:var(--space-stack-lg)}@media(prefers-reduced-motion:reduce){.checkbox__control,.checkbox__check,.checkbox__dash,.checkbox__message,.checkbox-group__message{transition:none;animation:none}}.field{display:grid;gap:var(--space-stack-xs);width:100%}.field__label{margin:0;color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.field__control{width:100%;margin:0;border:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-control-md);background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);padding:var(--space-inset-sm) var(--space-inset-md);outline:none;transition:border-color var(--motion-interaction-duration) var(--motion-interaction-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing),opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}.field__control::placeholder{color:var(--color-text-muted)}.field__control:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.field__control:focus-visible{border-color:var(--color-border-strong);outline:var(--border-control) solid var(--color-border-strong);outline-offset:0}.field__message{margin:0;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);animation:field-message-in var(--motion-expand-duration) var(--motion-ease-emphasized)}.field__message--error{color:var(--color-text-danger)}@keyframes field-message-in{0%{opacity:0;transform:translateY(-.15rem)}to{opacity:1;transform:translateY(0)}}.field--sm .field__control{padding:var(--space-inset-sm) var(--space-inset-sm);border-radius:var(--radius-control-md);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.field--md .field__control{padding:var(--space-inset-sm) var(--space-inset-md);border-radius:var(--radius-control-md);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.field--lg .field__control{padding:var(--space-inset-md) var(--space-inset-lg);border-radius:var(--radius-control-lg);font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}.field--error .field__control{border-color:var(--color-border-danger)}.field--error .field__control:hover:not(:disabled):not(:focus){border-color:var(--color-border-danger)}.field--error .field__control:focus-visible{border-color:var(--color-border-danger);outline-color:var(--color-border-danger)}.field__control:disabled{background:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-text);cursor:not-allowed}.field:has(.field__control:disabled) .field__label{color:var(--color-disabled-text)}@media(prefers-reduced-motion:reduce){.field__control{transition:none}.field__message{animation:none}}.modal-card{position:relative;z-index:1;display:grid;gap:var(--space-stack-xs);width:min(100%,28rem);max-height:min(90vh,40rem);margin:0;padding:var(--space-inset-lg);border:0;border-radius:var(--radius-control-lg);background:var(--color-bg-page);box-shadow:var(--shadow-modal);overflow:auto;outline:none}.modal-card--animated{animation:modal-card-in var(--motion-modal-duration) var(--motion-modal-easing) both}.modal-card--contained{max-height:calc(100% - var(--space-inset-md) * 2);width:min(100%,22rem)}.modal-card--sm{width:min(100%,22rem);padding:var(--space-inset-md);gap:var(--space-stack-2xs)}.modal-card--sm.modal-card--contained{width:min(100%,18rem)}.modal-card--md{width:min(100%,28rem)}.modal-card--lg{width:min(100%,36rem);padding:var(--space-inset-xl);gap:var(--space-stack-sm)}.modal-card--lg.modal-card--contained{width:min(100%,26rem);padding:var(--space-inset-md) var(--space-inset-lg)}.modal-card__header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-inline-md)}.modal-card__heading{display:grid;gap:var(--space-stack-xs);min-width:0}.modal-card__title{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing)}.modal-card__description{margin:0;color:var(--color-text-secondary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.modal-card__close{flex-shrink:0;display:grid;place-items:center;width:2rem;height:2rem;margin:0;padding:0;border:0;border-radius:var(--radius-control-sm);background:transparent;color:var(--color-icon-muted);cursor:pointer;transition:color var(--motion-interaction-duration) var(--motion-interaction-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing)}.modal-card__close svg{width:1rem;height:1rem}.modal-card__close:hover{color:var(--color-icon-primary);background:var(--color-bg-subtle)}.modal-card__close:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.modal-card__body{color:var(--color-text-secondary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.modal-card__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-inline-sm)}.modal-card--sm .modal-card__title{font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing)}.modal-card--lg .modal-card__title{font-family:var(--text-heading-md-font-family);font-size:var(--text-heading-md-font-size);font-weight:var(--text-heading-md-font-weight);line-height:var(--text-heading-md-line-height);letter-spacing:var(--text-heading-md-letter-spacing)}.modal-card--lg .modal-card__description,.modal-card--lg .modal-card__body{font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}@keyframes modal-card-in{0%{transform:translateY(var(--space-inset-sm)) scale(.96)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.modal-card--animated,.modal-card__close{transition:none;animation:none}}.modal-root{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-inset-lg)}.modal-root--contained{position:absolute;z-index:5;padding:var(--space-inset-md);border-radius:inherit;overflow:hidden}.modal__scrim{position:absolute;inset:0;margin:0;padding:0;border:0;background:color-mix(in srgb,var(--color-overlay-scrim) calc(100% * var(--opacity-scrim-soft)),transparent);-webkit-backdrop-filter:blur(.75rem) saturate(1.2);backdrop-filter:blur(.75rem) saturate(1.2);cursor:pointer;animation:modal-scrim-in var(--motion-modal-duration) var(--motion-ease-out) both}@keyframes modal-scrim-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(.75rem) saturate(1.2);backdrop-filter:blur(.75rem) saturate(1.2)}}@media(prefers-reduced-transparency:reduce){.modal__scrim{background:color-mix(in srgb,var(--color-overlay-scrim) calc(100% * var(--opacity-scrim)),transparent);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.modal__scrim{transition:none;animation:none}}.calendar{--calendar-cell: 2.25rem;display:grid;gap:var(--space-stack-sm);width:max-content;margin:0;padding:var(--space-inset-md);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-page);box-shadow:var(--shadow-raised-sm);color:var(--color-text-primary)}.calendar--sm{--calendar-cell: 1.9rem;gap:var(--space-stack-xs);padding:var(--space-inset-sm)}.calendar--lg{--calendar-cell: 2.6rem;gap:var(--space-stack-md);padding:var(--space-inset-lg)}.calendar--disabled{opacity:var(--opacity-disabled);pointer-events:none}.calendar__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline-sm)}.calendar__heading{color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.calendar__nav{display:grid;place-items:center;width:1.75rem;height:1.75rem;margin:0;padding:0;border:0;border-radius:var(--radius-control-sm);background:transparent;color:var(--color-icon-secondary);cursor:pointer;transition:background var(--motion-interaction-duration) var(--motion-interaction-easing),color var(--motion-interaction-duration) var(--motion-interaction-easing)}.calendar__nav svg{width:.9rem;height:.9rem}.calendar__nav:hover{background:var(--color-interactive-secondary);color:var(--color-icon-primary)}.calendar__nav:active{background:var(--color-interactive-secondary-active)}.calendar__nav:disabled{color:var(--color-disabled-icon);opacity:var(--opacity-disabled);cursor:not-allowed}.calendar__nav:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.calendar__weekdays,.calendar__week{display:grid;grid-template-columns:repeat(7,var(--calendar-cell));gap:var(--space-inline-2xs);justify-content:center}.calendar__grid{display:grid;gap:var(--space-inline-2xs)}.calendar__week>[role=gridcell]{display:grid}.calendar__weekday{display:grid;place-items:center;height:1.5rem;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.calendar__day{display:grid;place-items:center;width:var(--calendar-cell);height:var(--calendar-cell);margin:0;padding:0;border:var(--border-control) solid transparent;border-radius:var(--radius-control-sm);background:transparent;color:var(--color-text-primary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--motion-interaction-duration) var(--motion-interaction-easing),border-color var(--motion-interaction-duration) var(--motion-interaction-easing),color var(--motion-interaction-duration) var(--motion-interaction-easing)}.calendar--sm .calendar__day{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size)}.calendar__day:hover:not(.calendar__day--disabled):not(.calendar__day--selected){background:var(--color-interactive-secondary)}.calendar__day:active:not(.calendar__day--disabled):not(.calendar__day--selected){background:var(--color-interactive-secondary-active)}.calendar__day:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.calendar__day--outside{color:var(--color-text-muted);opacity:var(--opacity-muted)}.calendar__day--disabled{color:var(--color-disabled-text);opacity:var(--opacity-disabled);cursor:not-allowed}.calendar__day--today{border-color:var(--color-border-strong)}.calendar__day--selected{border-color:var(--color-interactive-selected-border);background:var(--color-interactive-primary);color:var(--color-text-inverse)}.calendar__day--selected:hover{background:var(--color-interactive-primary-hover)}.calendar__day--selected:active{background:var(--color-interactive-primary-active)}.calendar__day--selected.calendar__day--outside{opacity:var(--opacity-full)}.kpi-card{display:grid;gap:var(--space-stack-sm);width:min(100%,16rem);margin:0;padding:var(--space-inset-md);border:var(--border-highlight) solid var(--color-border-highlight);border-radius:var(--radius-surface-md);background:var(--color-bg-page);box-shadow:var(--shadow-raised-depth);color:var(--color-text-primary);text-align:start;outline:none}.kpi-card--sm{width:min(100%,12.5rem);gap:var(--space-stack-xs);padding:var(--space-inset-sm)}.kpi-card--lg{width:min(100%,20rem);gap:var(--space-stack-md);padding:var(--space-inset-lg)}.kpi-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline-sm);min-width:0}.kpi-card__label{margin:0;color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);text-transform:none}.kpi-card__value{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-lg-font-family);font-size:var(--text-heading-lg-font-size);font-weight:var(--text-heading-lg-font-weight);line-height:var(--text-heading-lg-line-height);letter-spacing:var(--text-heading-lg-letter-spacing);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.kpi-card--sm .kpi-card__value{font-family:var(--text-heading-md-font-family);font-size:var(--text-heading-md-font-size);font-weight:var(--text-heading-md-font-weight);line-height:var(--text-heading-md-line-height);letter-spacing:var(--text-heading-md-letter-spacing)}.kpi-card--lg .kpi-card__value{font-family:var(--text-metric-font-family);font-size:var(--text-metric-font-size);font-weight:var(--text-metric-font-weight);line-height:var(--text-metric-line-height);letter-spacing:var(--text-metric-letter-spacing)}.kpi-card__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-inline-xs) var(--space-inline-sm);min-width:0}.kpi-card__delta{display:inline-flex;align-items:center;gap:var(--space-inline-2xs);min-width:0;color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.kpi-card__delta-icon{display:grid;place-items:center;width:.95rem;height:.95rem}.kpi-card__delta-icon svg{width:100%;height:100%}.kpi-card__delta-text{font-variant-numeric:tabular-nums}.kpi-card__hint{color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.kpi-card--trend-up .kpi-card__delta{color:var(--color-text-success)}.kpi-card--trend-down .kpi-card__delta{color:var(--color-text-danger)}.kpi-card--trend-flat .kpi-card__delta,.kpi-card--trend-neutral .kpi-card__delta{color:var(--color-text-secondary)}.kpi-card--interactive{cursor:pointer;transition:transform var(--motion-interaction-duration) var(--motion-interaction-easing),box-shadow var(--motion-interaction-duration) var(--motion-interaction-easing),border-color var(--motion-interaction-duration) var(--motion-interaction-easing)}.kpi-card--interactive:hover{border-color:var(--color-border-highlight);box-shadow:var(--shadow-raised-depth)}.kpi-card--interactive:active{transform:scale(.98)}.kpi-card--interactive:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}@media(prefers-reduced-motion:reduce){.kpi-card--interactive,.kpi-card--interactive:active{transition:none;transform:none}}.insight-card{display:grid;gap:var(--space-stack-md);width:min(100%,24rem);margin:0;padding:var(--space-inset-xl);border:var(--border-highlight) solid var(--color-border-highlight);border-radius:var(--radius-surface-md);background:var(--color-bg-page);box-shadow:var(--shadow-raised-depth);color:var(--color-text-primary);text-align:start}.insight-card--sm{width:min(100%,20rem);gap:var(--space-stack-sm);padding:var(--space-inset-lg)}.insight-card--lg{width:min(100%,28rem);gap:var(--space-stack-lg);padding:var(--space-inset-2xl)}.insight-card__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-inline-sm);min-width:0}.insight-card__eyebrow{display:inline-flex;align-items:center;gap:var(--space-inline-2xs);min-width:0;color:var(--color-text-secondary)}.insight-card__icon{display:grid;place-items:center;width:1rem;height:1rem;color:var(--color-icon-brand)}.insight-card__icon svg{width:100%;height:100%}.insight-card__eyebrow-text{color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);text-transform:none}.insight-card__confidence{color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.insight-card__body{display:grid;gap:var(--space-stack-xs);min-width:0}.insight-card__title{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing)}.insight-card--lg .insight-card__title{font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing)}.insight-card__description{margin:0;color:var(--color-text-secondary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.insight-card__source{margin:0;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.insight-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-inline-md);min-width:0;margin-block-start:var(--space-stack-2xs)}.insight-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-inline-xs)}.insight-card__dismiss{padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);transition:color var(--motion-interaction-duration) var(--motion-interaction-easing)}.insight-card__dismiss:hover{color:var(--color-text-secondary)}.insight-card__dismiss:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs);border-radius:var(--radius-control-sm)}.insight-card--opportunity .insight-card__icon{color:var(--color-icon-brand)}.insight-card--warning .insight-card__icon{color:var(--color-icon-warning)}.insight-card--danger .insight-card__icon{color:var(--color-icon-danger)}.insight-card--info .insight-card__icon{color:var(--color-icon-info)}.insight-card--neutral .insight-card__icon{color:var(--color-icon-secondary)}@media(prefers-reduced-motion:reduce){.insight-card__dismiss{transition:none}}.toast{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-inline-sm);width:min(100%,26rem);margin:0;padding:var(--space-inset-md);border:var(--border-control) solid color-mix(in srgb,var(--color-border-default) calc(100% * var(--opacity-scrim-soft)),transparent);border-radius:var(--radius-control-lg);background:color-mix(in srgb,var(--color-bg-page) calc(100% * var(--opacity-muted)),transparent);box-shadow:var(--shadow-overlay-md);color:var(--color-text-primary);outline:none;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);animation:toast-in var(--motion-overlay-duration) var(--motion-ease-spring-soft) both}.toast__icon{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-pill);background:var(--color-bg-subtle);color:var(--color-icon-primary)}.toast__icon svg{width:.95rem;height:.95rem}.toast__content{display:grid;gap:var(--space-stack-2xs);min-width:0;align-content:center}.toast__title{margin:0;color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.toast__description{margin:0;color:var(--color-text-secondary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.toast__action{margin-top:var(--space-stack-xs)}.toast__close{flex-shrink:0;display:grid;place-items:center;width:1.75rem;height:1.75rem;margin:0;padding:0;border:0;border-radius:var(--radius-control-sm);background:transparent;color:var(--color-text-inverse);opacity:var(--opacity-muted);cursor:pointer;transition:opacity var(--motion-interaction-duration) var(--motion-interaction-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing)}.toast__close svg{width:.9rem;height:.9rem}.toast__close:hover{opacity:var(--opacity-full);background:transparent}.toast__close:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}[data-theme=dark] .toast__close{color:var(--color-text-primary)}.toast--default .toast__icon{background:var(--color-bg-subtle);color:var(--color-icon-primary)}.toast--success{border-color:color-mix(in srgb,var(--color-border-success) calc(100% * var(--opacity-scrim-soft)),transparent);background:color-mix(in srgb,var(--color-bg-success-subtle) calc(100% * var(--opacity-scrim-soft)),transparent)}.toast--success .toast__icon{background:color-mix(in srgb,var(--color-bg-success) calc(100% * var(--opacity-hover)),transparent);color:var(--color-icon-success)}.toast--success .toast__title{color:var(--color-status-success-text)}.toast--warning{border-color:color-mix(in srgb,var(--color-border-warning) calc(100% * var(--opacity-scrim-soft)),transparent);background:color-mix(in srgb,var(--color-bg-warning-subtle) calc(100% * var(--opacity-scrim-soft)),transparent)}.toast--warning .toast__icon{background:color-mix(in srgb,var(--color-bg-warning) calc(100% * var(--opacity-hover)),transparent);color:var(--color-icon-warning)}.toast--warning .toast__title{color:var(--color-status-warning-text)}.toast--danger{border-color:color-mix(in srgb,var(--color-border-danger) calc(100% * var(--opacity-scrim-soft)),transparent);background:color-mix(in srgb,var(--color-bg-danger-subtle) calc(100% * var(--opacity-scrim-soft)),transparent)}.toast--danger .toast__icon{background:color-mix(in srgb,var(--color-bg-danger) calc(100% * var(--opacity-hover)),transparent);color:var(--color-icon-danger)}.toast--danger .toast__title{color:var(--color-status-danger-text)}.toast--info{border-color:color-mix(in srgb,var(--color-border-info) calc(100% * var(--opacity-scrim-soft)),transparent);background:color-mix(in srgb,var(--color-bg-info-subtle) calc(100% * var(--opacity-scrim-soft)),transparent)}.toast--info .toast__icon{background:color-mix(in srgb,var(--color-bg-info) calc(100% * var(--opacity-hover)),transparent);color:var(--color-icon-info)}.toast--info .toast__title{color:var(--color-status-info-text)}.toast--sm{width:min(100%,22rem);gap:var(--space-inline-xs);padding:var(--space-inset-sm);border-radius:var(--radius-control-md)}.toast--sm .toast__icon{width:1.5rem;height:1.5rem}.toast--sm .toast__icon svg{width:.85rem;height:.85rem}.toast--sm .toast__title{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.toast--sm .toast__description{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.toast--sm .toast__close{width:1.5rem;height:1.5rem}.toast--lg{width:min(100%,30rem);gap:var(--space-inline-md);padding:var(--space-inset-md) var(--space-inset-lg)}.toast--lg .toast__icon{width:2rem;height:2rem}.toast--lg .toast__icon svg{width:1.05rem;height:1.05rem}.toast--lg .toast__title{font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.toast--lg .toast__description{font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}@keyframes toast-in{0%{transform:translateY(var(--space-inset-sm)) scale(.96)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-transparency:reduce){.toast{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-page)}.toast--success{background:var(--color-bg-success-subtle)}.toast--warning{background:var(--color-bg-warning-subtle)}.toast--danger{background:var(--color-bg-danger-subtle)}.toast--info{background:var(--color-bg-info-subtle)}}@media(prefers-reduced-motion:reduce){.toast,.toast__close{animation:none;transition:none}}.radio-group{display:grid;gap:var(--space-stack-md);margin:0;padding:0;border:0;min-inline-size:0}.radio-group__legend{float:left;width:100%;padding:0;margin:0 0 var(--space-stack-sm);color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.radio-group__options{display:grid;gap:var(--space-stack-md);clear:both}.radio-group__message{clear:both;margin:0;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);animation:radio-message-in var(--motion-expand-duration) var(--motion-ease-emphasized)}.radio-group__message--error{color:var(--color-text-danger)}@keyframes radio-message-in{0%{opacity:0;transform:translateY(-.15rem)}to{opacity:1;transform:translateY(0)}}.radio{--radio-size: 1.15rem;--radio-dot: .6rem;display:inline-flex;align-items:center;gap:var(--space-inline-sm);cursor:pointer}.radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.radio__control{position:relative;flex-shrink:0;box-sizing:border-box;width:var(--radio-size);height:var(--radio-size);border:var(--border-control) solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-bg-page);transition:border-color var(--motion-interaction-duration) var(--motion-interaction-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing)}.radio__dot{position:absolute;inset:50% auto auto 50%;width:var(--radio-dot);height:var(--radio-dot);border-radius:var(--radius-pill);background:var(--color-interactive-primary);transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform var(--motion-expand-duration) var(--motion-ease-spring),opacity var(--motion-interaction-duration) var(--motion-interaction-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing)}.radio[data-checked] .radio__control{border-color:var(--color-interactive-primary);background:var(--color-bg-page)}.radio[data-checked] .radio__dot{transform:translate(-50%,-50%) scale(1);opacity:1}.radio-group--error .radio:not([data-checked]) .radio__control{border-color:var(--color-border-danger)}.radio-group--error .radio[data-checked] .radio__control{border-color:var(--color-interactive-danger);background:var(--color-bg-page)}.radio-group--error .radio[data-checked] .radio__dot{background:var(--color-interactive-danger)}.radio-group--error .radio[data-checked]:hover:not([data-disabled]) .radio__control{border-color:var(--color-interactive-danger-hover);background:var(--color-bg-page)}.radio-group--error .radio[data-checked]:hover:not([data-disabled]) .radio__dot{background:var(--color-interactive-danger-hover)}.radio__label{color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.radio:hover:not([data-disabled]) .radio__control{border-color:var(--color-border-strong)}.radio[data-checked]:hover:not([data-disabled]) .radio__control{border-color:var(--color-interactive-primary-hover);background:var(--color-bg-page)}.radio[data-checked]:hover:not([data-disabled]) .radio__dot{background:var(--color-interactive-primary-hover)}.radio:has(.radio__input:focus-visible) .radio__control{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.radio[data-disabled]{cursor:not-allowed}.radio[data-disabled] .radio__control{opacity:var(--opacity-disabled)}.radio[data-disabled] .radio__label{color:var(--color-disabled-text)}.radio-group:disabled .radio{cursor:not-allowed}.radio-group--sm,.radio-group--sm .radio-group__options{gap:var(--space-stack-sm)}.radio-group--sm .radio{--radio-size: .95rem;--radio-dot: .48rem;gap:var(--space-inline-xs)}.radio-group--sm .radio__label{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.radio-group--sm .radio-group__legend{margin-bottom:var(--space-stack-xs);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.radio-group--lg{gap:var(--space-stack-lg)}.radio-group--lg .radio-group__legend{margin-bottom:var(--space-stack-md)}.radio-group--lg .radio-group__options{gap:var(--space-stack-lg)}.radio-group--lg .radio{--radio-size: 1.35rem;--radio-dot: .72rem;gap:var(--space-inline-md)}.radio-group--lg .radio__label{font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}@media(prefers-reduced-motion:reduce){.radio__control,.radio__dot,.radio-group__message{transition:none;animation:none}}.select-field{display:grid;gap:var(--space-stack-xs);width:100%}.select-field__label{margin:0;color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.select-field__shell{position:relative;display:grid}.select-field__control{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline-sm);width:100%;margin:0;border:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-control-md);background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);padding:var(--space-inset-sm) var(--space-inset-md);text-align:left;outline:none;cursor:pointer;transition:border-color var(--motion-interaction-duration) var(--motion-interaction-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing),opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}.select-field__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-field__value--placeholder{color:var(--color-text-muted)}.select-field__control:hover:not(:disabled):not(:focus-visible){border-color:var(--color-border-strong)}.select-field__control:focus-visible,.select-field--open .select-field__control{border-color:var(--color-border-focus);outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.select-field__chevron{flex-shrink:0;display:grid;place-items:center;width:1rem;height:1rem;color:var(--color-icon-muted);transition:color var(--motion-interaction-duration) var(--motion-interaction-easing),transform var(--motion-overlay-duration) var(--motion-overlay-easing)}.select-field--open .select-field__chevron{transform:rotate(180deg);color:var(--color-icon-brand)}.select-field__chevron svg{display:block;width:100%;height:100%}.select-field__control:hover:not(:disabled) .select-field__chevron{color:var(--color-icon-secondary)}.select-field__menu{position:absolute;z-index:20;top:calc(100% + var(--space-stack-xs));left:0;right:0;margin:0;padding:var(--space-inset-xs);list-style:none;border:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-control-md);background:var(--color-bg-page);box-shadow:var(--shadow-modal);max-height:16rem;overflow:auto;animation:select-menu-in var(--motion-overlay-duration) var(--motion-overlay-easing)}.select-field__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline-sm);padding:var(--space-inset-sm) var(--space-inset-md);border-radius:var(--radius-control-sm);color:var(--color-text-primary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);cursor:pointer}.select-field__option.is-active{background:var(--color-bg-subtle)}.select-field__option.is-selected{color:var(--color-text-brand)}.select-field__option.is-selected.is-active{background:var(--color-interactive-selected)}.select-field__option.is-disabled{color:var(--color-disabled-text);cursor:not-allowed}.select-field__option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-field__option-check{flex-shrink:0;display:grid;place-items:center;width:1rem;height:1rem;color:var(--color-icon-brand)}.select-field__option-check svg{display:block;width:100%;height:100%}.select-field__message{margin:0;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);animation:select-message-in var(--motion-expand-duration) var(--motion-ease-emphasized)}.select-field__message--error{color:var(--color-text-danger)}@keyframes select-menu-in{0%{opacity:0;transform:translateY(calc(-1 * var(--space-inset-2xs)))}to{opacity:1;transform:translateY(0)}}@keyframes select-message-in{0%{opacity:0;transform:translateY(-.15rem)}to{opacity:1;transform:translateY(0)}}.select-field--sm .select-field__control{padding:var(--space-inset-sm);border-radius:var(--radius-control-md);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.select-field--sm .select-field__chevron{width:.9rem;height:.9rem}.select-field--sm .select-field__option{padding:var(--space-inset-xs) var(--space-inset-sm);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.select-field--md .select-field__control{padding:var(--space-inset-sm) var(--space-inset-md);border-radius:var(--radius-control-md)}.select-field--lg .select-field__control{padding:var(--space-inset-md) var(--space-inset-lg);border-radius:var(--radius-control-lg);font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}.select-field--lg .select-field__chevron{width:1.15rem;height:1.15rem}.select-field--lg .select-field__menu{border-radius:var(--radius-control-lg);padding:var(--space-inset-sm)}.select-field--lg .select-field__option{padding:var(--space-inset-sm) var(--space-inset-md);border-radius:var(--radius-control-md);font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}.select-field--error .select-field__control{border-color:var(--color-border-danger)}.select-field--error .select-field__control:hover:not(:disabled):not(:focus-visible){border-color:var(--color-border-danger)}.select-field--error .select-field__control:focus-visible,.select-field--error.select-field--open .select-field__control{border-color:var(--color-border-danger);outline-color:var(--color-border-danger)}.select-field--error .select-field__chevron{color:var(--color-icon-danger)}.select-field__control:disabled{background:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-text);cursor:not-allowed}.select-field:has(.select-field__control:disabled) .select-field__label,.select-field:has(.select-field__control:disabled) .select-field__chevron,.select-field:has(.select-field__control:disabled) .select-field__value{color:var(--color-disabled-text)}@media(prefers-reduced-motion:reduce){.select-field__control,.select-field__chevron,.select-field__menu,.select-field__message{transition:none;animation:none}}.switch{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-inline-md);width:100%}.switch:not(:has(.switch__label)){width:fit-content;justify-content:start}.switch__label{color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.switch__control{position:relative;flex-shrink:0;width:2.5rem;height:1.4rem;padding:0;border:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-pill);background:var(--color-interactive-secondary);cursor:pointer;transition:background var(--motion-modal-duration) var(--motion-ease-out),border-color var(--motion-modal-duration) var(--motion-ease-out),opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}.switch__control[aria-checked=true]{background:var(--color-interactive-primary);border-color:var(--color-interactive-primary)}.switch__thumb{--switch-thumb-inset: .12rem;--switch-thumb-size: 1rem;--switch-thumb-stretch: 1.18rem;--switch-thumb-squash: .92rem;position:absolute;top:50%;left:var(--switch-thumb-inset);width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:var(--radius-pill);background:var(--color-brand-on-brand);transform:translateY(-50%);transition:left var(--motion-modal-duration) var(--motion-ease-spring),width var(--motion-modal-duration) var(--motion-ease-spring),height var(--motion-overlay-duration) var(--motion-ease-spring);pointer-events:none}.switch__control[aria-checked=true] .switch__thumb{left:calc(100% - var(--switch-thumb-size) - var(--switch-thumb-inset))}.switch__control[data-jelly][aria-checked=true] .switch__thumb{transition:none;animation:switch-thumb-on var(--motion-modal-duration) var(--motion-ease-spring) both}.switch__control[data-jelly][aria-checked=false] .switch__thumb{transition:none;animation:switch-thumb-off var(--motion-modal-duration) var(--motion-ease-spring) both}@keyframes switch-thumb-on{0%{left:var(--switch-thumb-inset);width:var(--switch-thumb-size);height:var(--switch-thumb-size)}30%{left:var(--switch-thumb-inset);width:var(--switch-thumb-stretch);height:var(--switch-thumb-squash)}70%{left:calc(100% - var(--switch-thumb-stretch) - var(--switch-thumb-inset));width:var(--switch-thumb-stretch);height:var(--switch-thumb-squash)}to{left:calc(100% - var(--switch-thumb-size) - var(--switch-thumb-inset));width:var(--switch-thumb-size);height:var(--switch-thumb-size)}}@keyframes switch-thumb-off{0%{left:calc(100% - var(--switch-thumb-size) - var(--switch-thumb-inset));width:var(--switch-thumb-size);height:var(--switch-thumb-size)}30%{left:calc(100% - var(--switch-thumb-stretch) - var(--switch-thumb-inset));width:var(--switch-thumb-stretch);height:var(--switch-thumb-squash)}70%{left:var(--switch-thumb-inset);width:var(--switch-thumb-stretch);height:var(--switch-thumb-squash)}to{left:var(--switch-thumb-inset);width:var(--switch-thumb-size);height:var(--switch-thumb-size)}}.switch__control:hover:not(:disabled){border-color:var(--color-border-strong)}.switch__control[aria-checked=true]:hover:not(:disabled){background:var(--color-interactive-primary-hover);border-color:var(--color-interactive-primary-hover)}.switch__control:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.switch__control:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.switch:has(.switch__control:disabled) .switch__label{color:var(--color-disabled-text)}.switch--sm{gap:var(--space-inline-sm)}.switch--sm .switch__label{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.switch--sm .switch__control{width:2rem;height:1.15rem}.switch--sm .switch__thumb{--switch-thumb-inset: .1rem;--switch-thumb-size: .85rem;--switch-thumb-stretch: .98rem;--switch-thumb-squash: .78rem}.switch--md .switch__control{width:2.5rem;height:1.4rem}.switch--lg{gap:var(--space-inline-lg)}.switch--lg .switch__label{font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.switch--lg .switch__control{width:3rem;height:1.65rem}.switch--lg .switch__thumb{--switch-thumb-inset: .14rem;--switch-thumb-size: 1.2rem;--switch-thumb-stretch: 1.38rem;--switch-thumb-squash: 1.1rem}@media(prefers-reduced-motion:reduce){.switch__control,.switch__thumb{transition:none}.switch__control[data-jelly][aria-checked=true] .switch__thumb,.switch__control[data-jelly][aria-checked=false] .switch__thumb{animation:none}}.tabs{display:grid;gap:var(--space-stack-md);width:100%}.tabs__list{position:relative;display:flex;flex-wrap:wrap;align-items:center;width:fit-content;max-width:100%}.tabs__indicator{position:absolute;top:0;left:0;z-index:0;pointer-events:none;opacity:0;transform-origin:left center;transition:transform var(--motion-modal-duration) var(--motion-ease-out),width var(--motion-modal-duration) var(--motion-ease-out),height var(--motion-modal-duration) var(--motion-ease-out),opacity var(--motion-interaction-duration) var(--motion-ease-out)}.tabs__indicator[data-ready]{opacity:1}.tabs__indicator:not([data-ready]){transition:none}.tabs__trigger{position:relative;z-index:1;appearance:none;margin:0;border:0;background:transparent;color:var(--color-text-muted);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);cursor:pointer;transition:color var(--motion-overlay-duration) var(--motion-ease-out)}.tabs__trigger:hover:not(:disabled){color:var(--color-text-primary)}.tabs__trigger[data-state=active]{color:var(--color-text-primary)}.tabs__trigger:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.tabs__trigger:disabled{color:var(--color-disabled-text);cursor:not-allowed;opacity:var(--opacity-disabled)}.tabs__content{min-width:0;color:var(--color-text-secondary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);outline:none;animation:tabs-content-in var(--motion-page-duration) var(--motion-ease-out) both;will-change:opacity,filter,transform}.tabs--segmented .tabs__list{gap:var(--space-inline-2xs);padding:var(--space-inset-2xs);border-radius:var(--radius-control-md);background:var(--color-bg-subtle);box-shadow:inset 0 0 0 var(--border-surface) var(--color-border-default)}.tabs--segmented .tabs__indicator{border-radius:var(--radius-control-sm);background:var(--color-bg-page);box-shadow:var(--shadow-raised-sm)}.tabs--segmented .tabs__trigger{border-radius:var(--radius-control-sm);padding:var(--space-inset-sm) var(--space-inset-md)}.tabs--line .tabs__list{gap:var(--space-inline-md);width:100%;border-bottom:var(--border-divider) solid var(--color-border-default)}.tabs--line .tabs__indicator{top:auto;bottom:0;height:var(--border-control-strong)!important;border-radius:var(--radius-pill);background:var(--color-text-primary)}.tabs--line .tabs__trigger{padding:var(--space-inset-sm) var(--space-inset-2xs);margin-bottom:calc(-1 * var(--border-divider))}.tabs--sm{gap:var(--space-stack-sm)}.tabs--sm.tabs--segmented .tabs__trigger{padding:var(--space-inset-xs) var(--space-inset-sm);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.tabs--sm.tabs--segmented .tabs__indicator{border-radius:var(--radius-control-sm)}.tabs--sm.tabs--line .tabs__trigger{padding:var(--space-inset-xs) var(--space-inset-2xs);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.tabs--lg{gap:var(--space-stack-lg)}.tabs--lg.tabs--segmented .tabs__list{padding:var(--space-inset-xs);border-radius:var(--radius-control-lg);gap:var(--space-inline-xs)}.tabs--lg.tabs--segmented .tabs__trigger{padding:var(--space-inset-sm) var(--space-inset-lg);border-radius:var(--radius-control-md);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.tabs--lg.tabs--segmented .tabs__indicator{border-radius:var(--radius-control-md)}.tabs--lg.tabs--line .tabs__trigger{padding:var(--space-inset-md) var(--space-inset-xs);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.tabs--lg .tabs__content{font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}@keyframes tabs-content-in{0%{opacity:0;filter:blur(.28rem);transform:translateY(var(--space-inset-sm))}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tabs__trigger,.tabs__content,.tabs__indicator{transition:none;animation:none;filter:none}.tabs__content{will-change:auto}}.tag{display:inline-flex;align-items:center;width:fit-content;max-width:100%;border:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-pill);color:var(--color-text-secondary);vertical-align:middle}.tag__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag--sm{gap:var(--space-inline-2xs);padding:var(--space-inset-2xs) var(--space-inset-xs);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.tag--md{gap:var(--space-inline-xs);padding:var(--space-inset-xs) var(--space-inset-sm);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.tag--lg{gap:var(--space-inline-sm);padding:var(--space-inset-sm) var(--space-inset-md);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.tag--neutral{border-color:var(--color-border-default);background:var(--color-bg-subtle);color:var(--color-text-secondary)}.tag--brand{border-color:var(--color-border-brand);background:var(--color-bg-brand-subtle);color:var(--color-text-brand)}.tag--success{border-color:var(--color-border-success);background:var(--color-bg-success-subtle);color:var(--color-status-success-text)}.tag--warning{border-color:var(--color-border-warning);background:var(--color-bg-warning-subtle);color:var(--color-status-warning-text)}.tag--danger{border-color:var(--color-border-danger);background:var(--color-bg-danger-subtle);color:var(--color-status-danger-text)}.tag--info{border-color:var(--color-border-info);background:var(--color-bg-info-subtle);color:var(--color-status-info-text)}.tag__remove{display:grid;flex:none;place-items:center;width:var(--space-inset-lg);height:var(--space-inset-lg);margin:calc(var(--space-inset-2xs) * -1);padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:currentColor;cursor:pointer;transition:background var(--motion-interaction-duration) var(--motion-interaction-easing),opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}.tag__remove svg{width:100%;height:100%}.tag__remove:hover{background:color-mix(in srgb,currentColor calc(100% * var(--opacity-hover)),transparent)}.tag__remove:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.tag--disabled{border-color:var(--color-disabled-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);opacity:var(--opacity-disabled)}.tag__remove:disabled{cursor:not-allowed}.timeline{display:grid;width:100%;margin:0;padding:0;list-style:none}.timeline__step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-inline-lg);align-items:stretch}.timeline__rail{display:flex;flex-direction:column;align-items:center;width:var(--space-inset-md)}.timeline__dot{flex:none;width:var(--space-inset-sm);height:var(--space-inset-sm);border:var(--border-control-strong) solid var(--color-border-strong);border-radius:var(--radius-pill);background:transparent}.timeline__line{flex:1;width:var(--border-control);min-height:var(--space-stack-lg);margin-block:var(--space-stack-xs);background:var(--color-border-default)}.timeline__step--now .timeline__dot{border-color:var(--color-text-primary);background:var(--color-text-primary)}.timeline__step--now .timeline__line{background:var(--color-text-primary)}.timeline__step--next .timeline__dot{border-color:var(--color-border-strong);background:transparent}.timeline__step--later .timeline__dot{border-color:var(--color-border-default);background:transparent}.timeline__step--later .timeline__line{background:var(--color-border-subtle)}.timeline__copy{display:grid;gap:var(--space-stack-2xs);padding-block-end:var(--space-stack-lg)}.timeline__step:last-child .timeline__copy{padding-block-end:0}.timeline__phase{margin:0;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.timeline__step--now .timeline__phase{color:var(--color-text-primary)}.timeline__title{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing)}.timeline__body{margin:0;color:var(--color-text-secondary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.timeline__step--next .timeline__title,.timeline__step--next .timeline__body{color:var(--color-text-secondary)}.timeline__step--later .timeline__title,.timeline__step--later .timeline__body,.timeline__step--later .timeline__phase{color:var(--color-text-muted)}.textarea-field{display:grid;gap:var(--space-stack-xs);width:100%}.textarea-field__label{margin:0;color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.textarea-field__control{width:100%;margin:0;border:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-control-md);background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);padding:var(--space-inset-sm) var(--space-inset-md);min-height:6.5rem;resize:vertical;outline:none;transition:border-color var(--motion-interaction-duration) var(--motion-interaction-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing),opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}.textarea-field__control::placeholder{color:var(--color-text-muted)}.textarea-field__control:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.textarea-field__control:focus-visible{border-color:var(--color-border-focus);outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.textarea-field__message{margin:0;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);animation:textarea-message-in var(--motion-expand-duration) var(--motion-ease-emphasized)}.textarea-field__message--error{color:var(--color-text-danger)}@keyframes textarea-message-in{0%{opacity:0;transform:translateY(-.15rem)}to{opacity:1;transform:translateY(0)}}.textarea-field--sm .textarea-field__control{padding:var(--space-inset-sm);border-radius:var(--radius-control-md);min-height:5rem;font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.textarea-field--md .textarea-field__control{padding:var(--space-inset-sm) var(--space-inset-md);border-radius:var(--radius-control-md);min-height:6.5rem}.textarea-field--lg .textarea-field__control{padding:var(--space-inset-md) var(--space-inset-lg);border-radius:var(--radius-control-lg);min-height:8rem;font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}.textarea-field--error .textarea-field__control{border-color:var(--color-border-danger)}.textarea-field--error .textarea-field__control:hover:not(:disabled):not(:focus){border-color:var(--color-border-danger)}.textarea-field--error .textarea-field__control:focus-visible{border-color:var(--color-border-danger);outline-color:var(--color-border-danger)}.textarea-field__control:disabled{background:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-text);cursor:not-allowed;resize:none}.textarea-field:has(.textarea-field__control:disabled) .textarea-field__label{color:var(--color-disabled-text)}@media(prefers-reduced-motion:reduce){.textarea-field__control{transition:none}.textarea-field__message{animation:none}}.tooltip{position:relative;display:inline-flex}.tooltip__bubble{--tooltip-offset: calc(100% + .5rem) ;position:absolute;z-index:10;width:max-content;max-width:16rem;padding:var(--space-inset-xs) var(--space-inset-sm);border-radius:var(--radius-control-md);background:var(--color-bg-inverse);box-shadow:var(--shadow-overlay-sm);color:var(--color-text-inverse);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--motion-overlay-exit-duration) var(--motion-overlay-exit-easing),transform var(--motion-overlay-exit-duration) var(--motion-overlay-exit-easing),visibility 0s linear var(--motion-overlay-exit-duration)}.tooltip__bubble--open{opacity:1;visibility:visible;transition:opacity var(--motion-overlay-duration) var(--motion-overlay-easing),transform var(--motion-overlay-duration) var(--motion-overlay-easing)}.tooltip__arrow{position:absolute;width:.5rem;height:.5rem;background:var(--color-bg-inverse);transform:rotate(45deg)}.tooltip__bubble--top{bottom:var(--tooltip-offset);left:50%;transform:translate(-50%) translateY(.25rem) scale(.96)}.tooltip__bubble--top.tooltip__bubble--open{transform:translate(-50%) translateY(0) scale(1)}.tooltip__bubble--top .tooltip__arrow{bottom:-.2rem;left:calc(50% - .25rem)}.tooltip__bubble--bottom{top:var(--tooltip-offset);left:50%;transform:translate(-50%) translateY(-.25rem) scale(.96)}.tooltip__bubble--bottom.tooltip__bubble--open{transform:translate(-50%) translateY(0) scale(1)}.tooltip__bubble--bottom .tooltip__arrow{top:-.2rem;left:calc(50% - .25rem)}.tooltip__bubble--left{right:var(--tooltip-offset);top:50%;transform:translateY(-50%) translate(.25rem) scale(.96)}.tooltip__bubble--left.tooltip__bubble--open{transform:translateY(-50%) translate(0) scale(1)}.tooltip__bubble--left .tooltip__arrow{right:-.2rem;top:calc(50% - .25rem)}.tooltip__bubble--right{left:var(--tooltip-offset);top:50%;transform:translateY(-50%) translate(-.25rem) scale(.96)}.tooltip__bubble--right.tooltip__bubble--open{transform:translateY(-50%) translate(0) scale(1)}.tooltip__bubble--right .tooltip__arrow{left:-.2rem;top:calc(50% - .25rem)}@media(prefers-reduced-motion:reduce){.tooltip__bubble,.tooltip__bubble--open{transition:opacity var(--motion-overlay-exit-duration) var(--motion-overlay-exit-easing);transform:none}.tooltip__bubble--top,.tooltip__bubble--top.tooltip__bubble--open,.tooltip__bubble--bottom,.tooltip__bubble--bottom.tooltip__bubble--open{transform:translate(-50%)}.tooltip__bubble--left,.tooltip__bubble--left.tooltip__bubble--open,.tooltip__bubble--right,.tooltip__bubble--right.tooltip__bubble--open{transform:translateY(-50%)}}.thinking-animation{display:inline-flex;align-items:center;gap:var(--space-inline-sm);color:var(--color-text-muted)}.thinking-animation__dots{display:inline-flex;align-items:center;gap:var(--space-inline-2xs)}.thinking-animation__dot{inline-size:var(--space-inset-xs);block-size:var(--space-inset-xs);border-radius:var(--radius-pill);background:var(--color-icon-secondary);opacity:var(--opacity-muted);animation:thinking-dot calc(var(--motion-modal-duration) * 3) var(--motion-expand-easing) infinite;will-change:transform,opacity}.thinking-animation__dot:nth-child(2){animation-delay:var(--motion-interaction-duration)}.thinking-animation__dot:nth-child(3){animation-delay:calc(var(--motion-interaction-duration) * 2)}.thinking-animation__label{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.thinking-animation--sm{gap:var(--space-inline-xs)}.thinking-animation--sm .thinking-animation__dots{gap:var(--space-inline-2xs)}.thinking-animation--sm .thinking-animation__dot{inline-size:var(--space-inset-2xs);block-size:var(--space-inset-2xs)}.thinking-animation--lg{gap:var(--space-inline-md)}.thinking-animation--lg .thinking-animation__dot{inline-size:var(--space-inset-sm);block-size:var(--space-inset-sm)}.thinking-animation--lg .thinking-animation__label{font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}@keyframes thinking-dot{0%,60%,to{opacity:var(--opacity-muted);transform:translateY(0) scale(.8)}30%{opacity:var(--opacity-full);transform:translateY(calc(-1 * var(--space-inset-xs))) scale(1)}}@media(prefers-reduced-motion:reduce){.thinking-animation__dot{opacity:var(--opacity-full);animation:none;transform:none}}.chat-pattern{box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:100%;min-block-size:0;block-size:calc(var(--space-section-lg) * 7);max-block-size:100%;border:0;border-radius:var(--radius-surface-lg);background:var(--color-bg-page);box-shadow:var(--shadow-raised-soft);color:var(--color-text-primary);overflow:hidden}.chat-pattern__header{position:relative;display:flex;align-items:center;gap:var(--space-inline-sm);padding:var(--space-inset-md) var(--space-inset-xl);border-bottom:var(--border-divider) solid var(--color-border-subtle)}.chat-pattern__send svg{inline-size:var(--space-inset-md);block-size:var(--space-inset-md)}.chat-pattern__identity{flex:1;display:grid;gap:var(--space-stack-2xs);min-width:0}.chat-pattern__header-actions{display:flex;flex:none;align-items:center;gap:var(--space-inline-2xs)}.chat-pattern__config{position:relative;flex:none}.chat-pattern__config-trigger,.chat-pattern__close{display:grid;place-items:center;inline-size:calc(var(--space-inset-xl) + var(--space-inset-xs));block-size:calc(var(--space-inset-xl) + var(--space-inset-xs));margin:0;padding:0;border:0;border-radius:var(--radius-control-md);background:transparent;color:var(--color-icon-secondary);cursor:pointer;transform:scale(1);transition:background var(--motion-interaction-duration) var(--motion-interaction-easing),color var(--motion-interaction-duration) var(--motion-interaction-easing),transform var(--motion-interaction-duration) var(--motion-interaction-easing)}.chat-pattern__config-trigger svg,.chat-pattern__close svg{inline-size:var(--space-inset-md);block-size:var(--space-inset-md)}.chat-pattern__config-trigger:hover,.chat-pattern__close:hover{background:var(--color-interactive-secondary);color:var(--color-icon-primary)}.chat-pattern__config-trigger:active,.chat-pattern__close:active{transform:scale(.97)}.chat-pattern__config-trigger:focus-visible,.chat-pattern__close:focus-visible,.chat-pattern__config-item:focus-visible{outline:var(--border-control) solid var(--color-border-strong);outline-offset:var(--space-inset-2xs)}.chat-pattern__config-menu{position:absolute;top:calc(100% + var(--space-inset-xs));right:0;z-index:2;display:grid;min-inline-size:calc(var(--space-section-lg) * 2);padding:var(--space-inset-xs);border:var(--border-surface) solid var(--color-border-default);border-radius:var(--radius-surface-sm);background:var(--color-bg-page);box-shadow:var(--shadow-overlay-sm);transform-origin:top right}.chat-pattern__config-item{width:100%;margin:0;padding:var(--space-inset-sm) var(--space-inset-md);border:0;border-radius:var(--radius-control-sm);background:transparent;color:var(--color-text-secondary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);text-align:left;cursor:pointer}.chat-pattern__config-item:hover{background:var(--color-interactive-secondary);color:var(--color-text-primary)}.chat-pattern__config-item--danger{color:var(--color-text-danger)}.chat-pattern__title{color:var(--color-text-primary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.chat-pattern__status{display:flex;align-items:center;gap:var(--space-inline-2xs);color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.chat-pattern__status-dot{inline-size:var(--space-inset-2xs);block-size:var(--space-inset-2xs);border-radius:var(--radius-pill);background:var(--color-icon-secondary)}.chat-pattern__messages{display:flex;flex-direction:column;gap:var(--space-stack-md);min-block-size:0;max-block-size:100%;padding:var(--space-inset-lg) var(--space-inset-xl);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.chat-pattern__messages::-webkit-scrollbar{display:none}.chat-pattern__empty{margin:auto;color:var(--color-text-muted);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);text-align:center}.chat-pattern__message{display:flex;align-items:flex-start;gap:var(--space-inline-sm)}.chat-pattern__message--user{justify-content:flex-end}.chat-pattern__message-content{display:grid;gap:var(--space-stack-2xs);max-inline-size:78%}.chat-pattern__message--user .chat-pattern__message-content{justify-items:end}.chat-pattern__bubble,.chat-pattern__thinking{padding:var(--space-inset-sm) var(--space-inset-md);border:var(--border-control) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-subtle);color:var(--color-text-primary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);overflow-wrap:anywhere}.chat-pattern__message--assistant .chat-pattern__bubble{border-start-start-radius:var(--radius-control-sm)}.chat-pattern__message--user .chat-pattern__bubble{border-color:var(--color-bg-inverse);border-end-end-radius:var(--radius-control-sm);background:var(--color-bg-inverse);color:var(--color-text-inverse)}.chat-pattern__timestamp{color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.chat-pattern__thinking{color:var(--color-text-muted)}.chat-pattern__suggestions{display:flex;gap:var(--space-inline-xs);padding:0 var(--space-inset-xl) var(--space-inset-sm);overflow-x:auto;scrollbar-width:none}.chat-pattern__suggestions::-webkit-scrollbar{display:none}.chat-pattern__suggestion{flex:none;padding:var(--space-inset-xs) var(--space-inset-sm);border:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-pill);background:var(--color-bg-page);color:var(--color-text-secondary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);cursor:pointer;transform:scale(1);transition:background var(--motion-interaction-duration) var(--motion-interaction-easing),border-color var(--motion-interaction-duration) var(--motion-interaction-easing),color var(--motion-interaction-duration) var(--motion-interaction-easing),transform var(--motion-interaction-duration) var(--motion-interaction-easing)}.chat-pattern__suggestion:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-interactive-secondary);color:var(--color-text-primary)}.chat-pattern__suggestion:active:not(:disabled),.chat-pattern__send:active:not(:disabled){transform:scale(.97)}.chat-pattern__suggestion:focus-visible,.chat-pattern__send:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.chat-pattern__suggestion:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.chat-pattern__composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-inline-sm);margin:0;padding:var(--space-inset-md);border-top:var(--border-divider) solid var(--color-border-subtle);background:var(--color-bg-surface)}.chat-pattern__input{box-sizing:border-box;width:100%;min-block-size:calc(var(--space-inset-xl) + var(--space-inset-sm));margin:0;padding:var(--space-inset-sm) var(--space-inset-md);border:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-control-lg);outline:none;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);transition:background var(--motion-interaction-duration) var(--motion-interaction-easing),border-color var(--motion-interaction-duration) var(--motion-interaction-easing)}.chat-pattern__input::placeholder{color:var(--color-text-muted)}.chat-pattern__input:hover:not(:disabled){border-color:var(--color-border-strong)}.chat-pattern__input:focus{border-color:var(--color-border-strong);outline:var(--border-control) solid var(--color-border-strong);outline-offset:0}.chat-pattern__input:disabled{border-color:var(--color-border-default);background:var(--color-bg-page);color:var(--color-disabled-text);cursor:not-allowed}.chat-pattern__send{display:grid;place-items:center;inline-size:calc(var(--space-inset-xl) + var(--space-inset-sm));block-size:calc(var(--space-inset-xl) + var(--space-inset-sm));padding:0;border:var(--border-control) solid transparent;border-radius:var(--radius-control-lg);background:var(--color-bg-inverse);color:var(--color-text-inverse);cursor:pointer;transform:scale(1);transition:opacity var(--motion-interaction-duration) var(--motion-interaction-easing),transform var(--motion-interaction-duration) var(--motion-interaction-easing)}.chat-pattern__send:hover:not(:disabled){opacity:var(--opacity-muted)}.chat-pattern__send:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-icon);cursor:not-allowed}@media(prefers-reduced-motion:reduce){.chat-pattern__suggestion,.chat-pattern__send{transition:none;transform:none}.chat-pattern__suggestion:active:not(:disabled),.chat-pattern__send:active:not(:disabled){transform:none}}@media(max-width:40rem){.chat-pattern__header,.chat-pattern__composer{padding-inline:var(--space-inset-md)}}.shimmer-text{--shimmer-text-duration: calc( var(--motion-modal-duration) * var(--shimmer-duration-factor, 4) );display:inline-block;color:var(--color-text-primary);font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}.shimmer-text__content{white-space:pre-wrap}.shimmer-text__character{display:inline-block;opacity:var(--opacity-muted);animation:shimmer-text-wave var(--shimmer-text-duration) var(--motion-expand-easing) infinite;animation-delay:calc(var(--shimmer-text-duration) * var(--shimmer-phase) * -1)}.shimmer-text--sm{font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.shimmer-text--lg{font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing)}@keyframes shimmer-text-wave{0%,to{opacity:var(--opacity-muted)}50%{opacity:var(--opacity-full)}}@media(prefers-reduced-motion:reduce){.shimmer-text__character{opacity:var(--opacity-full);animation:none}}.loading-animation{--loading-animation-duration: calc(var(--motion-modal-duration) * 5);--loading-dot-size: var(--space-inset-xs);display:inline-grid;grid-template-columns:repeat(3,auto);gap:var(--space-inline-xs);padding:var(--space-inset-sm);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-sm);background:var(--color-bg-muted)}.loading-animation__dot{position:relative;inline-size:var(--loading-dot-size);block-size:var(--loading-dot-size)}.loading-animation__dot:before,.loading-animation__dot:after{position:absolute;inset:0;border-radius:var(--radius-pill);content:""}.loading-animation__dot:before{background:var(--color-text-primary)}.loading-animation__dot:after{background:var(--color-text-inverse);opacity:var(--opacity-hover)}.loading-animation--grid .loading-animation__dot:after{animation:loading-dot-crossfade var(--loading-animation-duration) var(--motion-expand-easing) infinite;animation-delay:calc(var(--loading-animation-duration) * var(--loading-phase) * -1)}.loading-animation--pulse .loading-animation__dot{animation:loading-dot-pulse var(--loading-animation-duration) var(--motion-expand-easing) infinite}.loading-animation--pulse .loading-animation__dot{animation-delay:calc(var(--loading-animation-duration) * var(--loading-phase) * -.5)}.loading-animation--pulse .loading-animation__dot:after{display:none}.loading-animation--circular{position:relative;display:inline-block;inline-size:calc(var(--loading-dot-size) * 5);block-size:calc(var(--loading-dot-size) * 5)}.loading-animation--circular .loading-animation__dot{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(calc(var(--loading-index) * 45deg)) translateY(calc(var(--loading-dot-size) * -2))}.loading-animation--circular .loading-animation__dot:nth-child(9){display:none}.loading-animation--circular .loading-animation__dot:before{animation:loading-dot-circular var(--loading-animation-duration) var(--motion-expand-easing) infinite;animation-delay:calc(var(--loading-animation-duration) * var(--loading-phase) * -1)}.loading-animation--circular .loading-animation__dot:after{display:none}.loading-animation--sm{--loading-dot-size: var(--space-inset-2xs);gap:var(--space-inline-2xs);padding:var(--space-inset-xs)}.loading-animation--lg{--loading-dot-size: var(--space-inset-sm);gap:var(--space-inline-sm);padding:var(--space-inset-md)}@keyframes loading-dot-crossfade{0%,to{opacity:var(--opacity-hover)}50%{opacity:var(--opacity-full)}}@keyframes loading-dot-pulse{0%,to{opacity:var(--opacity-muted);transform:scale(.75)}50%{opacity:var(--opacity-full);transform:scale(1)}}@keyframes loading-dot-circular{0%,to{opacity:var(--opacity-muted);transform:scale(.7)}25%{opacity:var(--opacity-full);transform:scale(1)}}@media(prefers-reduced-motion:reduce){.loading-animation__dot,.loading-animation__dot:before,.loading-animation__dot:after{animation:none}.loading-animation--grid .loading-animation__dot:after{opacity:var(--opacity-hover)}}.number-transition{--number-transition-duration: var(--motion-modal-duration);display:inline-block;color:var(--color-text-primary);font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing);font-variant-numeric:tabular-nums}.number-transition__content{display:inline-grid;grid-auto-flow:column}.number-transition__cell{display:inline-grid;overflow:hidden}.number-transition__old,.number-transition__new{grid-area:1 / 1}.number-transition__cell.is-changing[data-direction=up] .number-transition__old{animation:number-transition-old-up var(--number-transition-duration) var(--motion-expand-easing) both}.number-transition__cell.is-changing[data-direction=up] .number-transition__new{animation:number-transition-new-up var(--number-transition-duration) var(--motion-expand-easing) both}.number-transition__cell.is-changing[data-direction=down] .number-transition__old{animation:number-transition-old-down var(--number-transition-duration) var(--motion-expand-easing) both}.number-transition__cell.is-changing[data-direction=down] .number-transition__new{animation:number-transition-new-down var(--number-transition-duration) var(--motion-expand-easing) both}.number-transition--sm{font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.number-transition--lg{font-family:var(--text-heading-lg-font-family);font-size:var(--text-heading-lg-font-size);font-weight:var(--text-heading-lg-font-weight);line-height:var(--text-heading-lg-line-height);letter-spacing:var(--text-heading-lg-letter-spacing)}@keyframes number-transition-old-up{0%{opacity:var(--opacity-full);transform:translateY(0)}to{opacity:var(--opacity-hover);transform:translateY(-100%)}}@keyframes number-transition-new-up{0%{opacity:var(--opacity-hover);transform:translateY(100%)}to{opacity:var(--opacity-full);transform:translateY(0)}}@keyframes number-transition-old-down{0%{opacity:var(--opacity-full);transform:translateY(0)}to{opacity:var(--opacity-hover);transform:translateY(100%)}}@keyframes number-transition-new-down{0%{opacity:var(--opacity-hover);transform:translateY(-100%)}to{opacity:var(--opacity-full);transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.number-transition__old{display:none}.number-transition__new{opacity:var(--opacity-full);animation:none;transform:none}}.data-table__scroll{width:100%;overflow-x:auto;border:0;border-radius:0 0 var(--radius-surface-md) var(--radius-surface-md);background:var(--color-bg-page);scrollbar-width:none}.data-table-shell{display:grid;gap:0;width:100%;border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-page);box-shadow:var(--shadow-raised-sm);overflow:hidden}.data-table-shell .data-table__scroll{border-radius:0;box-shadow:none}.data-table__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-gap-sm);padding:var(--space-inset-md);border-bottom:var(--border-divider) solid var(--color-border-subtle);background:var(--color-bg-surface)}.data-table__search{position:relative;flex:1 1 12rem;min-width:min(100%,12rem);max-width:18rem}.data-table__search-icon{position:absolute;inset-block-start:50%;inset-inline-start:var(--space-inset-sm);z-index:1;color:var(--color-icon-muted);pointer-events:none;transform:translateY(-50%)}.data-table__search-input.field{margin:0}.data-table__search-input .field__control{padding-inline-start:calc(var(--space-inset-md) + 1rem)}.data-table__filter.select-field{flex:0 1 9.5rem;min-width:8.5rem;width:auto;gap:0}.data-table__filter .select-field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.data-table__toolbar-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-gap-xs);margin-inline-start:auto}.data-table__settings{position:relative}.data-table__settings-trigger{display:inline-flex;align-items:center;gap:var(--space-inline-2xs)}.data-table__settings-panel{position:absolute;inset-block-start:calc(100% + var(--space-stack-xs));inset-inline-end:0;z-index:20;display:grid;gap:var(--space-stack-md);width:min(17.5rem,calc(100vw - var(--space-inset-xl)));padding:var(--space-inset-lg);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-page);box-shadow:var(--shadow-overlay-md)}.data-table__settings-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-gap-md);padding-block-end:var(--space-stack-2xs)}.data-table__settings-title{margin:0;color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.data-table__settings-close{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-inset-xs);border:0;border-radius:var(--radius-control-sm);background:transparent;color:var(--color-icon-muted);cursor:pointer;transition:background var(--motion-interaction-duration) var(--motion-interaction-easing),color var(--motion-interaction-duration) var(--motion-interaction-easing)}.data-table__settings-close:hover{background:var(--color-interactive-secondary);color:var(--color-icon-primary)}.data-table__settings-close:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-stack-2xs)}.data-table__settings-list{display:grid;gap:var(--space-stack-sm);margin:0;padding:0;list-style:none}.data-table__settings-item{padding-block:var(--space-inset-2xs)}.data-table__settings-item .checkbox{width:100%}.data-table__chips{display:flex;flex-wrap:wrap;gap:var(--space-gap-xs);padding:var(--space-inset-sm) var(--space-inset-md);border-bottom:var(--border-divider) solid var(--color-border-subtle);background:var(--color-bg-surface)}.data-table__chip{display:inline-flex;align-items:center;gap:var(--space-inline-2xs);padding:var(--space-inset-2xs) var(--space-inset-sm);border:var(--border-control) solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-bg-page);color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);cursor:pointer;transition:background var(--motion-interaction-duration) var(--motion-interaction-easing),border-color var(--motion-interaction-duration) var(--motion-interaction-easing),color var(--motion-interaction-duration) var(--motion-interaction-easing)}.data-table__chip:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.data-table__chip:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-stack-2xs)}.data-table__meta{padding:var(--space-inset-sm) var(--space-inset-md);border-bottom:var(--border-divider) solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.data-table-shell .data-table caption{border-bottom:var(--border-divider) solid var(--color-border-subtle)}.data-table-shell:not(:has(.data-table__toolbar)) .data-table__scroll{border-radius:var(--radius-surface-md)}.data-table-shell:not(:has(.data-table__toolbar)){border:0;border-radius:var(--radius-surface-md);box-shadow:none;background:transparent}@media(max-width:48rem){.data-table__toolbar{align-items:stretch}.data-table__search{flex:1 1 100%;max-width:none}.data-table__filter.select-field{flex:1 1 calc(50% - var(--space-gap-sm));min-width:0}.data-table__toolbar-actions{flex:1 1 100%;justify-content:space-between;margin-inline-start:0}}.data-table__scroll::-webkit-scrollbar{display:none}.data-table{width:100%;border-collapse:separate;border-spacing:0;color:var(--color-text-primary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);text-align:left}.data-table caption{padding:var(--space-inset-md);border-bottom:var(--border-divider) solid var(--color-border-subtle);color:var(--color-text-primary);font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing);text-align:left}.data-table th{padding:var(--space-inset-sm) var(--space-inset-md);border-bottom:var(--border-divider) solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);text-transform:none;white-space:nowrap}.data-table td{position:relative;padding:var(--space-inset-md);border-bottom:var(--border-divider) solid var(--color-border-subtle);background:var(--color-bg-page);color:var(--color-text-secondary);vertical-align:middle}.data-table tbody td:before{position:absolute;inset:0;background:var(--color-interactive-secondary);content:"";opacity:0;pointer-events:none;transition:opacity var(--motion-expand-duration) var(--motion-expand-easing)}.data-table__cell-content,.data-table__selection .checkbox{position:relative}.data-table th:not(:last-child),.data-table td:not(:last-child){border-inline-end:var(--border-divider) solid var(--color-border-subtle)}.data-table th.data-table__selection,.data-table td.data-table__selection{inline-size:1%;padding-inline:var(--space-inset-sm);white-space:nowrap}.data-table__selection .checkbox{display:flex}.data-table__selection .checkbox__control{border-color:var(--color-border-strong)}.data-table__selection .checkbox__row:is([data-checked],[data-indeterminate]) .checkbox__control,.data-table__selection .checkbox__row:is([data-checked],[data-indeterminate]):hover .checkbox__control{border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-bg-page)}.data-table__selection .checkbox__row:has(.checkbox__input:focus-visible) .checkbox__control{outline-color:var(--color-border-strong)}.data-table tbody tr:last-child td{border-bottom:0}.data-table [data-align=center]{text-align:center}.data-table [data-align=end]{text-align:right;font-variant-numeric:tabular-nums}.data-table--interactive tbody tr{cursor:pointer}@media(hover:hover)and (pointer:fine){.data-table tbody tr:hover td:before{opacity:var(--opacity-full)}}.data-table--interactive tbody tr:focus-visible{outline:var(--border-control) solid var(--color-border-strong);outline-offset:calc(-1 * var(--border-control))}.data-table--sm th{padding:var(--space-inset-xs) var(--space-inset-sm)}.data-table--sm td{padding:var(--space-inset-sm);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.data-table--lg th{padding:var(--space-inset-md) var(--space-inset-lg)}.data-table--lg td{padding:var(--space-inset-lg);font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}.data-table td.data-table__empty{padding-block:var(--space-section-sm);color:var(--color-text-muted);text-align:center}@media(prefers-reduced-motion:reduce){.data-table tbody td:before{transition:none}}.ds-sidebar{display:flex;flex-direction:column;width:100%;max-width:var(--layout-sidebar);min-height:0;overflow:hidden;border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-surface);box-shadow:var(--shadow-raised-depth);color:var(--color-text-primary)}.ds-sidebar__header{display:flex;align-items:center;gap:var(--space-inline-md);padding:var(--space-inset-md) var(--space-inset-lg);border-bottom:var(--border-divider) solid var(--color-border-subtle)}.ds-sidebar__nav{display:grid;flex:1;gap:var(--space-stack-md);align-content:start;min-height:0;padding:var(--space-inset-md) var(--space-inset-lg);overflow-y:auto;scrollbar-width:none}.ds-sidebar__nav::-webkit-scrollbar{display:none}.ds-sidebar__section{display:grid;gap:var(--space-stack-xs)}.ds-sidebar__section-label{margin:0;padding-inline:var(--space-inset-md);color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);text-transform:none}.ds-sidebar__items{display:grid;gap:var(--space-stack-2xs)}.ds-sidebar__item{display:flex;align-items:center;gap:var(--space-inline-md);width:100%;min-width:0;margin:0;padding:var(--space-inset-sm) var(--space-inset-md);border:none;border-radius:var(--radius-control-md);background:none;color:var(--color-text-secondary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);text-align:start;text-decoration:none;cursor:pointer}.ds-sidebar__item:hover{background:var(--color-interactive-secondary);color:var(--color-text-primary)}.ds-sidebar__item:active{background:var(--color-interactive-secondary-active)}.ds-sidebar__item:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.ds-sidebar__item--active,.ds-sidebar__item--active:hover{background:var(--color-interactive-selected);color:var(--color-text-brand)}.ds-sidebar__item--disabled,.ds-sidebar__item:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;opacity:var(--opacity-disabled)}.ds-sidebar__item-icon{display:grid;flex:none;place-items:center;width:var(--space-inset-lg);height:var(--space-inset-lg);color:var(--color-icon-secondary)}.ds-sidebar__item-disclosure{display:grid;flex:none;place-items:center;margin-inline-start:auto;width:var(--space-inset-md);height:var(--space-inset-lg);color:var(--color-icon-muted)}.ds-sidebar__item-badge+.ds-sidebar__item-disclosure{margin-inline-start:0}.ds-sidebar__item-disclosure svg{width:100%;height:100%}.ds-sidebar__item-icon svg{width:100%;height:100%}.ds-sidebar__item--active .ds-sidebar__item-icon{color:var(--color-icon-brand)}.ds-sidebar__item--disabled .ds-sidebar__item-icon,.ds-sidebar__item:disabled .ds-sidebar__item-icon{color:var(--color-disabled-icon)}.ds-sidebar__item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sidebar__item-badge{flex:none;margin-inline-start:auto;padding:var(--space-inset-2xs) var(--space-inset-xs);border-radius:var(--radius-pill);background:var(--color-bg-subtle);color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.ds-sidebar__item--active .ds-sidebar__item-badge{background:var(--color-bg-brand-subtle);color:var(--color-text-brand)}.ds-sidebar__submenu{position:relative;display:grid;gap:var(--space-stack-2xs);margin-inline-start:var(--space-inset-lg);padding-inline-start:var(--space-inset-xs);border-inline-start:var(--border-divider) solid var(--color-border-default)}.ds-sidebar__footer{padding:var(--space-inset-md) var(--space-inset-lg);border-top:var(--border-divider) solid var(--color-border-subtle)}.chart-frame{display:grid;gap:var(--space-stack-md);margin:0;padding:var(--space-inset-lg);border:var(--border-highlight) solid var(--color-border-highlight);border-radius:var(--radius-surface-md);background:var(--color-bg-page);box-shadow:var(--shadow-raised-depth);color:var(--color-text-primary)}.chart-frame--plain{padding:0;border:none;background:none;box-shadow:none}.chart-frame__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-inline-sm);min-width:0}.chart-frame__heading{display:grid;gap:var(--space-stack-2xs);min-width:0}.chart-frame__title{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing)}.chart-frame__description{margin:0;color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.chart-frame__actions{display:flex;align-items:center;gap:var(--space-inline-xs)}.chart-frame__toggle{display:inline-flex;align-items:center;gap:var(--space-inline-2xs);padding:var(--space-inset-2xs) var(--space-inset-xs);border:var(--border-control) solid var(--color-border-subtle);border-radius:var(--radius-control-sm);background:var(--color-bg-page);color:var(--color-text-secondary);cursor:pointer;font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);transition:color var(--motion-interaction-duration) var(--motion-interaction-easing),border-color var(--motion-interaction-duration) var(--motion-interaction-easing)}.chart-frame__toggle svg{width:.875rem;height:.875rem}.chart-frame__toggle:hover{border-color:var(--color-border-default);color:var(--color-text-primary)}.chart-frame__toggle:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.chart-frame__body{min-width:0}.chart-frame__body--loading{opacity:var(--opacity-muted);transition:opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}.chart-frame__empty{display:grid;place-items:center;min-height:8rem;margin:0;color:var(--color-text-muted);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.chart-frame__footnote{margin:0;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-inline-xs) var(--space-inline-md);margin:0;padding:0;list-style:none}.chart-legend--vertical{flex-direction:column;flex-wrap:nowrap;gap:var(--space-stack-xs);align-items:stretch;width:100%;min-width:0;text-align:start}.chart-legend--vertical>li{width:100%}.chart-legend--vertical .chart-legend__item{width:100%;justify-content:flex-start;gap:var(--space-inline-sm);text-align:start}.chart-legend--vertical .chart-legend__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.chart-legend--vertical .chart-legend__meta{margin-inline-start:auto;color:var(--color-text-primary);font-weight:var(--text-label-font-weight)}.chart-legend__item{display:inline-flex;align-items:center;gap:var(--space-inline-2xs);padding:0;border:none;background:none;color:var(--color-text-secondary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);transition:opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}button.chart-legend__item{cursor:pointer}button.chart-legend__item:hover{color:var(--color-text-primary)}button.chart-legend__item:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs);border-radius:var(--radius-control-sm)}.chart-legend__item--dimmed{opacity:var(--opacity-muted)}.chart-legend__swatch{width:.625rem;height:.625rem;border-radius:var(--radius-control-sm);flex:none}.chart-legend__swatch--dot{border-radius:var(--radius-pill)}.chart-legend__meta{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.chart-legend__key{width:1rem;height:.5rem;flex:none}.chart-table__scroll{overflow-x:auto}.chart-table{width:100%;border-collapse:collapse;font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);line-height:var(--text-body-sm-line-height)}.chart-table th,.chart-table td{padding:var(--space-inset-xs) var(--space-inset-sm);border-bottom:var(--border-divider) solid var(--color-border-subtle);text-align:start}.chart-table thead th{color:var(--color-text-secondary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);white-space:nowrap}.chart-table tbody th{color:var(--color-text-primary);font-weight:var(--text-label-font-weight)}.chart-table td{color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-align:end}.chart-tooltip{position:absolute;z-index:2;min-width:8rem;max-width:14rem;padding:var(--space-inset-xs) var(--space-inset-sm);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-sm);background:var(--color-bg-page);box-shadow:var(--shadow-overlay-md);pointer-events:none}.chart-tooltip__title{margin:0 0 var(--space-stack-2xs);color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.chart-tooltip__rows{display:grid;gap:var(--space-stack-2xs);margin:0;padding:0;list-style:none}.chart-tooltip__row{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:var(--space-inline-2xs);min-width:0}.chart-tooltip__key{width:.75rem;height:.125rem;border-radius:var(--radius-pill);align-self:center}.chart-tooltip__value{color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);font-variant-numeric:tabular-nums}.chart-tooltip__label{overflow:hidden;color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);line-height:var(--text-caption-line-height);text-overflow:ellipsis;white-space:nowrap}.chart-crosshair{stroke:var(--color-chart-crosshair);stroke-width:1}.chart-plot{position:relative}.chart-plot__svg{display:block;overflow:visible;touch-action:none}.chart-grid-line{stroke:var(--color-chart-grid);stroke-width:1}.chart-axis-line{stroke:var(--color-chart-axis);stroke-width:1}.chart-axis-label{fill:var(--color-chart-label);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-variant-numeric:tabular-nums}.chart-data-label{fill:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-label-font-weight);font-variant-numeric:tabular-nums}.chart-hit-area{fill:transparent;cursor:pointer;outline:none}.chart-hit-area:focus-visible{stroke:var(--color-focus-ring);stroke-width:var(--border-focus)}.pie-chart{container-name:pie-chart;container-type:inline-size}.pie-chart__layout{display:grid;align-items:center;gap:var(--space-gap-md);min-width:0;width:100%;padding-block:var(--space-inset-sm)}.pie-chart--split .pie-chart__layout{grid-template-columns:var(--pie-size, 240px) max-content;align-items:center;justify-content:center;justify-items:start;width:fit-content;max-width:100%;margin-inline:auto;gap:var(--space-gap-md)}.pie-chart__plot{display:flex;justify-content:center;align-items:center;justify-self:start;width:var(--pie-size, 240px);max-width:100%;overflow:visible}.pie-chart--stack .pie-chart__layout{grid-template-columns:1fr;justify-items:start;gap:var(--space-gap-lg)}.pie-chart--stack .pie-chart__plot{justify-self:start}.pie-chart__svg{display:block;width:100%;height:auto;overflow:visible}.pie-chart__legend.chart-legend--vertical{display:grid;grid-template-columns:auto minmax(max-content,1fr) auto;align-items:center;column-gap:var(--space-inline-sm);row-gap:var(--space-stack-sm);width:max-content;max-width:100%;min-width:0;justify-self:start}.pie-chart__legend.chart-legend--vertical>li,.pie-chart__legend.chart-legend--vertical .chart-legend__item{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:center;width:auto;column-gap:inherit}.pie-chart__legend.chart-legend--vertical .chart-legend__item{padding-block:var(--space-inset-2xs);text-align:start}.pie-chart__segment,.pie-chart__segment-glow{transform-box:view-box}.pie-chart__segment-glow,.pie-chart__center{pointer-events:none}.pie-chart__center-value{fill:var(--color-text-primary);font-family:var(--text-heading-lg-font-family);font-size:calc(var(--pie-size, 240px) * .14);font-weight:var(--text-heading-lg-font-weight);letter-spacing:var(--text-heading-lg-letter-spacing);font-variant-numeric:tabular-nums}.pie-chart__center-label{fill:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:calc(var(--pie-size, 240px) * .07);font-weight:var(--text-caption-font-weight);letter-spacing:var(--text-caption-letter-spacing)}.pie-chart__legend.chart-legend--vertical .chart-legend__label{min-width:0;overflow:visible;text-overflow:unset;white-space:nowrap}.pie-chart__legend.chart-legend--vertical .chart-legend__meta{margin-inline-start:0;padding-inline-start:var(--space-inline-md);color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-align:end}@container pie-chart (max-width: 30rem){.pie-chart--split .pie-chart__layout{grid-template-columns:minmax(0,1fr);justify-content:center;justify-items:center;gap:var(--space-gap-lg)}.pie-chart--split .pie-chart__plot{width:min(var(--pie-size, 240px),100%);justify-self:center}.pie-chart--split .pie-chart__legend.chart-legend--vertical{justify-self:center;width:max-content;max-width:100%}}@media(prefers-reduced-motion:reduce){.pie-chart__segment{transform:none}}.bar-chart__plot{width:100%;min-height:var(--bar-chart-height, 15rem)}.bar-chart__svg{width:100%;height:auto}.bar-chart__category-label{max-width:4rem}.bar-chart__bar{transition:opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}.bar-chart__bar--dimmed{opacity:var(--opacity-muted)}.bar-chart__legend{margin-block-end:var(--space-stack-2xs)}@media(prefers-reduced-motion:reduce){.bar-chart__bar{transition:none}}.line-chart__plot{width:100%;min-height:var(--line-chart-height, 15rem)}.line-chart__svg{width:100%;height:auto}.line-chart__legend{margin-block-end:var(--space-stack-2xs)}.line-chart .chart-grid-line{opacity:var(--opacity-hover)}.line-chart .chart-crosshair{opacity:var(--opacity-muted)}.line-chart__line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}.line-chart__line--dimmed{opacity:var(--opacity-muted)}.line-chart__area{transition:opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}.line-chart__area--dimmed{opacity:var(--opacity-muted)}.line-chart__dot{stroke:var(--color-chart-surface);stroke-width:2.5;transition:r var(--motion-interaction-duration) var(--motion-interaction-easing),opacity var(--motion-interaction-duration) var(--motion-interaction-easing)}.line-chart__overlay{fill:transparent;cursor:default}.line-chart__hits{pointer-events:none}.line-chart__hits .chart-hit-area{pointer-events:auto;opacity:0}@media(prefers-reduced-motion:reduce){.line-chart__line,.line-chart__area,.line-chart__dot{transition:none}}.shell{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"topbar topbar" "sidebar main";min-height:100vh;background:var(--color-bg-page);color:var(--color-text-primary)}.shell--playground{height:100vh;overflow:hidden}.topbar{grid-area:topbar;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3.5rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--color-border-default);background:var(--color-bg-page)}.topbar__brand{display:flex;align-items:baseline;gap:.4rem;min-width:7rem}.topbar__brand strong{font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing);color:var(--color-text-primary)}.topbar__brand span{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);color:var(--color-text-muted)}.topbar__actions{display:flex;align-items:center;margin-left:auto}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;appearance:none;border:1px solid var(--color-border-default);border-radius:var(--radius-pill);padding:.4rem .75rem;background:var(--color-bg-surface);color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);cursor:pointer;transition:background .15s ease,border-color .15s ease}.theme-toggle:hover{background:var(--color-interactive-secondary-hover);border-color:var(--color-border-strong)}.theme-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.theme-toggle__icon{display:grid;place-items:center;color:var(--color-icon-primary)}.sidebar{grid-area:sidebar;position:sticky;top:3.5rem;display:flex;flex-direction:column;height:calc(100vh - 3.5rem);padding:1.5rem 1.75rem 1.25rem;border-right:1px solid var(--color-border-default);background:var(--color-bg-surface);overflow:hidden;z-index:20}.sidebar::-webkit-scrollbar{display:none}.sidebar__nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.sidebar__nav::-webkit-scrollbar{display:none}.sidebar__upsell{--upsell-angle: 0deg;position:relative;isolation:isolate;flex:none;display:grid;justify-items:start;gap:var(--space-stack-xs);margin-block-start:var(--space-stack-md);padding:var(--space-inset-lg);padding-block:var(--space-inset-xl);border:var(--border-highlight) solid var(--color-border-highlight);border-radius:var(--radius-surface-md);background:transparent;box-shadow:var(--shadow-overlay-md),var(--shadow-raised-depth)}.sidebar__upsell:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:color-mix(in srgb,var(--color-bg-surface) calc(100% * var(--opacity-scrim)),transparent);-webkit-backdrop-filter:blur(.75rem) saturate(1.2);backdrop-filter:blur(.75rem) saturate(1.2);pointer-events:none}.sidebar__upsell:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--border-surface);background:conic-gradient(from var(--upsell-angle),transparent 0deg,transparent 300deg,color-mix(in srgb,var(--color-border-brand) 18%,transparent) 320deg,color-mix(in srgb,var(--color-border-brand) 55%,transparent) 338deg,color-mix(in srgb,var(--color-border-brand) 18%,transparent) 350deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0;animation:sidebar-upsell-glow 10s linear infinite}.sidebar__upsell>*{position:relative;z-index:1}@property --upsell-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes sidebar-upsell-glow{to{--upsell-angle: 360deg}}@media(prefers-reduced-motion:reduce){.sidebar__upsell:before{animation:none;--upsell-angle: 210deg;opacity:var(--opacity-muted)}}@media(prefers-reduced-transparency:reduce){.sidebar__upsell{background:var(--color-bg-subtle)}.sidebar__upsell:after{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-subtle)}}.sidebar__upsell-icon{display:grid;justify-self:start;place-items:stretch;width:var(--space-section-sm);height:var(--space-section-sm);margin-block-end:var(--space-stack-2xs);overflow:hidden;border-radius:var(--radius-control-md);background:transparent}.sidebar__upsell-eyebrow{margin:0;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);text-transform:none}.sidebar__upsell-title{justify-self:stretch;margin:0;color:var(--color-text-primary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.sidebar__upsell-body{justify-self:stretch;margin:0;margin-block-end:var(--space-stack-sm);color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.sidebar__upsell-cta{justify-self:stretch;width:100%;text-decoration:none;box-sizing:border-box}.nav-list{list-style:none;margin:0;padding:0}.nav-list--depth-0{display:grid;gap:var(--space-stack-sm)}.nav-list--depth-1,.nav-list--depth-2{margin-top:0}.nav-item{display:flex;align-items:center;gap:.45rem;width:100%;padding:.65rem 1rem;border:0;border-radius:.45rem;background:transparent;color:var(--color-text-secondary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);text-align:left;cursor:pointer;transition:color var(--motion-interaction-duration) var(--motion-interaction-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing)}.nav-item:hover{color:var(--color-text-primary);background:var(--color-interactive-secondary)}.nav-item.is-active{color:var(--color-text-primary);font-weight:var(--text-label-font-weight);background:var(--color-interactive-secondary-hover)}.nav-item--section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline-sm);width:100%;margin-top:0;padding:.55rem .75rem;border:0;border-radius:var(--radius-control-sm);background:transparent;color:var(--color-text-secondary);font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);line-height:var(--text-overline-line-height);letter-spacing:var(--text-overline-letter-spacing);text-align:left;text-transform:none;cursor:pointer;transition:color var(--motion-interaction-duration) var(--motion-interaction-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing)}.nav-item--section:hover,.nav-item--section.is-open,.nav-item--section.has-active{color:var(--color-text-primary)}.nav-item--section:hover{background:var(--color-interactive-secondary)}.nav-chevron{flex-shrink:0;color:var(--color-icon-secondary);transition:transform var(--motion-duration-400) var(--motion-ease-out)}.nav-chevron.is-open{transform:rotate(90deg);color:var(--color-icon-primary)}.nav-item--folder{color:var(--color-text-secondary)}.nav-item--folder.is-open{color:var(--color-text-primary)}.nav-section,.nav-branch{margin-top:0}.nav-accordion{overflow:hidden}.nav-accordion__inner{min-height:0}.nav-tree{position:relative;margin:.15rem 0 .25rem .85rem;padding-left:.85rem}.nav-tree:before{content:"";position:absolute;top:.15rem;bottom:.85rem;left:0;width:1px;background:var(--color-border-default)}.nav-tree .nav-list{display:grid;gap:.05rem}.nav-tree .nav-list>li{position:relative}.nav-tree .nav-list>li:before{content:"";position:absolute;top:50%;left:-.85rem;width:.7rem;border-top:1px solid var(--color-border-default)}.nav-tree .nav-list>li:last-child:after{content:"";position:absolute;top:50%;bottom:0;left:-.85rem;width:1px;background:var(--color-bg-surface)}.nav-list--depth-1>li>.nav-item:not(.nav-item--folder){padding-left:.85rem}.nav-tree .nav-item{padding:.5rem .75rem}@media(prefers-reduced-motion:reduce){.nav-accordion,.nav-chevron,.nav-item{transition:none}}.main{grid-area:main;box-sizing:border-box;min-width:0;width:100%;padding:2.5rem clamp(1.75rem,4vw,3.5rem) 4rem;background:var(--color-bg-page)}.main:has(.content-block--statement){display:grid;place-items:center}.shell--playground .main{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:var(--space-inset-md) var(--space-inset-lg) var(--space-inset-lg)}.shell--playground .content-block--playground{display:grid;grid-template-rows:auto minmax(0,1fr);flex:1;min-height:0;gap:var(--space-stack-sm)}.nav-toggle,.scrim{display:none}.content-block{width:100%;max-width:none;min-width:0}.hero{margin-bottom:2.5rem}.foundation-tabs{display:flex;gap:.25rem;margin-top:1.5rem;padding:.25rem;width:fit-content;border-radius:var(--radius-control-md);background:var(--color-bg-subtle);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.foundation-tabs__tab{appearance:none;border:0;border-radius:var(--radius-control-sm);padding:.55rem .95rem;background:transparent;color:var(--color-text-muted);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);cursor:pointer;transition:color .15s ease,background .15s ease}.foundation-tabs__tab:hover{color:var(--color-text-primary)}.foundation-tabs__tab.is-active{background:var(--color-interactive-secondary-hover);color:var(--color-text-primary)}.foundation-tabs__tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.foundation-tabs__panel{min-width:0;display:grid;gap:2.5rem}.hero h1{margin:0;font-family:var(--text-heading-xl-font-family);font-size:var(--text-heading-xl-font-size);font-weight:var(--text-heading-xl-font-weight);line-height:var(--text-heading-xl-line-height);letter-spacing:var(--text-heading-xl-letter-spacing);color:var(--color-text-primary)}.hero__credit{margin:.65rem 0 0;font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);color:var(--color-text-muted)}.hero__credit a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:.15em}.hero__credit a:hover{color:var(--color-text-primary)}.lede{margin:1rem 0 0;max-width:34rem;font-family:var(--text-body-lg-font-family);font-size:var(--text-body-lg-font-size);font-weight:var(--text-body-lg-font-weight);line-height:var(--text-body-lg-line-height);letter-spacing:var(--text-body-lg-letter-spacing);color:var(--color-text-muted)}.scales{display:grid;gap:2rem}.scale{animation:rise .7s cubic-bezier(.22,1,.36,1) both}.scale__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.35rem}.scale__header h2{margin:0;font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing);color:var(--color-text-primary)}.scale__header code{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary)}.scale__row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.3rem}.scale__row--singles{grid-template-columns:repeat(2,minmax(0,1fr));max-width:8.5rem}.scale__row--semantic{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}.scale__row--semantic-pairs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:28rem}.scale__row--semantic .swatch{min-height:4.5rem;min-width:0}.scale__row--semantic .swatch__step{text-transform:capitalize;line-height:var(--text-overline-line-height);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.semantic-subgroups{display:grid;gap:1.25rem}.semantic-subgroup__label{margin:0 0 .45rem;font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);line-height:var(--text-overline-line-height);letter-spacing:var(--text-overline-letter-spacing);text-transform:none;color:var(--color-text-muted)}.token-chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.15rem .75rem}.token-chip{display:flex;align-items:center;gap:.65rem;width:100%;margin:0;padding:.4rem .35rem;border:0;border-radius:.4rem;background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background .15s ease}.token-chip:hover{background:#ffffff0d}.token-chip:focus-visible{outline:2px solid #fff;outline-offset:2px}.token-chip__dot{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:.35rem}.token-chip__body{display:grid;gap:.1rem;min-width:0}.token-chip__name{font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);text-transform:capitalize;color:var(--color-text-secondary)}.token-chip__meta{font-family:var(--text-code-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:700px){.token-chip-grid{grid-template-columns:1fr}}.swatch{display:flex;flex-direction:column;justify-content:space-between;min-height:4.25rem;padding:.4rem .45rem;border:0;border-radius:.28rem;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;animation:rise .55s cubic-bezier(.22,1,.36,1) both}.swatch:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000073}.swatch:focus-visible{outline:2px solid #fff;outline-offset:2px}.swatch--light{color:#14110e}.swatch--dark{color:#f7f3eb}.swatch__step{font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);line-height:var(--text-overline-line-height);letter-spacing:var(--text-overline-letter-spacing)}.swatch__meta{display:grid;gap:.1rem;opacity:.9}.swatch__token,.swatch__hex{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);word-break:break-all}.swatch__token{opacity:.75}@media(max-width:980px){.shell{grid-template-columns:1fr;grid-template-areas:"topbar" "main";overflow-x:clip}.sidebar{position:fixed;top:3.5rem;bottom:0;left:0;height:calc(100dvh - 3.5rem);width:min(var(--layout-rail),100vw);max-width:none;padding:var(--space-inset-md) max(var(--layout-margin-sm),env(safe-area-inset-right)) calc(var(--space-inset-lg) + env(safe-area-inset-bottom)) max(var(--layout-margin-sm),env(safe-area-inset-left));transform:translate(-105%);transition:transform var(--motion-overlay-duration) var(--motion-overlay-easing);z-index:35;box-shadow:var(--shadow-overlay-lg)}.shell--nav-open{height:100dvh;overflow:hidden}.shell--nav-open .sidebar{transform:translate(0)}.nav-toggle{display:grid;place-items:center;position:fixed;inset-inline-start:0;inset-block-start:calc(3.5rem + var(--space-stack-md));z-index:45;width:var(--space-section-sm);height:var(--space-section-sm);margin:0;padding:0;border:var(--border-control) solid var(--color-border-default);border-inline-start:0;border-radius:0 var(--radius-control-sm) var(--radius-control-sm) 0;background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-raised-depth);cursor:pointer}.nav-toggle svg{width:var(--space-inset-lg);height:var(--space-inset-lg)}.nav-toggle:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-stack-2xs)}.shell--nav-open .nav-toggle{border-inline-start:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-pill);inset-inline-start:max(var(--layout-margin-sm),env(safe-area-inset-left));inset-block-start:calc(3.5rem + var(--space-stack-sm))}.scrim{display:block;position:fixed;inset:0;border:0;background:color-mix(in srgb,var(--color-overlay-scrim) 65%,transparent);z-index:34}.shell--playground{height:100dvh}.topbar{min-width:0;gap:var(--space-inline-sm);padding-inline:max(var(--layout-margin-sm),env(safe-area-inset-left)) max(var(--layout-margin-sm),env(safe-area-inset-right))}.topbar__brand{min-width:0;flex:1}.main{min-width:0;overflow-x:clip;padding-block-start:var(--space-stack-lg);padding-block-end:calc(var(--space-section-sm) + env(safe-area-inset-bottom));padding-inline-end:max(var(--layout-margin-sm),env(safe-area-inset-right));padding-inline-start:max(var(--layout-margin-sm),env(safe-area-inset-left))}.scale__row{grid-template-columns:repeat(5,minmax(0,1fr))}.swatch{min-height:3.75rem}}@media(max-width:520px){.sidebar{width:100vw;border-inline-end:0}.shell--nav-open .nav-toggle{inset-block-start:calc(3.5rem + var(--space-stack-xs))}.shell--nav-open .sidebar__nav{padding-inline-start:calc(var(--space-section-sm) + var(--space-inline-sm))}.component-example,.component-grid .component-example{padding:var(--space-inset-md)}.component-example__canvas,.component-grid .component-example__canvas,.component-master__canvas{min-height:calc(var(--space-section-lg) * 3);padding:var(--space-inset-md)}.chat-pattern-preview{width:100%;padding:0}.docs__code{padding:var(--space-inset-md);padding-inline-end:calc(var(--space-section-sm) + var(--space-inset-sm))}.docs__copy{top:var(--space-inset-sm);right:var(--space-inset-sm)}.scale__header{flex-direction:column;align-items:flex-start;gap:.25rem}.scale__row{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.type-sections{display:grid;gap:2.5rem}.type-family{display:grid;gap:1rem;padding:1.25rem;border-radius:.65rem;background:var(--color-bg-subtle);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.type-family__sans{margin:0;font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing)}.type-family__mono{margin:0;font-family:var(--text-code-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-code-font-weight);line-height:var(--text-code-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-muted)}.type-list{display:grid;gap:.75rem}.type-row{display:grid;grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);gap:1rem;align-items:baseline;padding:.85rem 0;border-bottom:1px solid var(--color-border-subtle)}.type-list .type-row:first-child{padding-top:0}.type-list .type-row:last-child{border-bottom:0;padding-bottom:0}.type-row--block{align-items:start}.type-row code{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary)}.type-row p{margin:0;color:var(--color-text-primary)}.space-sections{display:grid;gap:3.75rem}.space-list{display:grid;gap:.65rem}.space-row{display:grid;grid-template-columns:minmax(10rem,13rem) 3.5rem minmax(0,1fr);gap:1rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--color-border-default)}.space-sections .space-row{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr)}.space-sections .space-row:has(.space-row__px){grid-template-columns:minmax(14rem,18rem) auto}.space-list .space-row:last-child{border-bottom:0}.space-row code{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary)}.space-row__px{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.space-row__track{min-height:.75rem}.space-row__bar{height:.75rem;min-width:1px;border-radius:.15rem;background:var(--color-gray-200)}@media(max-width:700px){.type-row,.space-row,.space-sections .space-row{grid-template-columns:1fr;gap:.35rem}}.grid-demo-stack{display:grid;gap:var(--space-stack-md)}.grid-demo-stack--recipes{margin-block-start:var(--space-stack-lg)}.grid-demo-lede{margin:0 0 var(--space-stack-md);color:var(--color-text-secondary);font-family:var(--text-body-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-sm-line-height)}.grid-demo-lede code{font-family:var(--text-code-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-code-font-weight);line-height:var(--text-code-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary)}.grid-demo-row{display:grid;gap:var(--space-stack-xs)}.grid-demo-row code{font-family:var(--text-code-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-code-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary)}.grid-demo-track{width:100%;padding:var(--space-inset-md);background:var(--color-bg-subtle);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-sm)}.grid-demo-box{display:grid;place-items:center;min-block-size:var(--space-stack-xl);background:var(--color-bg-muted);border-radius:var(--radius-surface-sm);font-family:var(--text-code-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-code-font-weight);line-height:var(--text-code-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-secondary)}.grid-demo-columns,.grid-demo-split{padding:var(--space-inset-md);background:var(--color-bg-subtle);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-sm)}.grid-demo-cell{display:grid;place-items:center;min-block-size:var(--space-stack-xl);padding-inline:var(--space-inset-sm);background:var(--color-bg-muted);border-radius:var(--radius-surface-sm);font-family:var(--text-code-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-code-font-weight);line-height:var(--text-code-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-secondary)}.grid-pattern-map{margin-block-end:var(--space-stack-lg);padding:var(--space-inset-md);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-subtle)}.grid-pattern-map__app{display:grid;grid-template-columns:var(--layout-sidebar) minmax(0,1fr);min-block-size:calc(var(--space-section-sm) * 2.5);overflow:hidden;border:var(--border-surface) solid var(--color-border-default);border-radius:var(--radius-surface-sm);background:var(--color-bg-page)}.grid-pattern-map__nav,.grid-pattern-map__header,.grid-pattern-map__rail,.grid-pattern-map__split span,.grid-pattern-map__metrics span{display:grid;place-items:center;font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);color:var(--color-text-secondary)}.grid-pattern-map__nav{border-right:var(--border-divider) solid var(--color-border-subtle);background:var(--color-bg-muted)}.grid-pattern-map__canvas{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.grid-pattern-map__header{min-block-size:var(--space-stack-xl);border-bottom:var(--border-divider) solid var(--color-border-subtle);background:var(--color-bg-page)}.grid-pattern-map__workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30%);min-height:0}.grid-pattern-map__main{display:grid;gap:var(--space-stack-sm);padding:var(--space-inset-sm);background:var(--color-bg-subtle)}.grid-pattern-map__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-gap-xs)}.grid-pattern-map__metrics span,.grid-pattern-map__split span{min-block-size:var(--space-stack-lg);border-radius:var(--radius-surface-sm);background:var(--color-bg-muted)}.grid-pattern-map__split{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-gap-xs)}.grid-pattern-map__rail{border-left:var(--border-divider) solid var(--color-border-subtle);background:var(--color-bg-page)}.grid-pattern-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-gap-md)}.grid-pattern-card{display:grid;gap:var(--space-stack-xs);padding:var(--space-inset-md);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-subtle)}.grid-pattern-card header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-inline-sm)}.grid-pattern-card h3{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing)}.grid-pattern-card code{font-family:var(--text-code-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-code-font-weight);line-height:var(--text-code-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-brand)}.grid-pattern-card p{margin:0;color:var(--color-text-secondary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}@media(max-width:40rem){.grid-pattern-map__app,.grid-pattern-map__workspace,.grid-pattern-map__split,.grid-pattern-map__metrics{grid-template-columns:1fr}.grid-pattern-map__nav,.grid-pattern-map__rail{border:0;min-block-size:var(--space-stack-lg)}}.radius-list{display:grid;gap:.65rem}.radius-row{display:grid;grid-template-columns:minmax(12rem,16rem) 4.5rem auto;gap:1rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--color-border-default)}.radius-list .radius-row:last-child{border-bottom:0}.space-sections .radius-row{grid-template-columns:minmax(14rem,18rem) auto}.radius-row code{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary)}.radius-row__px{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.radius-row__swatch{width:3rem;height:3rem;background:var(--color-gray-200)}@media(max-width:700px){.radius-row,.space-sections .radius-row{grid-template-columns:1fr auto;gap:.5rem}.radius-row__px{display:none}}.border-list{display:grid;gap:.65rem}.border-row{display:grid;grid-template-columns:minmax(14rem,18rem) 3.5rem auto;gap:1rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--color-border-default)}.border-list .border-row:last-child{border-bottom:0}.space-sections .border-row{grid-template-columns:minmax(14rem,18rem) 3.5rem auto}.border-row code{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary)}.border-row__px{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.border-row__swatch{width:3.5rem;height:3.5rem;border-style:solid;border-color:var(--color-gray-300);border-radius:var(--radius-control-md);background:transparent}@media(max-width:700px){.border-row,.space-sections .border-row{grid-template-columns:1fr auto;gap:.5rem}.border-row__px{display:none}}.shadow-list{display:grid;gap:1rem}.shadow-row{display:grid;grid-template-columns:minmax(14rem,18rem) 3.5rem auto;gap:1rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--color-border-default)}.shadow-list .shadow-row:last-child{border-bottom:0}.space-sections .shadow-row{grid-template-columns:minmax(14rem,18rem) 3.5rem auto}.shadow-row code{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary)}.shadow-row__note{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-muted)}.shadow-row__swatch{width:4.5rem;height:3rem;border-radius:var(--radius-surface-sm);background:var(--color-bg-page);border:1px solid var(--color-border-subtle)}@media(max-width:700px){.shadow-row,.space-sections .shadow-row{grid-template-columns:1fr auto;gap:.5rem}.shadow-row__note{display:none}}.motion-token-list{display:grid;gap:.45rem;margin-bottom:1.25rem}.motion-token{display:grid;grid-template-columns:minmax(14rem,22rem) auto;gap:1rem;align-items:center}.motion-token code{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);color:var(--color-text-primary)}.motion-row__note{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);color:var(--color-text-muted)}.motion-gallery{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2rem 1.5rem;margin-block:.25rem .5rem}.motion-card{appearance:none;display:grid;grid-template-rows:auto auto;gap:1rem;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;text-align:left;cursor:pointer;color:inherit}.motion-card:focus-visible{outline:none}.motion-card:focus-visible .motion-card__stage{outline:2px solid var(--color-focus-ring);outline-offset:2px}.motion-card__stage{position:relative;aspect-ratio:1;width:100%;border-radius:var(--radius-surface-sm);background:var(--color-bg-subtle);overflow:hidden}@media(hover:hover)and (pointer:fine){.motion-card:hover .motion-card__stage{background:var(--color-interactive-secondary)}}.motion-card__square{position:absolute;width:28%;height:28%;border-radius:var(--radius-control-sm);background:var(--color-white);will-change:transform}.motion-card__footer{display:grid;gap:.15rem;padding:0;min-width:0}.motion-card__footer code{font-family:var(--text-code-font-family);font-size:var(--text-code-font-size);font-weight:var(--text-code-font-weight);line-height:var(--text-code-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motion-card__label{font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motion-card__footer .motion-row__note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1100px){.motion-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem 1.35rem}}@media(max-width:700px){.motion-token{grid-template-columns:1fr;gap:.2rem}.motion-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1.15rem}}.opacity-list{display:grid;gap:.75rem}.opacity-row{display:grid;grid-template-columns:minmax(14rem,18rem) 3.5rem minmax(0,1fr);gap:1rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--color-border-default)}.opacity-list .opacity-row:last-child{border-bottom:0}.opacity-row code{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary)}.opacity-row__note{font-family:var(--text-code-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.opacity-row__swatch{position:relative;width:min(100%,12rem);height:2.75rem;border-radius:var(--radius-control-md);overflow:hidden;background:linear-gradient(45deg,var(--color-bg-muted) 25%,transparent 25%,transparent 75%,var(--color-bg-muted) 75%),linear-gradient(45deg,var(--color-bg-muted) 25%,transparent 25%,transparent 75%,var(--color-bg-muted) 75%);background-position:0 0,.5rem .5rem;background-size:1rem 1rem;background-color:var(--color-bg-subtle)}.opacity-row__fill{width:100%;height:100%;background:var(--color-text-primary)}@media(max-width:700px){.opacity-row{grid-template-columns:1fr auto;gap:.5rem}.opacity-row__swatch{grid-column:1 / -1;width:100%}}.docs{display:grid;gap:2rem;min-width:0;max-width:42rem}.docs__section{min-width:0}.docs__section h2{margin:0 0 .75rem;font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing);color:var(--color-text-primary)}.docs__section h3{margin:1.25rem 0 .5rem;font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing);color:var(--color-text-secondary)}.docs__section p{margin:0 0 .75rem;color:var(--color-text-muted);font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}.docs__code{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:1rem 4.5rem 1rem 1.1rem;overflow-x:auto;border-radius:.5rem;background:var(--color-bg-subtle);box-shadow:inset 0 0 0 1px var(--color-border-subtle);color:var(--color-text-primary);font-family:var(--text-code-font-family);font-size:var(--text-code-font-size);font-weight:var(--text-code-font-weight);line-height:var(--text-code-line-height);letter-spacing:var(--text-code-letter-spacing);white-space:pre}.docs__code .token--comment{color:var(--color-text-muted);font-style:italic}.docs__code .token--selector{color:var(--color-text-brand)}.docs__code .token--property{color:var(--color-data-4)}.docs__code .token--variable{color:var(--color-text-brand)}.docs__code .token--function{color:var(--color-text-success)}.docs__code .token--string{color:var(--color-data-7)}.docs__code .token--punctuation{color:var(--color-text-muted)}.docs__code .token--command{color:var(--color-text-brand);font-weight:var(--font-weight-medium)}.docs__code .token--flag{color:var(--color-data-4)}.docs__code-wrap{position:relative;min-width:0;max-width:100%;margin:0 0 .75rem}.docs__copy{position:absolute;top:.65rem;right:.65rem;padding:.35rem .65rem;border:1px solid rgba(255,255,255,.14);border-radius:.35rem;background:var(--color-bg-surface);color:var(--color-text-secondary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.docs__copy:hover{background:var(--color-interactive-secondary-hover);border-color:#ffffff47;color:var(--color-text-primary)}.docs__copy:focus-visible{outline:2px solid var(--color-focus-ring, #3b82f6);outline-offset:2px}.docs__list{margin:0;padding-left:1.25rem;color:var(--color-text-muted);font-family:var(--text-body-font-family);font-size:var(--text-body-font-size);font-weight:var(--text-body-font-weight);line-height:var(--text-body-line-height);letter-spacing:var(--text-body-letter-spacing)}.docs__list code{font-family:var(--text-code-font-family);font-size:var(--text-code-font-size);font-weight:var(--text-code-font-weight);letter-spacing:var(--text-code-letter-spacing);color:var(--color-text-primary)}.icons-foundation{gap:var(--space-section-sm);width:100%;max-width:none}.icons-foundation .docs__section{min-width:0}.icon-foundation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--space-gap-sm);width:100%;margin-top:var(--space-stack-md)}.icon-foundation-card{display:grid;place-items:center;gap:var(--space-stack-sm);min-height:var(--space-section-lg);padding:var(--space-inset-md);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-sm);background:var(--color-bg-surface);color:var(--color-icon-primary)}.icon-foundation-card svg{inline-size:var(--space-inset-xl);block-size:var(--space-inset-xl)}.icon-foundation-card code{color:var(--color-text-secondary);font-family:var(--text-code-font-family);font-size:var(--text-code-font-size);font-weight:var(--text-code-font-weight);line-height:var(--text-code-line-height);letter-spacing:var(--text-code-letter-spacing)}.docs__link{color:#93c5fd;text-decoration:none}.docs__link:hover{text-decoration:underline}.component-example{display:grid;gap:1.5rem;min-width:0;max-width:none}.component-example__header{display:grid;gap:.35rem}.component-example__header h2{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing)}.component-example__header p{margin:0;max-width:36rem;color:var(--color-text-muted);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.component-example__body{display:grid;gap:var(--space-stack-md);min-width:0}.component-example__canvas{box-sizing:border-box;display:grid;place-items:center;min-width:0;min-height:28rem;padding:2.5rem;border-radius:var(--radius-surface-md);background:var(--color-bg-subtle);overflow:hidden}.component-detail{display:grid;gap:.35rem;min-width:0;max-width:40rem;margin-top:var(--space-stack-sm);padding-top:var(--space-stack-md);border-top:var(--border-divider) solid var(--color-border-subtle)}.component-detail__title{margin:0;color:var(--color-text-muted);font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);line-height:var(--text-overline-line-height);letter-spacing:var(--text-overline-letter-spacing);text-transform:none}.component-detail__body{margin:0;color:var(--color-text-muted);opacity:var(--opacity-muted);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.component-example__code{min-width:0;width:100%}.component-example__code .docs__code-wrap{margin:0}.component-index{display:grid;gap:.65rem;max-width:36rem}.component-index__item{display:grid;gap:.2rem;width:100%;padding:1rem 1.1rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-subtle);color:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.component-index__item:hover{background:var(--color-interactive-secondary-hover);border-color:var(--color-border-default)}.component-index__label{color:var(--color-text-primary);font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing)}.component-index__description{color:var(--color-text-secondary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.component-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:var(--space-gap-lg);width:100%;min-width:0}.component-gallery__empty{display:grid;place-items:center;min-block-size:calc(var(--space-section-lg) * 3);border-radius:var(--radius-surface-md);background:var(--color-bg-subtle)}.component-gallery__empty p{margin:0;color:var(--color-text-muted);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.component-gallery__card{display:grid;grid-template-rows:calc(var(--space-section-lg) * 3.25) calc(var(--space-section-lg) * 1.35);gap:0;width:100%;margin:0;padding:0;overflow:hidden;border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-page);box-shadow:var(--shadow-raised-xs);color:inherit;text-align:left;cursor:pointer;transition:border-color var(--motion-interaction-duration) var(--motion-interaction-easing),box-shadow var(--motion-interaction-duration) var(--motion-interaction-easing),transform var(--motion-interaction-duration) var(--motion-interaction-easing)}.component-gallery__card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-raised-soft);transform:translateY(-.08rem)}.component-gallery__card:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.component-gallery__stage{display:grid;place-items:center;min-height:0;height:calc(var(--space-section-lg) * 3.25);padding:var(--space-inset-xl);background:var(--color-bg-subtle);overflow:hidden;pointer-events:none}.component-gallery__sample{display:grid;gap:var(--space-stack-sm);width:min(100%,14rem);justify-items:start}.component-gallery__sample--row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-inline-sm);width:auto}.component-gallery__sample--switch{width:100%;justify-items:center}.component-gallery__sample--tags{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.component-gallery__sample--tooltip{display:flex;align-items:center;justify-content:center;width:100%}.component-gallery__sample--stack{gap:var(--space-stack-xs)}.component-gallery__sample--card{width:min(100%,15rem)}.component-gallery__sample--chat{width:100%;margin-top:var(--space-inset-lg)}.component-gallery__sample--chat .chat-pattern{block-size:calc(var(--space-section-lg) * 3);box-shadow:var(--shadow-raised-sm)}.component-gallery__sample--card .modal-card{width:100%;max-height:none;box-shadow:var(--shadow-raised-sm)}.component-gallery__sample--sidebar{width:min(100%,var(--layout-sidebar));block-size:calc(var(--space-section-lg) * 5);align-self:start}.component-gallery__sample--sidebar .ds-sidebar{block-size:100%;box-shadow:var(--shadow-raised-sm)}.component-gallery__meta{display:grid;align-content:center;min-width:0;min-height:0;gap:var(--space-stack-2xs);padding:var(--space-inset-md);border-top:var(--border-divider) solid var(--color-border-subtle)}.component-gallery__label{min-width:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing);text-overflow:ellipsis;white-space:nowrap}.component-gallery__description{color:var(--color-text-secondary);opacity:var(--opacity-muted);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.component-gallery{grid-template-columns:1fr}}.button-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-gap-lg)}.sidebar-preview{display:grid;width:min(100%,var(--layout-sidebar));block-size:calc(var(--space-section-lg) * 9)}.sidebar-preview .ds-sidebar{block-size:100%}.sidebar-preview__mark{display:grid;flex:none;place-items:center;width:var(--space-inset-2xl);height:var(--space-inset-2xl);border-radius:var(--radius-control-md);background:var(--color-bg-brand);color:var(--color-brand-on-brand);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.sidebar-preview__brand{min-width:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing);text-overflow:ellipsis;white-space:nowrap}.sidebar-preview__status{display:block;width:var(--space-inset-sm);height:var(--space-inset-sm);border-radius:var(--radius-pill);background:var(--color-bg-muted)}.sidebar-preview__status--danger{background:var(--color-status-danger)}.sidebar-preview__status--warning{background:var(--color-status-warning)}.sidebar-preview__status--success{background:var(--color-status-success)}.sidebar-item-preview{display:grid;gap:var(--space-stack-2xs);width:min(100%,var(--layout-sidebar));padding:var(--space-inset-sm);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-surface)}.input-preview{display:grid;gap:var(--space-gap-lg);width:min(100%,22rem);margin-inline:auto}.switch-preview{display:grid;place-items:center;gap:var(--space-gap-lg);width:min(100%,20rem);margin-inline:auto}.radio-preview{display:grid;gap:var(--space-gap-lg);width:min(100%,20rem);margin-inline:auto}.checkbox-preview,.select-preview{display:grid;gap:var(--space-gap-lg);width:min(100%,22rem);margin-inline:auto}.tabs-preview{display:grid;gap:var(--space-gap-lg);width:min(100%,32rem);margin-inline:auto}.tabs-preview .tabs__content{white-space:nowrap}.textarea-preview{display:grid;gap:var(--space-gap-lg);width:min(100%,24rem);margin-inline:auto}.kpi-card-preview{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:var(--space-gap-md);width:100%}.insight-card-preview{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:var(--space-gap-md);width:100%;padding:var(--space-inset-md)}.insight-card-preview--stack{flex-direction:column;align-items:stretch;max-width:24rem;margin-inline:auto}.component-master__canvas:has(.insight-card-preview){min-height:18rem;padding-inline-end:calc(13.5rem + var(--space-inset-md) * 2)}.calendar-preview{display:flex;flex-wrap:wrap;align-items:start;justify-content:center;gap:var(--space-gap-md);width:100%}.calendar-preview--row{align-items:end}.calendar-preview--stack{flex-direction:column;align-items:center;gap:var(--space-gap-sm)}.calendar-preview__note{margin:0;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.component-master__canvas:has(.calendar-preview){min-height:24rem}.component-grid .component-example__canvas:has(.calendar-preview){height:auto;min-height:22rem}.kpi-card-preview--row{align-items:end}.tooltip-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-gap-lg);width:100%;padding:var(--space-inset-xl) 0}.component-master__canvas:has(.tooltip-preview){min-height:14rem}.tag-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-gap-md);width:100%}.tag-preview--row{gap:var(--space-gap-sm)}.component-master__canvas:has(.tag-preview){min-height:var(--space-section-lg)}.component-master__canvas:has(.kpi-card-preview){min-height:16rem;background:var(--color-bg-surface)}.toast-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-gap-md);width:100%}.toast-preview--stack{flex-direction:column;align-items:stretch;max-width:30rem;margin-inline:auto}.toast-preview--live{position:relative;min-height:10rem;flex-direction:column;justify-content:center}.component-grid .component-example__canvas:has(.toast-preview--stack){height:auto;min-height:22rem}.component-master__canvas:has(.toast-preview){min-height:18rem}.textarea-preview--horizontal{display:flex;flex-wrap:nowrap;align-items:start;gap:var(--space-gap-lg);width:100%;margin-inline:0;overflow-x:auto;padding-block:var(--space-inset-xs);scrollbar-width:none}.textarea-preview--horizontal::-webkit-scrollbar{display:none}.textarea-preview--horizontal>*{flex:0 0 min(100%,16rem);width:min(100%,16rem)}.component-grid .component-example__canvas:has(.textarea-preview--horizontal){height:auto;min-height:16rem;overflow-x:auto}.modal-preview{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-gap-md);width:100%;min-height:22rem;overflow:hidden;border-radius:var(--radius-surface-md)}.component-master__canvas .modal-preview{min-height:26rem;height:100%}.component-grid .component-example__canvas:has(.modal-preview){height:24rem;min-height:24rem;overflow:hidden}.modal-card-preview{display:flex;flex-wrap:wrap;align-items:start;justify-content:center;gap:var(--space-gap-lg);width:100%}.component-master__canvas:has(.modal-card-preview){min-height:28rem;padding:var(--space-inset-xl) var(--space-inset-lg)}.component-master__canvas .modal-card-preview{align-items:center;min-height:100%}.modal-card-preview--scroll{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--space-gap-lg);box-sizing:border-box;width:100%;max-width:100%;height:100%;margin:0;padding-block:var(--space-section-sm);padding-inline:50%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.modal-card-preview--scroll::-webkit-scrollbar{display:none}.modal-card-preview--scroll .modal-card{flex:0 0 auto;max-width:none;max-height:none;scroll-snap-align:center;scroll-snap-stop:always}.modal-card-preview--scroll .modal-card--sm{width:22rem;min-width:22rem}.modal-card-preview--scroll .modal-card--md{width:28rem;min-width:28rem}.modal-card-preview--scroll .modal-card--lg{width:36rem;min-width:36rem}.component-grid .component-example__canvas:has(.modal-card-preview--scroll){display:grid;place-items:stretch;align-content:center;height:auto;min-height:26rem;overflow:visible;padding-inline:0;padding-block:var(--space-inset-sm)}.component-master{display:grid;gap:var(--space-stack-md)}.component-master__header{display:grid;gap:.35rem}.component-master__header .foundation-tabs{margin-top:.85rem}.component-master__preview,.component-master__docs{display:grid;gap:var(--space-stack-md)}.component-master__docs .component-detail{margin-top:0;padding-top:0;border-top:none}.component-master__variants{min-width:0}.component-master__header h2{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing)}.component-master__header p{margin:0;max-width:36rem;color:var(--color-text-muted);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.component-master__layout{position:relative;display:grid;grid-template-columns:1fr;gap:0;align-items:stretch;min-height:calc(var(--layout-rail) + var(--layout-metrics-min));border-radius:var(--radius-surface-md);background:var(--color-bg-subtle);overflow:visible}.component-master__main{display:grid;min-width:0;min-height:inherit}.component-master__canvas{display:grid;place-items:center;min-width:0;min-height:calc(var(--layout-rail) + var(--layout-metrics-min));height:100%;padding:var(--space-inset-lg);padding-inline-end:calc(var(--space-inset-lg) + 16.5rem);border-radius:var(--radius-surface-md);background:transparent;overflow:visible}.component-master__code{min-width:0;padding:0}.component-master__code .docs__code-wrap{margin:0}.component-master__code .docs__code{box-sizing:border-box;min-height:0}.component-master__panel{position:absolute;top:var(--space-inset-md);right:var(--space-inset-md);z-index:2;display:grid;gap:var(--space-stack-md);align-content:start;width:15.5rem;max-height:none;margin:0;padding:var(--space-inset-md);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-page);box-shadow:var(--shadow-overlay-md);overflow:visible}.component-master__panel-group{display:grid;gap:var(--space-stack-sm)}.component-master__panel-label{color:var(--color-text-secondary);font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);line-height:var(--text-overline-line-height);letter-spacing:var(--text-overline-letter-spacing);text-transform:none}.component-master__range-heading,.component-master__range-labels{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline-sm)}.component-master__range-heading output,.component-master__range-labels{color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.component-master__range{width:100%;block-size:var(--space-inset-lg);margin:0;appearance:none;background:transparent;cursor:pointer}.component-master__range::-webkit-slider-runnable-track{block-size:var(--border-focus);border-radius:var(--radius-pill);background:var(--color-bg-muted)}.component-master__range::-webkit-slider-thumb{inline-size:var(--space-inset-lg);block-size:var(--space-inset-lg);margin-block-start:calc((var(--border-focus) - var(--space-inset-lg)) / 2);border:var(--border-control) solid var(--color-border-brand);border-radius:var(--radius-pill);background:var(--color-interactive-primary);appearance:none}.component-master__range::-moz-range-track{block-size:var(--border-focus);border-radius:var(--radius-pill);background:var(--color-bg-muted)}.component-master__range::-moz-range-thumb{inline-size:var(--space-inset-lg);block-size:var(--space-inset-lg);border:var(--border-control) solid var(--color-border-brand);border-radius:var(--radius-pill);background:var(--color-interactive-primary)}.component-master__range:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.foundation-tabs--compact{margin-top:0;width:100%;max-width:none;flex-wrap:wrap;gap:var(--space-gap-xs);padding:0;background:transparent;box-shadow:none}.foundation-tabs--compact .foundation-tabs__tab{flex:0 1 auto;min-width:max-content;padding:var(--space-inset-xs) var(--space-inset-sm);border-radius:var(--radius-control-sm);color:var(--color-text-secondary)}.foundation-tabs--compact .foundation-tabs__tab.is-active{background:var(--color-bg-subtle);color:var(--color-text-primary)}.component-grid .button-preview{gap:var(--space-gap-md)}.switch-list{display:grid;gap:var(--space-stack-sm)}.switch-list .switch{min-width:0}.switch-list .switch__label{min-width:0;text-transform:capitalize}.component-master__panel .radio__label{text-transform:capitalize}@media(max-width:64rem){.component-master__layout{display:flex;flex-direction:column;min-height:0}.component-master__canvas,.component-master__canvas:has(.pie-chart-preview),.component-master__canvas:has(.bar-chart-preview),.component-master__canvas:has(.line-chart-preview),.component-master__canvas:has(.timeline-preview){min-height:calc(var(--space-section-lg) * 4);padding-inline:var(--space-inset-md);padding-inline-end:var(--space-inset-md)}.component-master__panel{position:relative;top:auto;right:auto;bottom:auto;order:1;width:auto;max-height:none;margin:var(--space-inset-sm)}}.component-master__variants .component-grid{margin-top:0}.component-stack{display:grid;gap:var(--space-section-md)}.component-grid{display:grid;grid-template-columns:1fr;gap:var(--space-gap-lg);align-items:stretch}.component-grid .component-example{display:grid;gap:var(--space-stack-md);min-width:0;margin:0;padding:var(--space-inset-lg);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-page)}.component-grid .component-example__header{gap:.3rem}.component-grid .component-example__canvas{height:auto;min-height:calc(var(--space-section-lg) * 4.5);overflow:visible;padding:var(--space-inset-lg)}.component-grid .component-example__canvas:has(.select-preview),.component-grid .component-example__canvas:has(.tooltip-preview){overflow:visible}.component-grid .component-detail{margin-top:0;padding-top:0;border-top:0}.component-grid .input-preview{width:min(100%,20rem)}.component-stack .component-example__canvas{min-height:12rem}.chat-pattern-preview{box-sizing:border-box;width:min(100%,calc(var(--layout-container-sm) * .65));margin-inline:auto;padding:var(--space-inset-lg)}.thinking-animation-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-gap-lg)}.shimmer-text-preview{display:flex;align-items:center;justify-content:center;gap:var(--space-stack-md);width:100%}.component-master__canvas:has(.shimmer-text-preview){min-height:var(--space-section-lg)}.loading-animation-preview{display:flex;align-items:center;justify-content:center}.loading-animation-config{max-height:none;overflow:visible}.loading-animation-config .foundation-tabs--compact{flex-wrap:wrap}.loading-animation-config .foundation-tabs--compact .foundation-tabs__tab{min-width:max-content}.number-transition-preview{display:flex;align-items:center;justify-content:center;width:100%}.data-table-preview{width:min(100%,var(--layout-container-md))}.component-gallery__sample--table{width:100%}.content-block--statement{display:grid;justify-items:center;align-content:center;width:100%;padding:var(--space-section-sm) 0}.home-stage{display:grid;justify-items:stretch;width:100%}.statement{width:100%;max-width:none;margin:0;padding:0;text-align:left}.home-pair{width:100%;align-items:start;gap:var(--layout-gutter-lg)}.statement-visual{position:relative;width:100%;height:100%;overflow:hidden;background:transparent}.timeline-preview{width:min(100%,var(--layout-container-sm));margin-inline:0;text-align:start}.component-master__canvas:has(.timeline-preview){min-height:22rem;align-items:start;justify-items:start}.component-gallery__sample--timeline{width:100%;padding-inline:var(--space-inset-md);text-align:start}.statement-visual canvas,.statement-visual>*{display:block;width:100%;height:100%;background:transparent}.statement__title{display:grid;gap:.75rem;margin:0;max-width:44rem;color:var(--color-text-primary);animation:rise .9s cubic-bezier(.22,1,.36,1) .08s both}.statement__brand{margin:0;color:var(--color-text-primary);animation:rise .9s cubic-bezier(.22,1,.36,1) .08s both}.statement__brand span{display:block}.statement__product{display:block;margin:0;color:var(--color-text-primary);animation:rise .9s cubic-bezier(.22,1,.36,1) .04s both}.statement__subtitle{margin:1.35rem 0 0;max-width:28rem;color:var(--color-text-secondary);animation:rise 1s cubic-bezier(.22,1,.36,1) .14s both}.statement__body{margin:1.35rem 0 0;max-width:28rem;color:var(--color-text-muted);animation:rise 1s cubic-bezier(.22,1,.36,1) .14s both}.statement__actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-top:1.75rem;animation:rise 1s cubic-bezier(.22,1,.36,1) .18s both}.statement__btn{appearance:none;display:inline-flex;align-items:center;border:0;border-radius:999px;padding:.8rem 1.35rem;font-family:var(--text-label-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.statement__btn:hover{transform:translateY(-1px)}.statement__btn--primary{background:var(--color-bg-inverse);color:var(--color-text-inverse)}.statement__btn--primary:hover{background:var(--color-fill-strong)}.statement__btn--secondary{background:var(--color-interactive-secondary);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-default)}.statement__btn--secondary:hover{background:var(--color-interactive-secondary-hover)}.statement__meta{margin:1.25rem 0 0;font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);color:var(--color-text-muted);animation:rise 1s cubic-bezier(.22,1,.36,1) .2s both}.library-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 2rem;width:min(100%,34rem);margin-top:4.5rem;padding-top:2.5rem;border-top:1px solid var(--color-border-default);animation:rise 1s cubic-bezier(.22,1,.36,1) .24s both}.library-stat{display:grid;gap:.55rem;align-content:start;justify-items:start;text-align:left}.library-stat__value{font-family:var(--text-heading-xl-font-family);font-size:var(--text-heading-xl-font-size);font-weight:var(--text-heading-xl-font-weight);letter-spacing:var(--text-heading-xl-letter-spacing);line-height:var(--text-heading-xl-line-height);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.library-stat__title{margin:0;font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);letter-spacing:var(--text-heading-xs-letter-spacing);line-height:var(--text-heading-xs-line-height);color:var(--color-text-primary)}.library-stat__description{margin:0;max-width:16rem;font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing);color:var(--color-text-secondary)}@media(max-width:64rem){.main:has(.content-block--statement){place-items:start center}.content-block--statement{align-content:start}}@media(max-width:520px){.library-stats{grid-template-columns:1fr}.component-example__canvas{min-height:auto;padding:1rem}.content-block--statement{min-height:auto;align-items:flex-start}.statement{padding-top:1rem}.statement__brand{font-family:var(--text-heading-xl-font-family);font-size:var(--text-heading-xl-font-size);font-weight:var(--text-heading-xl-font-weight);line-height:var(--text-heading-xl-line-height);letter-spacing:var(--text-heading-xl-letter-spacing)}.statement__title br{display:none}}.pie-chart-preview{display:flex;justify-content:center;width:100%;min-width:0}.pie-chart-preview .chart-frame{width:min(100%,36rem)}.pie-chart-preview .chart-frame__body{display:flex;justify-content:center}.component-master__canvas:has(.pie-chart-preview){min-height:22rem;align-content:center}.component-master__canvas:has(.bar-chart-preview){min-height:20rem}.bar-chart-preview{display:flex;justify-content:center;width:100%}.bar-chart-preview .chart-frame{width:min(100%,28rem)}.line-chart-preview{display:flex;justify-content:center;width:100%}.line-chart-preview .chart-frame{width:min(100%,28rem)}.component-master__canvas:has(.line-chart-preview){min-height:20rem}.component-gallery__sample--insight{width:min(100%,18rem)}.component-gallery__sample--insight .insight-card{width:100%;box-shadow:none}.component-gallery__sample--pie{width:min(100%,12rem);justify-items:center}.component-gallery__sample--pie .chart-frame{width:100%;padding:var(--space-inset-sm);box-shadow:none}.component-gallery__sample--pie .chart-frame__header{justify-content:center;text-align:center}.component-gallery__sample--pie .chart-frame__title{font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing)}.component-gallery__sample--pie .pie-chart__layout{grid-template-columns:1fr;justify-items:center;padding-block:0}.component-gallery__sample--pie .pie-chart__plot{justify-self:center;width:6.5rem}.component-gallery__sample--pie .pie-chart__legend{display:none}.component-gallery__sample--bar{width:min(100%,18rem)}.component-gallery__sample--bar .chart-frame{width:100%;padding:var(--space-inset-sm);box-shadow:none}.component-gallery__sample--bar .bar-chart__plot{min-height:6rem}.component-gallery__sample--line{width:min(100%,18rem)}.component-gallery__sample--line .chart-frame{width:100%;padding:var(--space-inset-sm);box-shadow:none}.component-gallery__sample--line .line-chart__plot{min-height:6rem}@media(max-width:64rem){.foundation-tabs,.foundation-tabs--compact{width:fit-content;max-width:100%;flex-wrap:wrap}.component-master__layout .component-master__canvas{min-height:calc(var(--space-section-lg) * 4);padding-inline:var(--space-inset-md)}.statement__actions{flex-direction:column;align-items:stretch}.statement__btn{justify-content:center;width:100%}.statement__brand,.statement__body,.lede,.hero h1{max-width:100%;overflow-wrap:break-word}.opacity-row{grid-template-columns:1fr;gap:var(--space-stack-xs)}.shell--playground .main{padding-inline:var(--layout-margin-sm);padding-inline-start:max(var(--layout-margin-sm),env(safe-area-inset-left))}}@media(max-width:40rem){.topbar__brand span{display:none}.component-gallery{grid-template-columns:1fr}.component-grid .component-example,.component-grid .component-example__canvas{padding:var(--space-inset-md);min-height:0}.motion-gallery{grid-template-columns:1fr}.pie-chart-preview .chart-frame,.bar-chart-preview .chart-frame,.line-chart-preview .chart-frame{width:100%}.home-pair{gap:var(--layout-gutter-md)}}.playground{display:grid;gap:var(--space-stack-md)}.playground__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-gap-sm)}.playground__stage{position:relative;display:grid;grid-template-columns:1fr;min-height:28rem;border-radius:var(--radius-surface-md);background:var(--color-bg-subtle);overflow:visible}.playground__main{display:grid;min-width:0;min-height:inherit}.playground__canvas{display:grid;place-items:center;min-height:28rem;padding:var(--space-inset-xl);padding-inline-end:calc(var(--space-inset-xl) + 15.5rem)}.playground__preview-width{width:min(100%,26rem)}.playground__code{display:grid;align-content:center;min-height:28rem;padding:var(--space-inset-lg);padding-inline-end:calc(var(--space-inset-lg) + 15.5rem)}.playground__code-wrap{position:relative}.playground__code-block{margin:0;padding:var(--space-inset-md);padding-inline-end:calc(var(--space-inset-md) + 4.5rem);overflow-x:auto;border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-sm);background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--text-code-font-family);font-size:var(--text-code-font-size);font-weight:var(--text-code-font-weight);line-height:var(--text-code-line-height);letter-spacing:var(--text-code-letter-spacing);white-space:pre}.playground__copy{position:absolute;top:var(--space-inset-sm);right:var(--space-inset-sm);margin:0;padding:var(--space-inset-2xs) var(--space-inset-sm);border:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-control-sm);background:var(--color-bg-page);color:var(--color-text-secondary);font-family:var(--text-label-font-family);font-size:var(--text-label-font-size);font-weight:var(--text-label-font-weight);line-height:var(--text-label-line-height);letter-spacing:var(--text-label-letter-spacing);cursor:pointer}.playground__copy:hover{background:var(--color-interactive-secondary);color:var(--color-text-primary)}.playground__copy:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.playground__panel{position:absolute;top:var(--space-inset-md);right:var(--space-inset-md);bottom:var(--space-inset-md);z-index:2;display:grid;gap:var(--space-stack-md);align-content:start;width:14.5rem;max-height:calc(100% - var(--space-inset-md) * 2);margin:0;padding:var(--space-inset-md);border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-md);background:var(--color-bg-page);box-shadow:var(--shadow-overlay-md);overflow-y:auto}.playground__panel-header h2{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing)}.playground__panel-header p{margin:var(--space-stack-2xs) 0 0;color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.playground__group{display:grid;gap:var(--space-stack-xs)}.playground__group-label{color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);text-transform:none}.playground__text-input{width:100%;margin:0;padding:var(--space-inset-xs) var(--space-inset-sm);border:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-control-sm);background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.playground__text-input:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-inset-2xs)}.web-preview{container-name:web-preview;container-type:inline-size;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;height:100%;overflow:hidden;border:var(--border-surface) solid var(--color-border-subtle);border-radius:var(--radius-surface-lg);background:var(--color-bg-page);box-shadow:var(--shadow-raised-soft)}.playground-page-header{display:grid;gap:var(--space-stack-2xs);margin-block-end:0}.playground-page-header h1{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-lg-font-family);font-size:var(--text-heading-lg-font-size);font-weight:var(--text-heading-lg-font-weight);line-height:var(--text-heading-lg-line-height);letter-spacing:var(--text-heading-lg-letter-spacing)}.playground-page-header p{margin:0;max-width:40rem;color:var(--color-text-secondary);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.web-preview__chrome{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-inline-md);padding:var(--space-inset-sm) var(--space-inset-md);border-bottom:var(--border-divider) solid var(--color-border-subtle);background:var(--color-bg-subtle)}.web-preview__traffic{display:flex;align-items:center;gap:var(--space-inline-2xs)}.web-preview__dot{width:var(--space-inset-sm);height:var(--space-inset-sm);border-radius:var(--radius-pill);background:var(--color-border-strong)}.web-preview__dot--close{background:var(--color-status-danger)}.web-preview__dot--minimize{background:var(--color-status-warning)}.web-preview__dot--zoom{background:var(--color-status-success)}.web-preview__address{display:flex;align-items:center;justify-content:center;gap:var(--space-inline-xs);min-width:0;padding:var(--space-inset-2xs) var(--space-inset-md);border:var(--border-control) solid var(--color-border-default);border-radius:var(--radius-pill);background:var(--color-bg-page);color:var(--color-text-secondary)}.web-preview__lock{display:grid;place-items:center;color:var(--color-icon-muted)}.web-preview__lock svg{width:var(--space-inset-sm);height:var(--space-inset-sm)}.web-preview__url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing);color:var(--color-text-secondary)}.web-preview__chrome-spacer{width:calc(var(--space-inset-sm) * 3 + var(--space-inline-2xs) * 2)}.web-preview__app{min-height:0;height:100%;overflow:hidden;background:var(--color-bg-page);align-items:stretch}.web-preview__shell.layout-canvas{--playground-topbar-offset: 5.5rem;--playground-chat-rail: 22rem;position:relative;overflow:hidden;min-height:0;height:100%;grid-template-rows:minmax(0,1fr)}.web-preview__shell:has(.web-preview__workspace--chat-collapsed){--playground-chat-rail: 0rem}.web-preview__workspace.layout-workspace{position:relative;overflow:hidden;height:100%;min-height:0;grid-template-columns:minmax(0,1fr) var(--playground-chat-rail);transition:grid-template-columns var(--motion-modal-duration) var(--motion-modal-easing)}.web-preview__workspace.layout-workspace.web-preview__workspace--chat-collapsed{transition:grid-template-columns var(--motion-modal-exit-duration) var(--motion-modal-exit-easing)}.web-preview__sidebar.ds-sidebar{align-self:stretch;max-width:none;min-height:100%;border-block:none;border-inline-start:none;border-radius:0;background:var(--color-bg-page);box-shadow:none}.web-preview__brand{display:flex;align-items:center;gap:var(--space-inline-sm)}.web-preview__mark{flex:none;width:var(--space-inset-lg);height:var(--space-inset-lg);border-radius:var(--radius-control-sm);background:var(--color-bg-brand)}.web-preview__status{display:block;width:var(--space-inset-sm);height:var(--space-inset-sm);border-radius:var(--radius-pill);background:var(--color-bg-muted)}.web-preview__status--danger{background:var(--color-status-danger)}.web-preview__status--warning{background:var(--color-status-warning)}.web-preview__status--success{background:var(--color-status-success)}.web-preview__brand strong{display:block;color:var(--color-text-primary);font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing)}.web-preview__brand span{display:block;color:var(--color-text-muted);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.web-preview__sidebar .ds-sidebar__footer{display:grid;gap:var(--space-stack-xs)}.web-preview__shell{background:var(--color-bg-subtle)}.web-preview__topbar{position:absolute;inset-inline-start:0;inset-inline-end:var(--playground-chat-rail);top:0;z-index:6;border-bottom:var(--border-divider) solid color-mix(in srgb,var(--color-border-default) 55%,transparent);background:color-mix(in srgb,var(--color-bg-page) calc(var(--opacity-scrim) * 100%),transparent);-webkit-backdrop-filter:blur(1.25rem) saturate(1.35);backdrop-filter:blur(1.25rem) saturate(1.35);box-shadow:none;transition:inset-inline-end var(--motion-modal-duration) var(--motion-modal-easing)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.web-preview__topbar{background:color-mix(in srgb,var(--color-bg-page) calc(var(--opacity-scrim) * 100%),transparent)}}@media(prefers-reduced-transparency:reduce){.web-preview__topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-page)}}.web-preview__topbar-copy{display:grid;gap:var(--space-stack-2xs);min-width:0}.web-preview__topbar-title{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-md-font-family);font-size:var(--text-heading-md-font-size);font-weight:var(--text-heading-md-font-weight);line-height:var(--text-heading-md-line-height);letter-spacing:var(--text-heading-md-letter-spacing)}.web-preview__topbar-meta{margin:0;color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.web-preview__actions{display:inline-flex;align-items:center;gap:var(--space-inline-sm)}.web-preview__action{min-inline-size:0;font-weight:var(--text-label-font-weight)}.web-preview__action--quiet{background:var(--color-bg-page);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:none}.web-preview__action--quiet:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong);color:var(--color-text-primary)}.web-preview__action--quiet:active{background:var(--color-bg-muted);border-color:var(--color-border-strong)}.web-preview__action--solid{background:var(--color-bg-inverse);color:var(--color-text-inverse);border-color:var(--color-bg-inverse);box-shadow:var(--shadow-raised-sm)}.web-preview__action--solid:hover{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg-page)}.web-preview__action--solid:active{background:var(--color-text-secondary);border-color:var(--color-text-secondary);color:var(--color-bg-page);box-shadow:none}.playground-dashboard{container-name:dashboard;container-type:inline-size;background:transparent}.playground-dashboard.layout-content{gap:var(--space-stack-md);overflow:auto;height:100%;min-height:0;padding-block-start:var(--playground-topbar-offset);padding-block-end:var(--space-inset-xl);scrollbar-width:none}.playground-dashboard.layout-content::-webkit-scrollbar{display:none}.playground-dashboard .layout-grid{gap:var(--space-gap-sm)}.playground-dashboard__metrics{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;gap:var(--space-gap-md)}.playground-dashboard__metrics .kpi-card{width:100%;max-width:none;background:color-mix(in srgb,var(--color-bg-page) calc(var(--opacity-scrim-soft) * 100% + 20%),transparent);-webkit-backdrop-filter:blur(.75rem) saturate(1.2);backdrop-filter:blur(.75rem) saturate(1.2);border-color:var(--color-border-highlight);box-shadow:var(--shadow-raised-depth)}.playground-dashboard__charts{align-items:stretch}.playground-dashboard__chart{display:flex;min-width:0;overflow:visible}.playground-dashboard__chart .chart-frame{flex:1;width:100%;block-size:auto;overflow:visible;grid-template-rows:auto 1fr;background:color-mix(in srgb,var(--color-bg-page) calc(var(--opacity-scrim-soft) * 100% + 20%),transparent);-webkit-backdrop-filter:blur(.75rem) saturate(1.2);backdrop-filter:blur(.75rem) saturate(1.2);border-color:var(--color-border-highlight);box-shadow:var(--shadow-raised-depth)}.playground-dashboard__chart .chart-frame__body{display:flex;align-items:center;min-height:15rem}.playground-dashboard__chart .pie-chart__layout{width:100%}.playground-dashboard__chart .pie-chart__plot{margin-inline:0}.playground-dashboard__chart .bar-chart__plot,.playground-dashboard__chart .line-chart__plot{width:100%}.playground-dashboard__panel{display:grid;gap:var(--space-stack-md);min-width:0;padding:var(--space-inset-md);border:var(--border-highlight) solid var(--color-border-highlight);border-radius:var(--radius-surface-md);background:color-mix(in srgb,var(--color-bg-page) calc(var(--opacity-scrim-soft) * 100% + 20%),transparent);-webkit-backdrop-filter:blur(.75rem) saturate(1.2);backdrop-filter:blur(.75rem) saturate(1.2);box-shadow:var(--shadow-raised-depth)}.playground-dashboard__panel .data-table-shell{background:color-mix(in srgb,var(--color-bg-page) calc(var(--opacity-scrim-soft) * 100% + 35%),transparent);border-color:var(--color-border-highlight);box-shadow:none}.playground-dashboard__panel .data-table__toolbar,.playground-dashboard__panel .data-table__meta,.playground-dashboard__panel .data-table__chips,.playground-dashboard__panel .data-table__scroll{background:transparent}@media(prefers-reduced-transparency:reduce){.playground-dashboard__metrics .kpi-card,.playground-dashboard__chart .chart-frame,.playground-dashboard__panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-page)}}.playground-dashboard__panel-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-gap-sm)}.playground-dashboard__panel-title{margin:0;color:var(--color-text-primary);font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing)}.playground-dashboard__panel-copy{margin:var(--space-stack-2xs) 0 0;color:var(--color-text-secondary);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.playground-dashboard__body{align-items:stretch}.playground-dashboard__chat{position:relative;display:grid;grid-template-rows:minmax(0,1fr);align-self:stretch;width:100%;min-width:0;min-height:0;height:100%;overflow:visible;border-inline-start:var(--border-divider) solid var(--color-border-subtle);background:var(--color-bg-page);opacity:var(--opacity-full);transform:translate(0);transition:opacity var(--motion-overlay-duration) var(--motion-overlay-easing),transform var(--motion-modal-duration) var(--motion-modal-easing),border-color var(--motion-overlay-duration) var(--motion-overlay-easing)}.playground-dashboard__chat--closed{overflow:hidden;opacity:0;transform:translate(.75rem);border-inline-start-color:transparent;pointer-events:none;transition:opacity var(--motion-overlay-exit-duration) var(--motion-overlay-exit-easing),transform var(--motion-modal-exit-duration) var(--motion-modal-exit-easing),border-color var(--motion-overlay-exit-duration) var(--motion-overlay-exit-easing)}.playground-dashboard__chat .chat-pattern{block-size:100%;max-block-size:none;min-block-size:0;border-radius:0;box-shadow:none;overflow:hidden}.playground-dashboard__chat-edge{position:absolute;inset-block-start:var(--space-inset-md);inset-inline-start:0;z-index:3;display:grid;place-items:center;width:var(--space-inset-lg);height:calc(var(--space-inset-xl) + var(--space-inset-xs));margin:0;padding:0;border:var(--border-control) solid var(--color-border-subtle);border-inline-end:0;border-radius:var(--radius-control-md) 0 0 var(--radius-control-md);background:var(--color-bg-page);color:var(--color-icon-muted);box-shadow:none;cursor:pointer;transform:translate(-100%);opacity:var(--opacity-full);transition:background var(--motion-interaction-duration) var(--motion-interaction-easing),color var(--motion-interaction-duration) var(--motion-interaction-easing),border-color var(--motion-interaction-duration) var(--motion-interaction-easing),opacity var(--motion-overlay-duration) var(--motion-overlay-easing)}.playground-dashboard__chat--closed .playground-dashboard__chat-edge{opacity:0}.playground-dashboard__chat-edge:hover{background:var(--color-bg-subtle);color:var(--color-icon-primary);border-color:var(--color-border-subtle)}.playground-dashboard__chat-edge:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--border-focus))}.playground-dashboard__chat-fab{position:absolute;inset-block-end:var(--space-inset-lg);inset-inline-end:var(--space-inset-lg);z-index:5;display:grid;place-items:center;width:calc(var(--space-inset-xl) + var(--space-inset-sm));height:calc(var(--space-inset-xl) + var(--space-inset-sm));margin:0;padding:0;border:var(--border-control) solid transparent;border-radius:var(--radius-pill);background:var(--color-bg-brand);color:var(--color-brand-on-brand);box-shadow:var(--shadow-raised-md);cursor:pointer;opacity:0;pointer-events:none;transform:scale(.96);transition:opacity var(--motion-overlay-exit-duration) var(--motion-overlay-exit-easing),transform var(--motion-overlay-exit-duration) var(--motion-overlay-exit-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing)}.playground-dashboard__chat-fab--visible{opacity:var(--opacity-full);pointer-events:auto;transform:scale(1);transition:opacity var(--motion-overlay-duration) var(--motion-overlay-easing),transform var(--motion-modal-duration) var(--motion-modal-easing),background var(--motion-interaction-duration) var(--motion-interaction-easing)}.playground-dashboard__chat-fab--visible:hover{background:var(--color-brand-primary-hover);transform:scale(1.04)}.playground-dashboard__chat-fab--visible:active{transform:scale(.97)}.playground-dashboard__chat-fab:focus-visible{outline:var(--border-focus) solid var(--color-focus-ring);outline-offset:var(--space-stack-2xs)}@media(prefers-reduced-motion:reduce){.web-preview__workspace.layout-workspace,.web-preview__workspace.layout-workspace.web-preview__workspace--chat-collapsed,.playground-dashboard__chat,.playground-dashboard__chat--closed,.playground-dashboard__chat-fab,.playground-dashboard__chat-fab--visible{transition:none}.playground-dashboard__chat--closed,.playground-dashboard__chat-fab,.playground-dashboard__chat-fab--visible,.playground-dashboard__chat-fab--visible:hover,.playground-dashboard__chat-fab--visible:active{transform:none}}@container web-preview (max-width: 64rem){.web-preview__app.layout-app{grid-template-columns:var(--layout-sidebar-compact) minmax(0,1fr);height:100%;min-height:0}.web-preview__sidebar.ds-sidebar{min-height:0;width:var(--layout-sidebar-compact);max-width:var(--layout-sidebar-compact);flex-direction:column;border-inline-end:var(--border-divider) solid var(--color-border-subtle);border-block-end:none}.web-preview__sidebar .ds-sidebar__header{justify-content:center;padding:var(--space-inset-md) var(--space-inset-sm);border-block-end:var(--border-divider) solid var(--color-border-subtle);border-inline-end:none}.web-preview__brand{justify-content:center}.web-preview__brand>div{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.web-preview__sidebar .ds-sidebar__nav{display:grid;gap:var(--space-stack-sm);padding:var(--space-inset-sm);overflow-x:hidden;overflow-y:auto}.web-preview__sidebar .ds-sidebar__section-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.web-preview__sidebar .ds-sidebar__items{display:grid}.web-preview__sidebar .ds-sidebar__item{justify-content:center;gap:0;padding:var(--space-inset-sm)}.web-preview__sidebar .ds-sidebar__item-label,.web-preview__sidebar .ds-sidebar__item-badge,.web-preview__sidebar .ds-sidebar__item-disclosure{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.web-preview__sidebar .ds-sidebar__submenu{margin-inline-start:0;padding-inline-start:0;border-inline-start:none}.web-preview__sidebar .ds-sidebar__footer{padding:var(--space-inset-sm)}.web-preview__workspace.layout-workspace,.web-preview__workspace.layout-workspace.web-preview__workspace--chat-collapsed{grid-template-columns:minmax(0,1fr);overflow:hidden}.web-preview__topbar{inset-inline-end:0}.web-preview__actions{flex-wrap:wrap}.web-preview__action{min-inline-size:0}.playground-dashboard__chat{position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(85%,var(--layout-rail));border-inline-start:var(--border-divider) solid var(--color-border-subtle);border-block-start:none;block-size:auto;min-block-size:0;z-index:7;box-shadow:var(--shadow-overlay-md)}.playground-dashboard__chat--closed{display:none}.web-preview__topbar-copy{min-width:0}.web-preview__topbar-title,.web-preview__topbar-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-preview__actions .web-preview__action{padding-inline:var(--space-inset-sm);font-size:var(--text-caption-font-size)}}@container dashboard (max-width: 64rem){.playground-dashboard__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.playground-dashboard .layout-col-4,.playground-dashboard .layout-col-6,.playground-dashboard .layout-col-8{grid-column:span 12}.playground-dashboard__chart .chart-frame__body{min-height:12rem}}@container dashboard (max-width: 40rem){.playground-dashboard__metrics{grid-template-columns:minmax(0,1fr)}.playground-dashboard.layout-content{padding-inline:var(--layout-margin-sm)}.playground-dashboard__chart .pie-chart__layout{grid-template-columns:1fr}.playground-dashboard__chart .chart-frame__body{min-height:10rem}.playground-dashboard__panel .data-table__scroll{overflow-x:auto}}@media(max-width:64rem){.playground__stage{display:flex;flex-direction:column;min-height:0}.playground__canvas,.playground__code{min-height:16rem;padding:var(--space-inset-lg)}.playground__panel{position:relative;top:auto;right:auto;bottom:auto;order:-1;width:auto;max-height:none;margin:var(--space-inset-md);margin-bottom:0}.web-preview__app.layout-app{grid-template-columns:var(--layout-sidebar-compact) minmax(0,1fr);height:100%;min-height:0}.web-preview__workspace.layout-workspace{grid-template-columns:minmax(0,1fr);overflow:hidden}}
