:root,:where([data-theme]){--font-sans: ui-sans-serif, -apple-system, system-ui, "Segoe UI", "Noto Sans", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "SF Mono", "Menlo", "Monaco", "Consolas", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-2xs: .125rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .625rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.25rem;--radius-4xl: 1.5rem;--radius-full: 9999px;--spacing: .25rem;--gray-0: light-dark(#ffffff, #0d0d0d);--gray-25: light-dark(#fcfcfc, #101010);--gray-50: light-dark(#f9f9f9, #131313);--gray-75: light-dark(#f3f3f3, #161616);--gray-100: light-dark(#ededed, #181818);--gray-150: light-dark(#dfdfdf, #1c1c1c);--gray-200: light-dark(#cdcdcd, #212121);--gray-250: light-dark(#b9b9b9, #282828);--gray-300: light-dark(#afafaf, #303030);--gray-350: light-dark(#9f9f9f, #393939);--gray-400: light-dark(#8f8f8f, #414141);--gray-450: light-dark(#767676, #4f4f4f);--gray-500: #5d5d5d;--gray-550: light-dark(#4f4f4f, #767676);--gray-600: light-dark(#414141, #8f8f8f);--gray-650: light-dark(#393939, #9f9f9f);--gray-700: light-dark(#303030, #afafaf);--gray-750: light-dark(#282828, #b9b9b9);--gray-800: light-dark(#212121, #cdcdcd);--gray-850: light-dark(#1c1c1c, #dcdcdc);--gray-900: light-dark(#181818, #ededed);--gray-925: light-dark(#161616, #f3f3f3);--gray-950: light-dark(#131313, #f3f3f3);--gray-975: light-dark(#101010, #f9f9f9);--gray-1000: light-dark(#0d0d0d, #ffffff);--alpha-base: light-dark(#0d0d0d, #ffffff);--alpha-0: color-mix(in oklab, var(--alpha-base) 0%, transparent);--alpha-02: color-mix(in oklab, var(--alpha-base) 2%, transparent);--alpha-04: color-mix(in oklab, var(--alpha-base) 4%, transparent);--alpha-05: color-mix(in oklab, var(--alpha-base) 5%, transparent);--alpha-06: color-mix(in oklab, var(--alpha-base) 6%, transparent);--alpha-08: color-mix(in oklab, var(--alpha-base) 8%, transparent);--alpha-10: color-mix(in oklab, var(--alpha-base) 10%, transparent);--alpha-12: color-mix(in oklab, var(--alpha-base) 12%, transparent);--alpha-15: color-mix(in oklab, var(--alpha-base) 15%, transparent);--alpha-16: color-mix(in oklab, var(--alpha-base) 16%, transparent);--alpha-20: color-mix(in oklab, var(--alpha-base) 20%, transparent);--alpha-25: color-mix(in oklab, var(--alpha-base) 25%, transparent);--alpha-30: color-mix(in oklab, var(--alpha-base) 30%, transparent);--alpha-35: color-mix(in oklab, var(--alpha-base) 35%, transparent);--alpha-40: color-mix(in oklab, var(--alpha-base) 40%, transparent);--alpha-50: color-mix(in oklab, var(--alpha-base) 50%, transparent);--alpha-60: color-mix(in oklab, var(--alpha-base) 60%, transparent);--alpha-70: color-mix(in oklab, var(--alpha-base) 70%, transparent);--white: #ffffff;--black: #000000;--green-25: #edfaf2;--green-50: #d9f4e4;--green-75: #b8ebcc;--green-100: #8cdfad;--green-200: #66d492;--green-300: #40c977;--green-400: #04b84c;--green-500: #00a240;--green-600: #008635;--green-700: #00692a;--green-800: #004f1f;--green-900: #003716;--green-950: #011c0b;--green-1000: #001207;--green-a25: color-mix(in oklab, var(--green-400) 8%, transparent);--green-a50: color-mix(in oklab, var(--green-400) 15%, transparent);--green-a75: color-mix(in oklab, var(--green-400) 29%, transparent);--green-a100: color-mix(in oklab, var(--green-400) 45%, transparent);--green-a200: color-mix(in oklab, var(--green-400) 60%, transparent);--green-a300: color-mix(in oklab, var(--green-400) 75%, transparent);--red-25: #fff0f0;--red-50: #ffd9d9;--red-75: #ffc6c5;--red-100: #ffa4a2;--red-200: #ff8583;--red-300: #ff6764;--red-400: #fa423e;--red-500: #e02e2a;--red-600: #ba2623;--red-700: #911e1b;--red-800: #6e1615;--red-900: #4d100e;--red-950: #280b0a;--red-1000: #1f0909;--red-a25: color-mix(in oklab, var(--red-400) 8%, transparent);--red-a50: color-mix(in oklab, var(--red-400) 16%, transparent);--red-a75: color-mix(in oklab, var(--red-400) 30%, transparent);--red-a100: color-mix(in oklab, var(--red-400) 48%, transparent);--red-a200: color-mix(in oklab, var(--red-400) 64%, transparent);--red-a300: color-mix(in oklab, var(--red-400) 79%, transparent);--pink-25: #fff4f9;--pink-50: #ffe8f3;--pink-75: #ffd4e8;--pink-100: #ffbada;--pink-200: #ffa3ce;--pink-300: #ff8cc1;--pink-400: #ff66ad;--pink-500: #e04c91;--pink-600: #ba437a;--pink-700: #963c67;--pink-800: #6e2c4a;--pink-900: #4d1f34;--pink-950: #29101c;--pink-1000: #1a0a11;--pink-a25: color-mix(in oklab, var(--pink-400) 8%, transparent);--pink-a50: color-mix(in oklab, var(--pink-400) 16%, transparent);--pink-a75: color-mix(in oklab, var(--pink-400) 28%, transparent);--pink-a100: color-mix(in oklab, var(--pink-400) 45%, transparent);--pink-a200: color-mix(in oklab, var(--pink-400) 60%, transparent);--pink-a300: color-mix(in oklab, var(--pink-400) 76%, transparent);--orange-25: #fff5f0;--orange-50: #ffe7d9;--orange-75: #ffcfb4;--orange-100: #ffb790;--orange-200: #ff9e6c;--orange-300: #ff8549;--orange-400: #fb6a22;--orange-500: #e25507;--orange-600: #b9480d;--orange-700: #923b0f;--orange-800: #6d2e0f;--orange-900: #4a2206;--orange-950: #281105;--orange-1000: #211107;--orange-a25: color-mix(in oklab, var(--orange-400) 7%, transparent);--orange-a50: color-mix(in oklab, var(--orange-400) 16%, transparent);--orange-a75: color-mix(in oklab, var(--orange-400) 33%, transparent);--orange-a100: color-mix(in oklab, var(--orange-400) 48%, transparent);--orange-a200: color-mix(in oklab, var(--orange-400) 65%, transparent);--orange-a300: color-mix(in oklab, var(--orange-400) 81%, transparent);--yellow-25: #fffbed;--yellow-50: #fff6d9;--yellow-75: #ffeeb8;--yellow-100: #ffe48c;--yellow-200: #ffdb66;--yellow-300: #ffd240;--yellow-400: #ffc300;--yellow-500: #e0ac00;--yellow-600: #ba8e00;--yellow-700: #916f00;--yellow-800: #6e5400;--yellow-900: #4d3b00;--yellow-950: #261d00;--yellow-1000: #1a1400;--yellow-a25: color-mix(in oklab, var(--yellow-400) 8%, transparent);--yellow-a50: color-mix(in oklab, var(--yellow-400) 15%, transparent);--yellow-a75: color-mix(in oklab, var(--yellow-400) 27%, transparent);--yellow-a100: color-mix(in oklab, var(--yellow-400) 45%, transparent);--yellow-a200: color-mix(in oklab, var(--yellow-400) 59%, transparent);--yellow-a300: color-mix(in oklab, var(--yellow-400) 74%, transparent);--purple-25: #f9f5fe;--purple-50: #efe5fe;--purple-75: #e0cefd;--purple-100: #ceb0fb;--purple-200: #be95fa;--purple-300: #ad7bf9;--purple-400: #924ff7;--purple-500: #8046d9;--purple-600: #6b3ab4;--purple-700: #532d8d;--purple-800: #3f226a;--purple-900: #2c184a;--purple-950: #160c25;--purple-1000: #100a19;--purple-a25: color-mix(in oklab, var(--purple-400) 6%, transparent);--purple-a50: color-mix(in oklab, var(--purple-400) 15%, transparent);--purple-a75: color-mix(in oklab, var(--purple-400) 28%, transparent);--purple-a100: color-mix(in oklab, var(--purple-400) 45%, transparent);--purple-a200: color-mix(in oklab, var(--purple-400) 60%, transparent);--purple-a300: color-mix(in oklab, var(--purple-400) 75%, transparent);--blue-25: #f5faff;--blue-50: #e5f3ff;--blue-75: #cce6ff;--blue-100: #99ceff;--blue-200: #66b5ff;--blue-300: #339cff;--blue-400: #0285ff;--blue-500: #0169cc;--blue-600: #004f99;--blue-700: #003f7a;--blue-800: #013566;--blue-900: #00284d;--blue-950: #000e1a;--blue-1000: #000d19;--blue-a25: color-mix(in oklab, var(--blue-400) 4%, transparent);--blue-a50: color-mix(in oklab, var(--blue-400) 13%, transparent);--blue-a75: color-mix(in oklab, var(--blue-400) 25%, transparent);--blue-a100: color-mix(in oklab, var(--blue-400) 40%, transparent);--blue-a200: color-mix(in oklab, var(--blue-400) 60%, transparent);--blue-a300: color-mix(in oklab, var(--blue-400) 80%, transparent);--hairline: 1px;--shadow-color: 0 0 0;--elevation-100-geo: 0 1px 2px -1px;--elevation-200-geo: 0 2px 4px -1px;--elevation-300-geo: 0 4px 8px -2px;--elevation-400-geo: 0 8px 16px -4px}@media(min-resolution:150dpi),(min-resolution:1.5dppx){:root,:where([data-theme]){--hairline: .5px}}:where(:root),:where([data-theme=light]){--shadow-alpha-100: .08;--shadow-alpha-200: .08;--shadow-alpha-300: .1;--shadow-alpha-400: .12;--shadow-hairline-width: 1px;--shadow-hairline-color: rgb(0 0 0 / 8%)}:where([data-theme=dark]){--shadow-alpha-100: .2;--shadow-alpha-200: .2;--shadow-alpha-300: .36;--shadow-alpha-400: .3;--shadow-hairline-width: 1px;--shadow-hairline-color: rgb(255 255 255 / 10%)}:root,:where([data-theme]){--color-text: var(--gray-1000);--color-text-secondary: light-dark(var(--gray-500), var(--gray-700));--color-text-tertiary: light-dark(var(--gray-400), var(--gray-600));--color-text-inverse: var(--gray-0);--color-text-disabled: light-dark(var(--gray-400), var(--gray-500));--color-ring: light-dark(var(--blue-500), var(--blue-400));--color-surface: light-dark(var(--gray-0), var(--gray-200));--color-surface-secondary: light-dark(var(--gray-50), var(--gray-100));--color-surface-tertiary: light-dark(var(--gray-75), var(--gray-50));--color-surface-elevated: light-dark(var(--gray-0), var(--gray-300));--color-surface-elevated-secondary: light-dark(var(--gray-50), var(--gray-400));--color-border-subtle: light-dark(var(--alpha-05), var(--alpha-06));--color-border: light-dark(var(--alpha-10), var(--alpha-12));--color-border-strong: light-dark(var(--alpha-15), var(--alpha-20));--color-background-disabled: var(--alpha-05);--color-border-disabled: var(--alpha-06);--color-text-primary: var(--color-text);--color-background-primary-soft: light-dark(var(--gray-100), var(--gray-300));--color-background-primary-soft-hover: light-dark(var(--gray-150), var(--gray-350));--color-background-primary-soft-active: light-dark(var(--gray-200), var(--gray-400));--color-background-primary-soft-alpha: light-dark(var(--alpha-08), var(--alpha-12));--color-background-primary-soft-alpha-hover: light-dark(var(--alpha-12), var(--alpha-16));--color-background-primary-soft-alpha-active: light-dark(var(--alpha-16), var(--alpha-20));--color-text-primary-soft: var(--color-text);--color-background-primary-surface: light-dark(var(--alpha-05), var(--alpha-08));--color-border-primary-surface: light-dark(var(--alpha-05), var(--alpha-08));--color-text-primary-surface: var(--color-text);--color-background-primary-solid: light-dark(var(--gray-900), var(--gray-950));--color-background-primary-solid-hover: light-dark(var(--gray-700), var(--gray-900));--color-background-primary-solid-active: light-dark(var(--gray-600), var(--gray-850));--color-text-primary-solid: var(--color-text-inverse);--color-background-primary-outline-hover: light-dark(var(--alpha-02), var(--alpha-04));--color-background-primary-outline-active: light-dark(var(--alpha-04), var(--alpha-06));--color-border-primary-outline: light-dark(var(--alpha-16), var(--alpha-25));--color-border-primary-outline-hover: light-dark(var(--alpha-20), var(--alpha-30));--color-text-primary-outline: var(--color-text);--color-background-primary-ghost-hover: light-dark(var(--alpha-08), var(--alpha-12));--color-background-primary-ghost-active: light-dark(var(--alpha-12), var(--alpha-16));--color-text-primary-ghost: var(--color-text);--color-ring-primary: var(--color-ring);--color-text-secondary-role: var(--color-text-secondary);--color-background-secondary-soft: light-dark(var(--gray-100), var(--gray-300));--color-background-secondary-soft-hover: light-dark(var(--gray-150), var(--gray-350));--color-background-secondary-soft-active: light-dark(var(--gray-200), var(--gray-400));--color-background-secondary-soft-alpha: light-dark(var(--alpha-06), var(--alpha-10));--color-background-secondary-soft-alpha-hover: light-dark(var(--alpha-10), var(--alpha-15));--color-text-secondary-soft: light-dark(var(--gray-700), var(--gray-850));--color-background-secondary-surface: light-dark(var(--alpha-04), var(--alpha-06));--color-border-secondary-surface: light-dark(var(--alpha-06), var(--alpha-10));--color-text-secondary-surface: var(--color-text-secondary);--color-background-secondary-solid: light-dark(var(--gray-600), var(--gray-500));--color-background-secondary-solid-hover: light-dark(var(--gray-700), var(--gray-600));--color-text-secondary-solid: var(--white);--color-border-secondary-outline: light-dark(var(--alpha-15), var(--alpha-20));--color-border-secondary-outline-hover: light-dark(var(--alpha-25), var(--alpha-30));--color-text-secondary-outline: var(--color-text-secondary);--color-background-secondary-ghost-hover: light-dark(var(--alpha-06), var(--alpha-10));--color-text-secondary-ghost: var(--color-text-secondary);--color-text-info: light-dark(var(--blue-600), var(--blue-300));--color-background-info-soft: light-dark(var(--blue-50), var(--blue-900));--color-background-info-soft-hover: light-dark(var(--blue-75), var(--blue-800));--color-background-info-soft-alpha: var(--blue-a50);--color-text-info-soft: light-dark(var(--blue-600), var(--blue-300));--color-background-info-surface: light-dark(var(--blue-a25), var(--blue-a50));--color-border-info-surface: light-dark(var(--blue-a50), var(--blue-a75));--color-text-info-surface: light-dark(var(--blue-600), var(--blue-300));--color-background-info-solid: var(--blue-400);--color-background-info-solid-hover: var(--blue-500);--color-text-info-solid: var(--white);--color-border-info-outline: var(--blue-400);--color-text-info-outline: light-dark(var(--blue-500), var(--blue-300));--color-background-info-ghost-hover: var(--blue-a50);--color-text-info-ghost: light-dark(var(--blue-500), var(--blue-300));--color-ring-info: var(--color-ring);--color-text-discovery: light-dark(var(--purple-700), var(--purple-400));--color-background-discovery-soft: light-dark(var(--purple-50), var(--purple-900));--color-background-discovery-soft-hover: light-dark(var(--purple-75), var(--purple-800));--color-background-discovery-soft-alpha: var(--purple-a50);--color-text-discovery-soft: light-dark(var(--purple-600), var(--purple-200));--color-background-discovery-surface: light-dark(var(--purple-a25), var(--purple-a50));--color-border-discovery-surface: light-dark(var(--purple-a50), var(--purple-a75));--color-text-discovery-surface: light-dark(var(--purple-600), var(--purple-200));--color-background-discovery-solid: var(--purple-400);--color-background-discovery-solid-hover: var(--purple-500);--color-text-discovery-solid: var(--white);--color-border-discovery-outline: var(--purple-500);--color-text-discovery-outline: light-dark(var(--purple-500), var(--purple-300));--color-background-discovery-ghost-hover: var(--purple-a50);--color-text-discovery-ghost: light-dark(var(--purple-500), var(--purple-300));--color-text-success: light-dark(var(--green-700), var(--green-300));--color-background-success-soft: light-dark(var(--green-50), var(--green-900));--color-background-success-soft-hover: light-dark(var(--green-75), var(--green-800));--color-background-success-soft-alpha: var(--green-a50);--color-text-success-soft: light-dark(var(--green-600), var(--green-300));--color-background-success-surface: light-dark(var(--green-a25), var(--green-a50));--color-border-success-surface: light-dark(var(--green-a50), var(--green-a75));--color-text-success-surface: light-dark(var(--green-600), var(--green-300));--color-background-success-solid: light-dark(var(--green-500), var(--green-600));--color-background-success-solid-hover: light-dark(var(--green-600), var(--green-500));--color-text-success-solid: var(--white);--color-border-success-outline: light-dark(var(--green-500), var(--green-600));--color-text-success-outline: light-dark(var(--green-600), var(--green-400));--color-background-success-ghost-hover: var(--green-a50);--color-text-success-ghost: light-dark(var(--green-600), var(--green-400));--color-text-warning: light-dark(var(--orange-700), var(--orange-300));--color-background-warning-soft: light-dark(var(--orange-50), var(--orange-900));--color-background-warning-soft-hover: light-dark(var(--orange-75), var(--orange-800));--color-background-warning-soft-alpha: var(--orange-a50);--color-text-warning-soft: light-dark(var(--orange-600), var(--orange-300));--color-background-warning-surface: light-dark(var(--orange-a25), var(--orange-a50));--color-border-warning-surface: light-dark(var(--orange-a50), var(--orange-a75));--color-text-warning-surface: light-dark(var(--orange-600), var(--orange-300));--color-background-warning-solid: var(--orange-500);--color-background-warning-solid-hover: var(--orange-600);--color-text-warning-solid: var(--white);--color-border-warning-outline: var(--orange-500);--color-text-warning-outline: light-dark(var(--orange-600), var(--orange-400));--color-background-warning-ghost-hover: var(--orange-a50);--color-text-warning-ghost: light-dark(var(--orange-600), var(--orange-400));--color-text-caution: light-dark(var(--yellow-700), var(--yellow-300));--color-background-caution-soft: light-dark(var(--yellow-50), var(--yellow-900));--color-background-caution-soft-hover: light-dark(var(--yellow-75), var(--yellow-800));--color-background-caution-soft-alpha: var(--yellow-a50);--color-text-caution-soft: light-dark(var(--yellow-700), var(--yellow-300));--color-background-caution-surface: light-dark(var(--yellow-a25), var(--yellow-a50));--color-border-caution-surface: light-dark(var(--yellow-a50), var(--yellow-a75));--color-text-caution-surface: light-dark(var(--yellow-700), var(--yellow-300));--color-background-caution-solid: var(--yellow-600);--color-background-caution-solid-hover: var(--yellow-700);--color-text-caution-solid: var(--white);--color-border-caution-outline: var(--yellow-700);--color-text-caution-outline: light-dark(var(--yellow-700), var(--yellow-400));--color-background-caution-ghost-hover: var(--yellow-a50);--color-text-caution-ghost: light-dark(var(--yellow-700), var(--yellow-400));--color-text-danger: light-dark(var(--red-700), var(--red-400));--color-background-danger-soft: light-dark(var(--red-50), var(--red-900));--color-background-danger-soft-hover: light-dark(var(--red-75), var(--red-800));--color-background-danger-soft-alpha: var(--red-a50);--color-text-danger-soft: light-dark(var(--red-600), var(--red-300));--color-background-danger-surface: light-dark(var(--red-a25), var(--red-a50));--color-border-danger-surface: light-dark(var(--red-a50), var(--red-a75));--color-text-danger-surface: light-dark(var(--red-600), var(--red-300));--color-background-danger-solid: var(--red-500);--color-background-danger-solid-hover: var(--red-600);--color-text-danger-solid: var(--white);--color-border-danger-outline: var(--red-500);--color-text-danger-outline: light-dark(var(--red-600), var(--red-400));--color-background-danger-ghost-hover: var(--red-a50);--color-text-danger-ghost: light-dark(var(--red-600), var(--red-400));--color-ring-danger: var(--red-200);--font-tracking-wide: 0em;--font-tracking-normal: 0em;--font-tracking-tight: -.015em;--tracking-wide: var(--font-tracking-wide);--tracking-normal: var(--font-tracking-normal);--tracking-tight: var(--font-tracking-tight);--font-heading-5xl-size: 4.5rem;--font-heading-5xl-line-height: 4.5rem;--font-heading-5xl-weight: var(--font-weight-semibold);--font-heading-5xl-tracking: var(--tracking-tight);--font-heading-4xl-size: 3.75rem;--font-heading-4xl-line-height: 3.75rem;--font-heading-4xl-weight: var(--font-weight-semibold);--font-heading-4xl-tracking: var(--tracking-tight);--font-heading-3xl-size: 3rem;--font-heading-3xl-line-height: 3rem;--font-heading-3xl-weight: var(--font-weight-semibold);--font-heading-3xl-tracking: var(--tracking-tight);--font-heading-2xl-size: 2.25rem;--font-heading-2xl-line-height: 2.625rem;--font-heading-2xl-weight: var(--font-weight-semibold);--font-heading-2xl-tracking: var(--tracking-tight);--font-heading-xl-size: 2rem;--font-heading-xl-line-height: 2.375rem;--font-heading-xl-weight: var(--font-weight-semibold);--font-heading-xl-tracking: var(--tracking-tight);--font-heading-lg-size: 1.5rem;--font-heading-lg-line-height: 1.75rem;--font-heading-lg-weight: var(--font-weight-semibold);--font-heading-lg-tracking: var(--tracking-normal);--font-heading-md-size: 1.25rem;--font-heading-md-line-height: 1.625rem;--font-heading-md-weight: var(--font-weight-semibold);--font-heading-md-tracking: var(--tracking-normal);--font-heading-sm-size: 1.125rem;--font-heading-sm-line-height: 1.625rem;--font-heading-sm-weight: var(--font-weight-semibold);--font-heading-sm-tracking: var(--tracking-normal);--font-heading-xs-size: 1rem;--font-heading-xs-line-height: 1.5rem;--font-heading-xs-weight: var(--font-weight-semibold);--font-heading-xs-tracking: var(--tracking-normal);--font-text-lg-size: 1.125rem;--font-text-lg-line-height: 1.8125rem;--font-text-lg-weight: var(--font-weight-normal);--font-text-lg-tracking: var(--tracking-normal);--font-text-md-size: 1rem;--font-text-md-line-height: 1.5rem;--font-text-md-weight: var(--font-weight-normal);--font-text-md-tracking: var(--tracking-normal);--font-text-sm-size: .875rem;--font-text-sm-line-height: 1.25rem;--font-text-sm-weight: var(--font-weight-normal);--font-text-sm-tracking: var(--tracking-normal);--font-text-xs-size: .75rem;--font-text-xs-line-height: 1.125rem;--font-text-xs-weight: var(--font-weight-normal);--font-text-xs-tracking: var(--tracking-wide);--font-text-2xs-size: .625rem;--font-text-2xs-line-height: .875rem;--font-text-2xs-weight: var(--font-weight-normal);--font-text-2xs-tracking: var(--tracking-wide);--font-text-3xs-size: .5rem;--font-text-3xs-line-height: .75rem;--font-text-3xs-weight: var(--font-weight-normal);--font-text-3xs-tracking: var(--tracking-wide);--control-size-3xs: 1.375rem;--control-size-2xs: 1.5rem;--control-size-xs: 1.625rem;--control-size-sm: 1.75rem;--control-size-md: 2rem;--control-size-lg: 2.25rem;--control-size-xl: 2.5rem;--control-size-2xl: 2.75rem;--control-size-3xl: 3rem;--control-gutter-2xs: .375rem;--control-gutter-xs: .5rem;--control-gutter-sm: .625rem;--control-gutter-md: .75rem;--control-gutter-lg: .875rem;--control-gutter-xl: 1rem;--control-gutter-pill-scaling: 1.33;--control-radius-sm: var(--radius-sm);--control-radius-md: var(--radius-md);--control-radius-lg: var(--radius-lg);--control-radius-xl: var(--radius-xl);--control-font-size-sm: var(--font-text-xs-size);--control-font-size-md: var(--font-text-sm-size);--control-font-size-lg: var(--font-text-md-size);--control-icon-size-xs: .875rem;--control-icon-size-sm: 1rem;--control-icon-size-md: 1.125rem;--control-icon-size-lg: 1.25rem;--control-icon-size-xl: 1.375rem;--control-icon-size-2xl: 1.5rem;--cubic-enter: cubic-bezier(.19, 1, .22, 1);--cubic-exit: cubic-bezier(.8, 0, .4, 1);--cubic-exit-snappy: cubic-bezier(.65, 0, .4, 1);--cubic-move: cubic-bezier(.65, 0, .35, 1);--transition-duration-basic: .15s;--transition-ease-basic: ease;--scrollbar-color: var(--alpha-30);--shadow: 0 10px 15px -3px light-dark(rgb(0 0 0 / 8%), rgb(0 0 0 / 24%)), 0 4px 6px -4px light-dark(rgb(0 0 0 / 6%), rgb(0 0 0 / 18%));--shadow-hairline: 0 0 0 var(--shadow-hairline-width) var(--shadow-hairline-color);--shadow-100: var(--elevation-100-geo) rgb(var(--shadow-color) / var(--shadow-alpha-100));--shadow-200: var(--elevation-200-geo) rgb(var(--shadow-color) / var(--shadow-alpha-200));--shadow-300: var(--elevation-300-geo) rgb(var(--shadow-color) / var(--shadow-alpha-300));--shadow-400: var(--elevation-400-geo) rgb(var(--shadow-color) / var(--shadow-alpha-400))}:root,:where([data-theme]){--alert-border-radius: var(--radius-xl);--alert-gap: calc(var(--spacing) * 3);--alert-gutter: calc(var(--spacing) * 4);--alert-font-size: var(--font-text-sm-size);--alert-line-height: var(--font-text-sm-line-height);--alert-title-font-weight: var(--font-weight-semibold);--avatar-radius: var(--radius-full);--avatar-size: 28px;--avatar-font-size-scaling: .45;--avatar-image-border-color: light-dark(var(--alpha-06), var(--alpha-15));--badge-gutter-sm: calc(var(--control-gutter-2xs) - 1px);--badge-gutter-md: var(--control-gutter-2xs);--badge-gutter-lg: var(--control-gutter-xs);--badge-size-sm: calc(var(--control-size-3xs) - 2px);--badge-size-md: var(--control-size-3xs);--badge-size-lg: var(--control-size-2xs);--badge-radius-sm: var(--radius-xs);--badge-radius-md: var(--radius-xs);--badge-radius-lg: var(--radius-sm);--badge-font-size-sm: var(--font-text-xs-size);--badge-font-size-md: var(--font-text-xs-size);--badge-font-size-lg: var(--font-text-sm-size);--badge-font-weight: var(--font-weight-semibold);--button-gap-sm: 4px;--button-gap-md: 6px;--button-gap-lg: 8px;--button-font-weight: var(--font-weight-medium);--input-gap-xs: 4px;--input-gap-sm: 6px;--input-gap-md: 8px;--input-gap-lg: 10px;--input-text-color: var(--color-text);--input-placeholder-text-color: var(--color-text-tertiary);--input-outline-border-color: var(--color-border-primary-outline);--input-outline-border-color-hover: light-dark(var(--alpha-25), var(--alpha-30));--input-outline-border-color-focus: var(--alpha-50);--input-soft-background-color: var(--color-background-primary-soft-alpha);--input-soft-border-color-focus: var(--alpha-20);--input-border-color-invalid: light-dark(var(--red-500), var(--red-400));--link-primary-text-color: light-dark(var(--blue-500), var(--blue-300));--link-primary-text-color-hover: light-dark(var(--blue-700), var(--blue-200));--segmented-control-gap: 2px;--segmented-control-gutter: 2px;--segmented-control-background: light-dark(var(--gray-100), var(--gray-75));--segmented-control-font-weight: var(--font-weight-semibold);--segmented-control-thumb-background: light-dark(var(--gray-0), var(--gray-300));--segmented-control-thumb-shadow: 0 1px 4px -1px rgb(0 0 0 / 20%), var(--shadow-hairline);--select-control-font-weight: var(--font-weight-medium);--switch-track-width: 34px;--switch-track-height: 20px;--switch-track-color: light-dark(var(--gray-200), var(--gray-400));--switch-track-color-hover: light-dark(var(--gray-250), var(--gray-450));--switch-track-color-checked: light-dark(var(--gray-900), var(--blue-400));--switch-track-color-disabled: light-dark(var(--gray-100), var(--gray-300));--switch-thumb-offset: 2px;--switch-thumb-size: calc(var(--switch-track-height) - 2 * var(--switch-thumb-offset));--switch-thumb-shadow: 0 1px 2px rgb(0 0 0 / 22%);--switch-thumb-color: var(--white);--switch-label-gap: calc(var(--spacing) * 2);--shell-header-height: 56px;--shell-sidebar-width: 244px;--shell-sidebar-collapsed-width: 64px}*,*:before,*:after{box-sizing:border-box;border-color:var(--color-border)}html,:host{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-surface-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:var(--tracking-normal);text-rendering:optimizeLegibility}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}body{margin:0;min-height:100vh;color:var(--color-text);background-color:var(--color-surface-secondary)}#root{min-height:100vh;display:flex;flex-direction:column}*{scrollbar-color:var(--scrollbar-color) transparent;scrollbar-width:thin}::placeholder{color:var(--color-text-tertiary)}b,strong{font-weight:var(--font-weight-semibold)}button,input,select,textarea{font:inherit;color:inherit}button{text-transform:none;vertical-align:middle;background:none;border:0;padding:0}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p,dl,dd,figure,pre{margin:0}.heading-5xl{font-size:var(--font-heading-5xl-size);line-height:var(--font-heading-5xl-line-height);font-weight:var(--font-heading-5xl-weight);letter-spacing:var(--font-heading-5xl-tracking)}.heading-4xl{font-size:var(--font-heading-4xl-size);line-height:var(--font-heading-4xl-line-height);font-weight:var(--font-heading-4xl-weight);letter-spacing:var(--font-heading-4xl-tracking)}.heading-3xl{font-size:var(--font-heading-3xl-size);line-height:var(--font-heading-3xl-line-height);font-weight:var(--font-heading-3xl-weight);letter-spacing:var(--font-heading-3xl-tracking)}.heading-2xl{font-size:var(--font-heading-2xl-size);line-height:var(--font-heading-2xl-line-height);font-weight:var(--font-heading-2xl-weight);letter-spacing:var(--font-heading-2xl-tracking)}.heading-xl{font-size:var(--font-heading-xl-size);line-height:var(--font-heading-xl-line-height);font-weight:var(--font-heading-xl-weight);letter-spacing:var(--font-heading-xl-tracking)}.heading-lg{font-size:var(--font-heading-lg-size);line-height:var(--font-heading-lg-line-height);font-weight:var(--font-heading-lg-weight);letter-spacing:var(--font-heading-lg-tracking)}.heading-md{font-size:var(--font-heading-md-size);line-height:var(--font-heading-md-line-height);font-weight:var(--font-heading-md-weight);letter-spacing:var(--font-heading-md-tracking)}.heading-sm{font-size:var(--font-heading-sm-size);line-height:var(--font-heading-sm-line-height);font-weight:var(--font-heading-sm-weight);letter-spacing:var(--font-heading-sm-tracking)}.heading-xs{font-size:var(--font-heading-xs-size);line-height:var(--font-heading-xs-line-height);font-weight:var(--font-heading-xs-weight);letter-spacing:var(--font-heading-xs-tracking)}.text-lg{font-size:var(--font-text-lg-size);line-height:var(--font-text-lg-line-height);font-weight:var(--font-text-lg-weight);letter-spacing:var(--font-text-lg-tracking)}.text-md{font-size:var(--font-text-md-size);line-height:var(--font-text-md-line-height);font-weight:var(--font-text-md-weight);letter-spacing:var(--font-text-md-tracking)}.text-sm{font-size:var(--font-text-sm-size);line-height:var(--font-text-sm-line-height);font-weight:var(--font-text-sm-weight);letter-spacing:var(--font-text-sm-tracking)}.text-xs{font-size:var(--font-text-xs-size);line-height:var(--font-text-xs-line-height);font-weight:var(--font-text-xs-weight);letter-spacing:var(--font-text-xs-tracking)}.text-2xs{font-size:var(--font-text-2xs-size);line-height:var(--font-text-2xs-line-height);font-weight:var(--font-text-2xs-weight);letter-spacing:var(--font-text-2xs-tracking)}.text-3xs{font-size:var(--font-text-3xs-size);line-height:var(--font-text-3xs-line-height);font-weight:var(--font-text-3xs-weight);letter-spacing:var(--font-text-3xs-tracking)}.text-default{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-text-success)}.text-warning{color:var(--color-text-warning)}.text-danger{color:var(--color-text-danger)}.text-info{color:var(--color-text-info)}.text-discovery{color:var(--color-text-discovery)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-mono{font-family:var(--font-mono)}.bg-surface{background-color:var(--color-surface)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-surface-tertiary{background-color:var(--color-surface-tertiary)}.bg-surface-elevated{background-color:var(--color-surface-elevated)}.border-subtle{border:1px solid var(--color-border-subtle)}.border-default{border:1px solid var(--color-border)}.border-strong{border:1px solid var(--color-border-strong)}.oai-surface{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-100);transition:background-color var(--transition-duration-basic) var(--transition-ease-basic),border-color var(--transition-duration-basic) var(--transition-ease-basic),box-shadow var(--transition-duration-basic) var(--transition-ease-basic)}.oai-surface[data-surface=surface]{background-color:var(--color-surface)}.oai-surface[data-surface=secondary]{background-color:var(--color-surface-secondary)}.oai-surface[data-surface=tertiary]{background-color:var(--color-surface-tertiary)}.oai-surface[data-surface=elevated]{background-color:var(--color-surface-elevated);box-shadow:var(--shadow-200)}.oai-surface[data-radius=md]{border-radius:var(--radius-md)}.oai-surface[data-radius=lg]{border-radius:var(--radius-lg)}.oai-surface[data-radius=xl]{border-radius:var(--radius-xl)}.oai-surface[data-radius="2xl"]{border-radius:var(--radius-2xl)}.oai-surface[data-radius="3xl"]{border-radius:var(--radius-3xl)}.oai-surface[data-padding=none]{padding:0}.oai-surface[data-padding=sm]{padding:calc(var(--spacing) * 3)}.oai-surface[data-padding=md]{padding:calc(var(--spacing) * 4)}.oai-surface[data-padding=lg]{padding:calc(var(--spacing) * 6)}.oai-button{--btn-size: var(--control-size-md);--btn-gutter: var(--control-gutter-md);--btn-font-size: var(--control-font-size-md);--btn-icon-size: var(--control-icon-size-sm);--btn-gap: var(--button-gap-md);--btn-radius: var(--control-radius-md);--btn-bg: var(--color-background-primary-solid);--btn-bg-hover: var(--color-background-primary-solid-hover);--btn-color: var(--color-text-primary-solid);--btn-border: transparent;--btn-border-hover: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);flex-shrink:0;height:var(--btn-size);padding:0 var(--btn-gutter);border-radius:var(--btn-radius);background-color:var(--btn-bg);color:var(--btn-color);border:1px solid var(--btn-border);font-size:var(--btn-font-size);font-weight:var(--button-font-weight);line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-duration-basic) var(--transition-ease-basic),border-color var(--transition-duration-basic) var(--transition-ease-basic),color var(--transition-duration-basic) var(--transition-ease-basic),transform .1s ease,opacity var(--transition-duration-basic) var(--transition-ease-basic)}.oai-button:hover:not(:disabled){background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.oai-button:active:not(:disabled){transform:scale(.985)}.oai-button:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.oai-button:disabled{cursor:not-allowed;opacity:.5}.oai-button svg{width:var(--btn-icon-size);height:var(--btn-icon-size);flex-shrink:0}.oai-button[data-size="3xs"]{--btn-size: var(--control-size-3xs);--btn-gutter: var(--control-gutter-2xs);--btn-font-size: var(--control-font-size-sm);--btn-icon-size: var(--control-icon-size-xs);--btn-gap: var(--button-gap-sm);--btn-radius: var(--control-radius-sm)}.oai-button[data-size="2xs"]{--btn-size: var(--control-size-2xs);--btn-gutter: var(--control-gutter-xs);--btn-font-size: var(--control-font-size-sm);--btn-icon-size: var(--control-icon-size-xs);--btn-gap: var(--button-gap-sm);--btn-radius: var(--control-radius-sm)}.oai-button[data-size=xs]{--btn-size: var(--control-size-xs);--btn-gutter: var(--control-gutter-xs);--btn-font-size: var(--control-font-size-sm);--btn-icon-size: var(--control-icon-size-sm);--btn-gap: var(--button-gap-sm);--btn-radius: var(--control-radius-sm)}.oai-button[data-size=sm]{--btn-size: var(--control-size-sm);--btn-gutter: var(--control-gutter-sm);--btn-font-size: var(--control-font-size-md);--btn-icon-size: var(--control-icon-size-sm);--btn-gap: var(--button-gap-md);--btn-radius: var(--control-radius-sm)}.oai-button[data-size=md]{--btn-size: var(--control-size-md);--btn-gutter: var(--control-gutter-md);--btn-font-size: var(--control-font-size-md);--btn-icon-size: var(--control-icon-size-sm);--btn-gap: var(--button-gap-md);--btn-radius: var(--control-radius-md)}.oai-button[data-size=lg]{--btn-size: var(--control-size-lg);--btn-gutter: var(--control-gutter-lg);--btn-font-size: var(--control-font-size-md);--btn-icon-size: var(--control-icon-size-md);--btn-gap: var(--button-gap-lg);--btn-radius: var(--control-radius-md)}.oai-button[data-size=xl]{--btn-size: var(--control-size-xl);--btn-gutter: var(--control-gutter-xl);--btn-font-size: var(--control-font-size-lg);--btn-icon-size: var(--control-icon-size-lg);--btn-gap: var(--button-gap-lg);--btn-radius: var(--control-radius-lg)}.oai-button[data-pill=true]{--btn-radius: var(--radius-full);padding:0 calc(var(--btn-gutter) * var(--control-gutter-pill-scaling))}.oai-button[data-uniform=true]{width:var(--btn-size);padding:0}.oai-button[data-block=true]{display:flex;width:100%}.oai-button[data-variant=solid][data-color=primary]{--btn-bg: var(--color-background-primary-solid);--btn-bg-hover: var(--color-background-primary-solid-hover);--btn-color: var(--color-text-primary-solid)}.oai-button[data-variant=solid][data-color=secondary]{--btn-bg: var(--color-background-secondary-solid);--btn-bg-hover: var(--color-background-secondary-solid-hover);--btn-color: var(--color-text-secondary-solid)}.oai-button[data-variant=solid][data-color=info]{--btn-bg: var(--color-background-info-solid);--btn-bg-hover: var(--color-background-info-solid-hover);--btn-color: var(--color-text-info-solid)}.oai-button[data-variant=solid][data-color=discovery]{--btn-bg: var(--color-background-discovery-solid);--btn-bg-hover: var(--color-background-discovery-solid-hover);--btn-color: var(--color-text-discovery-solid)}.oai-button[data-variant=solid][data-color=success]{--btn-bg: var(--color-background-success-solid);--btn-bg-hover: var(--color-background-success-solid-hover);--btn-color: var(--color-text-success-solid)}.oai-button[data-variant=solid][data-color=warning]{--btn-bg: var(--color-background-warning-solid);--btn-bg-hover: var(--color-background-warning-solid-hover);--btn-color: var(--color-text-warning-solid)}.oai-button[data-variant=solid][data-color=danger]{--btn-bg: var(--color-background-danger-solid);--btn-bg-hover: var(--color-background-danger-solid-hover);--btn-color: var(--color-text-danger-solid)}.oai-button[data-variant=soft][data-color=primary]{--btn-bg: var(--color-background-primary-soft);--btn-bg-hover: var(--color-background-primary-soft-hover);--btn-color: var(--color-text-primary-soft)}.oai-button[data-variant=soft][data-color=secondary]{--btn-bg: var(--color-background-secondary-soft-alpha);--btn-bg-hover: var(--color-background-secondary-soft-alpha-hover);--btn-color: var(--color-text-secondary-soft)}.oai-button[data-variant=soft][data-color=info]{--btn-bg: var(--color-background-info-soft);--btn-bg-hover: var(--color-background-info-soft-hover);--btn-color: var(--color-text-info-soft)}.oai-button[data-variant=soft][data-color=discovery]{--btn-bg: var(--color-background-discovery-soft);--btn-bg-hover: var(--color-background-discovery-soft-hover);--btn-color: var(--color-text-discovery-soft)}.oai-button[data-variant=soft][data-color=success]{--btn-bg: var(--color-background-success-soft);--btn-bg-hover: var(--color-background-success-soft-hover);--btn-color: var(--color-text-success-soft)}.oai-button[data-variant=soft][data-color=warning]{--btn-bg: var(--color-background-warning-soft);--btn-bg-hover: var(--color-background-warning-soft-hover);--btn-color: var(--color-text-warning-soft)}.oai-button[data-variant=soft][data-color=danger]{--btn-bg: var(--color-background-danger-soft);--btn-bg-hover: var(--color-background-danger-soft-hover);--btn-color: var(--color-text-danger-soft)}.oai-button[data-variant=outline]{--btn-bg: transparent;--btn-bg-hover: var(--color-background-primary-outline-hover);--btn-color: var(--color-text-primary-outline);--btn-border: var(--color-border-primary-outline);--btn-border-hover: var(--color-border-primary-outline-hover)}.oai-button[data-variant=outline][data-color=danger]{--btn-bg-hover: var(--red-a25);--btn-color: var(--color-text-danger-outline);--btn-border: var(--color-border-danger-outline);--btn-border-hover: var(--color-border-danger-outline)}.oai-button[data-variant=outline][data-color=info]{--btn-bg-hover: var(--blue-a25);--btn-color: var(--color-text-info-outline);--btn-border: var(--color-border-info-outline);--btn-border-hover: var(--color-border-info-outline)}.oai-button[data-variant=ghost]{--btn-bg: transparent;--btn-bg-hover: var(--color-background-primary-ghost-hover);--btn-color: var(--color-text-primary-ghost)}.oai-button[data-variant=ghost][data-color=secondary]{--btn-color: var(--color-text-secondary)}.oai-button[data-variant=ghost][data-color=danger]{--btn-bg-hover: var(--color-background-danger-ghost-hover);--btn-color: var(--color-text-danger-ghost)}.oai-badge{--bdg-height: var(--badge-size-md);--bdg-gutter: var(--badge-gutter-md);--bdg-radius: var(--badge-radius-md);--bdg-font-size: var(--badge-font-size-md);--bdg-bg: var(--color-background-secondary-soft);--bdg-color: var(--color-text-secondary-soft);--bdg-border: transparent;display:inline-flex;align-items:center;gap:5px;height:var(--bdg-height);padding:0 var(--bdg-gutter);border-radius:var(--bdg-radius);background-color:var(--bdg-bg);color:var(--bdg-color);border:1px solid var(--bdg-border);font-size:var(--bdg-font-size);font-weight:var(--badge-font-weight);line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}.oai-badge[data-size=sm]{--bdg-height: var(--badge-size-sm);--bdg-gutter: var(--badge-gutter-sm);--bdg-radius: var(--badge-radius-sm);--bdg-font-size: var(--badge-font-size-sm)}.oai-badge[data-size=lg]{--bdg-height: var(--badge-size-lg);--bdg-gutter: var(--badge-gutter-lg);--bdg-radius: var(--badge-radius-lg);--bdg-font-size: var(--badge-font-size-lg)}.oai-badge[data-pill=true]{--bdg-radius: var(--radius-full);padding:0 calc(var(--bdg-gutter) * 1.25)}.oai-badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0}.oai-badge[data-color=secondary]{--bdg-bg: var(--color-background-secondary-soft);--bdg-color: var(--color-text-secondary-soft)}.oai-badge[data-color=primary]{--bdg-bg: var(--color-background-primary-soft);--bdg-color: var(--color-text-primary-soft)}.oai-badge[data-color=success]{--bdg-bg: var(--color-background-success-soft);--bdg-color: var(--color-text-success-soft)}.oai-badge[data-color=warning]{--bdg-bg: var(--color-background-warning-soft);--bdg-color: var(--color-text-warning-soft)}.oai-badge[data-color=caution]{--bdg-bg: var(--color-background-caution-soft);--bdg-color: var(--color-text-caution-soft)}.oai-badge[data-color=danger]{--bdg-bg: var(--color-background-danger-soft);--bdg-color: var(--color-text-danger-soft)}.oai-badge[data-color=info]{--bdg-bg: var(--color-background-info-soft);--bdg-color: var(--color-text-info-soft)}.oai-badge[data-color=discovery]{--bdg-bg: var(--color-background-discovery-soft);--bdg-color: var(--color-text-discovery-soft)}.oai-badge[data-variant=solid][data-color=primary]{--bdg-bg: var(--color-background-primary-solid);--bdg-color: var(--color-text-primary-solid)}.oai-badge[data-variant=solid][data-color=success]{--bdg-bg: var(--color-background-success-solid);--bdg-color: var(--color-text-success-solid)}.oai-badge[data-variant=solid][data-color=warning]{--bdg-bg: var(--color-background-warning-solid);--bdg-color: var(--color-text-warning-solid)}.oai-badge[data-variant=solid][data-color=danger]{--bdg-bg: var(--color-background-danger-solid);--bdg-color: var(--color-text-danger-solid)}.oai-badge[data-variant=solid][data-color=info]{--bdg-bg: var(--color-background-info-solid);--bdg-color: var(--color-text-info-solid)}.oai-badge[data-variant=solid][data-color=discovery]{--bdg-bg: var(--color-background-discovery-solid);--bdg-color: var(--color-text-discovery-solid)}.oai-badge[data-variant=outline]{--bdg-bg: transparent;--bdg-border: var(--color-border-strong)}.oai-badge[data-variant=outline][data-color=success]{--bdg-border: var(--color-border-success-outline);--bdg-color: var(--color-text-success-outline)}.oai-badge[data-variant=outline][data-color=danger]{--bdg-border: var(--color-border-danger-outline);--bdg-color: var(--color-text-danger-outline)}.oai-badge[data-variant=outline][data-color=info]{--bdg-border: var(--color-border-info-outline);--bdg-color: var(--color-text-info-outline)}.oai-input-container{--inp-size: var(--control-size-md);--inp-gutter: var(--control-gutter-md);--inp-font-size: var(--control-font-size-md);--inp-radius: var(--control-radius-md);position:relative;display:inline-flex;align-items:center;gap:var(--input-gap-sm);width:100%;height:var(--inp-size);padding:0 var(--inp-gutter);border-radius:var(--inp-radius);font-size:var(--inp-font-size);color:var(--input-text-color);background-color:var(--color-surface);border:1px solid var(--input-outline-border-color);transition:border-color var(--transition-duration-basic) var(--transition-ease-basic),background-color var(--transition-duration-basic) var(--transition-ease-basic),box-shadow var(--transition-duration-basic) var(--transition-ease-basic)}.oai-input-container[data-variant=soft]{background-color:var(--input-soft-background-color);border-color:transparent}.oai-input-container:hover:not([data-disabled=true]){border-color:var(--input-outline-border-color-hover)}.oai-input-container[data-variant=soft]:hover:not([data-disabled=true]){border-color:transparent;background-color:var(--color-background-primary-soft-alpha-hover)}.oai-input-container:focus-within{border-color:var(--color-ring);box-shadow:0 0 0 2px color-mix(in oklab,var(--color-ring) 22%,transparent)}.oai-input-container[data-invalid=true]{border-color:var(--input-border-color-invalid)}.oai-input-container[data-disabled=true]{opacity:.5;cursor:not-allowed}.oai-input-container[data-size=xs]{--inp-size: var(--control-size-xs);--inp-gutter: var(--control-gutter-xs);--inp-font-size: var(--control-font-size-sm);--inp-radius: var(--control-radius-sm)}.oai-input-container[data-size=sm]{--inp-size: var(--control-size-sm);--inp-gutter: var(--control-gutter-sm);--inp-font-size: var(--control-font-size-md);--inp-radius: var(--control-radius-sm)}.oai-input-container[data-size=lg]{--inp-size: var(--control-size-lg);--inp-gutter: var(--control-gutter-lg);--inp-font-size: var(--control-font-size-md);--inp-radius: var(--control-radius-md)}.oai-input-container[data-size=xl]{--inp-size: var(--control-size-xl);--inp-gutter: var(--control-gutter-xl);--inp-font-size: var(--control-font-size-lg);--inp-radius: var(--control-radius-lg)}.oai-input-container[data-pill=true]{--inp-radius: var(--radius-full)}.oai-input-adornment{display:inline-flex;align-items:center;color:var(--color-text-tertiary);flex-shrink:0}.oai-input-adornment svg{width:15px;height:15px}.oai-input{width:100%;height:100%;border:0;padding:0;background:transparent;color:inherit;font-size:inherit;outline:none}.oai-select-wrapper{position:relative;display:inline-flex;align-items:center}.oai-select{appearance:none;padding-right:26px;cursor:pointer;font-weight:var(--select-control-font-weight)}.oai-select-chevron{position:absolute;right:10px;pointer-events:none;color:var(--color-text-secondary);display:inline-flex;align-items:center}.oai-segmented{--seg-size: var(--control-size-md);--seg-radius: var(--control-radius-md);--seg-option-gutter: var(--control-gutter-md);--seg-font-size: var(--control-font-size-md);display:inline-flex;align-items:center;gap:var(--segmented-control-gap);height:var(--seg-size);padding:var(--segmented-control-gutter);border-radius:var(--seg-radius);background-color:var(--segmented-control-background);font-size:var(--seg-font-size);font-weight:var(--segmented-control-font-weight);-webkit-user-select:none;user-select:none}.oai-segmented[data-size=xs]{--seg-size: var(--control-size-xs);--seg-radius: var(--control-radius-sm);--seg-option-gutter: var(--control-gutter-xs);--seg-font-size: var(--control-font-size-sm)}.oai-segmented[data-size=sm]{--seg-size: var(--control-size-sm);--seg-radius: var(--control-radius-md);--seg-option-gutter: var(--control-gutter-sm);--seg-font-size: var(--control-font-size-sm)}.oai-segmented[data-pill=true]{--seg-radius: var(--radius-full)}.oai-segmented[data-block=true]{display:flex;width:100%}.oai-segmented-option{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;height:100%;padding:0 var(--seg-option-gutter);border-radius:calc(var(--seg-radius) - var(--segmented-control-gutter));color:var(--color-text-secondary);font-size:inherit;font-weight:inherit;white-space:nowrap;transition:background-color var(--transition-duration-basic) var(--transition-ease-basic),color var(--transition-duration-basic) var(--transition-ease-basic),box-shadow var(--transition-duration-basic) var(--transition-ease-basic)}.oai-segmented-option:hover:not(:disabled):not([data-selected=true]){color:var(--color-text)}.oai-segmented-option[data-selected=true]{background-color:var(--segmented-control-thumb-background);color:var(--color-text);box-shadow:var(--segmented-control-thumb-shadow)}.oai-segmented-option:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.oai-switch{display:inline-flex;align-items:center;gap:var(--switch-label-gap);font-size:var(--font-text-sm-size);line-height:var(--font-text-sm-line-height);-webkit-user-select:none;user-select:none;cursor:pointer}.oai-switch[data-disabled=true]{opacity:.5;cursor:not-allowed}.oai-switch-track{position:relative;flex-shrink:0;width:var(--switch-track-width);height:var(--switch-track-height);border-radius:var(--radius-full);background-color:var(--switch-track-color);transition:background-color .22s var(--cubic-move)}.oai-switch:hover:not([data-disabled=true]) .oai-switch-track:not([data-state=checked]){background-color:var(--switch-track-color-hover)}.oai-switch-track[data-state=checked]{background-color:var(--switch-track-color-checked)}.oai-switch-track:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.oai-switch-thumb{position:absolute;top:var(--switch-thumb-offset);left:var(--switch-thumb-offset);width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:var(--radius-full);background-color:var(--switch-thumb-color);box-shadow:var(--switch-thumb-shadow);transition:transform .22s var(--cubic-move)}.oai-switch-track[data-state=checked] .oai-switch-thumb{transform:translate(calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-offset) * 2))}.oai-alert{--al-bg: var(--color-background-primary-surface);--al-border: var(--color-border);--al-color: var(--color-text);display:flex;align-items:flex-start;gap:var(--alert-gap);padding:var(--alert-gutter);border-radius:var(--alert-border-radius);background-color:var(--al-bg);border:1px solid var(--al-border);color:var(--al-color);font-size:var(--alert-font-size);line-height:var(--alert-line-height)}.oai-alert[data-color=info]{--al-bg: var(--color-background-info-surface);--al-border: var(--color-border-info-surface);--al-color: var(--color-text-info-surface)}.oai-alert[data-color=discovery]{--al-bg: var(--color-background-discovery-surface);--al-border: var(--color-border-discovery-surface);--al-color: var(--color-text-discovery-surface)}.oai-alert[data-color=success]{--al-bg: var(--color-background-success-surface);--al-border: var(--color-border-success-surface);--al-color: var(--color-text-success-surface)}.oai-alert[data-color=warning]{--al-bg: var(--color-background-warning-surface);--al-border: var(--color-border-warning-surface);--al-color: var(--color-text-warning-surface)}.oai-alert[data-color=danger]{--al-bg: var(--color-background-danger-surface);--al-border: var(--color-border-danger-surface);--al-color: var(--color-text-danger-surface)}.oai-alert-indicator{display:inline-flex;margin-top:1px;flex-shrink:0}.oai-alert-indicator svg{width:18px;height:18px}.oai-alert-body{flex:1;min-width:0}.oai-alert-title{font-weight:var(--alert-title-font-weight);color:var(--color-text)}.oai-alert-description{margin-top:2px;color:var(--color-text-secondary)}.oai-alert-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.oai-avatar{--av-size: var(--avatar-size);--av-bg: var(--color-background-primary-soft);--av-color: var(--color-text-primary-soft);position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--av-size);height:var(--av-size);border-radius:var(--avatar-radius);background-color:var(--av-bg);color:var(--av-color);font-size:calc(var(--av-size) * var(--avatar-font-size-scaling));font-weight:var(--font-weight-semibold);-webkit-user-select:none;user-select:none;flex-shrink:0;overflow:hidden}.oai-avatar:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--avatar-image-border-color);pointer-events:none}.oai-avatar[data-color=info]{--av-bg: var(--color-background-info-soft);--av-color: var(--color-text-info-soft)}.oai-avatar[data-color=discovery]{--av-bg: var(--color-background-discovery-soft);--av-color: var(--color-text-discovery-soft)}.oai-avatar[data-color=success]{--av-bg: var(--color-background-success-soft);--av-color: var(--color-text-success-soft)}.oai-avatar[data-variant=solid][data-color=primary]{--av-bg: var(--color-background-primary-solid);--av-color: var(--color-text-primary-solid)}.oai-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing) * 10) calc(var(--spacing) * 6);text-align:center}.oai-empty-badge{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);margin-bottom:12px;background-color:var(--color-background-secondary-soft);color:var(--color-text-secondary-soft)}.oai-empty-badge[data-color=info]{background-color:var(--color-background-info-soft);color:var(--color-text-info-soft)}.oai-empty-badge[data-color=discovery]{background-color:var(--color-background-discovery-soft);color:var(--color-text-discovery-soft)}.oai-empty-badge[data-color=warning]{background-color:var(--color-background-warning-soft);color:var(--color-text-warning-soft)}.oai-empty-badge[data-color=danger]{background-color:var(--color-background-danger-soft);color:var(--color-text-danger-soft)}.oai-empty-badge svg{width:22px;height:22px}.oai-empty-title{color:var(--color-text);font-size:var(--font-heading-xs-size);line-height:var(--font-heading-xs-line-height);font-weight:var(--font-weight-semibold)}.oai-empty-description{max-width:420px;margin-top:6px;color:var(--color-text-secondary);font-size:var(--font-text-sm-size);line-height:1.5}.oai-empty-actions{display:flex;align-items:center;gap:8px;margin-top:calc(var(--spacing) * 4)}.oai-table-wrap{width:100%;overflow-x:auto}.oai-table{width:100%;border-collapse:collapse;font-size:var(--font-text-sm-size)}.oai-table th{text-align:left;padding:10px 16px;font-size:var(--font-text-xs-size);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background-color:var(--color-surface-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.oai-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);vertical-align:middle}.oai-table tbody tr:last-child td{border-bottom:0}.oai-table tbody tr:hover{background-color:var(--alpha-02)}.oai-shell{display:flex;min-height:100vh;background-color:var(--color-surface-secondary);color:var(--color-text)}.oai-sidebar{position:sticky;top:0;height:100vh;width:var(--shell-sidebar-width);flex-shrink:0;display:flex;flex-direction:column;background-color:var(--color-surface);border-right:1px solid var(--color-border);transition:width .22s var(--cubic-move);z-index:20}.oai-sidebar[data-collapsed=true]{width:var(--shell-sidebar-collapsed-width)}.oai-sidebar-header{height:var(--shell-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--color-border-subtle)}.oai-brand{display:flex;align-items:center;gap:10px;min-width:0;padding:4px;border-radius:var(--radius-md)}.oai-brand:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.oai-brand-mark{width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-background-primary-solid);color:var(--color-text-primary-solid);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-text-sm-size);flex-shrink:0;box-shadow:var(--shadow-100)}.oai-brand-title{display:flex;flex-direction:column;min-width:0}.oai-brand-name{font-size:var(--font-text-sm-size);font-weight:var(--font-weight-semibold);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oai-brand-sub{font-size:var(--font-text-2xs-size);color:var(--color-text-tertiary);line-height:1.2}.oai-sidebar-nav{flex:1;overflow-y:auto;padding:12px 8px;display:flex;flex-direction:column;gap:16px}.oai-nav-group{display:flex;flex-direction:column;gap:2px}.oai-nav-group-label{padding:0 10px 6px;font-size:var(--font-text-xs-size);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oai-nav-item{display:flex;align-items:center;gap:10px;height:var(--control-size-lg);padding:0 10px;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-text-sm-size);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--transition-duration-basic) var(--transition-ease-basic),color var(--transition-duration-basic) var(--transition-ease-basic)}.oai-sidebar[data-collapsed=true] .oai-nav-item{justify-content:center;padding:0}.oai-nav-item:hover{background-color:var(--color-background-primary-ghost-hover);color:var(--color-text)}.oai-nav-item[data-active=true]{background-color:var(--color-background-primary-soft-alpha);color:var(--color-text);font-weight:var(--font-weight-semibold)}.oai-nav-item:focus-visible{outline:2px solid var(--color-ring);outline-offset:-2px}.oai-nav-item svg{width:18px;height:18px;flex-shrink:0}.oai-nav-item-badge{margin-left:auto}.oai-sidebar-footer{padding:12px;border-top:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:10px}.oai-sidebar[data-collapsed=true] .oai-sidebar-footer{justify-content:center;padding:12px 6px}.oai-main-column{flex:1;min-width:0;display:flex;flex-direction:column}.oai-topbar{position:sticky;top:0;height:var(--shell-header-height);background-color:color-mix(in oklab,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;z-index:10}.oai-topbar-start,.oai-topbar-end{display:flex;align-items:center;gap:10px}.oai-topbar-divider{width:1px;height:20px;background-color:var(--color-border)}.oai-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px 24px 48px;display:flex;flex-direction:column;gap:24px}.oai-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.oai-page-header-titles{display:flex;flex-direction:column;gap:4px}.oai-page-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oai-grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.oai-grid-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.oai-stack{display:flex;flex-direction:column;gap:16px}.oai-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.oai-kbd{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 6px;border-radius:var(--radius-xs);background-color:var(--color-surface-tertiary);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--font-text-2xs-size);color:var(--color-text-secondary)}.oai-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.oai-swatch-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;background-color:var(--color-surface)}.oai-swatch-preview{height:44px;border-bottom:1px solid var(--color-border-subtle)}.oai-swatch-meta{padding:8px 10px;display:flex;flex-direction:column;gap:2px}@media(max-width:768px){.oai-content{padding:16px}.oai-grid-2col{grid-template-columns:1fr}}