@layer reset,tokens,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}:where(*:not(dialog):not([popover])){margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;line-height:var(--font-leading-normal);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}}@layer tokens{:root{--color-gray-0: #ffffff;--color-gray-50: #f7f7f8;--color-gray-100: #eeeef0;--color-gray-200: #dcdce1;--color-gray-300: #c2c2ca;--color-gray-400: #9a9aa6;--color-gray-500: #71717f;--color-gray-600: #52525e;--color-gray-700: #3b3b45;--color-gray-800: #26262d;--color-gray-900: #161619;--color-gray-1000: #0b0b0d;--color-indigo-50: #f2f3fd;--color-indigo-100: #e6e8fb;--color-indigo-300: #a6adf2;--color-indigo-500: #4f5be6;--color-indigo-600: #3d48cc;--color-indigo-700: #2f38a3;--color-teal-100: #d9f5f0;--color-teal-300: #7fd8c8;--color-teal-500: #149c87;--color-teal-600: #0f7f6e;--color-teal-700: #0b6355;--color-red-100: #fde8e8;--color-red-300: #f4a3a3;--color-red-500: #d92d2d;--color-red-600: #b52424;--color-red-700: #8f1c1c;--color-amber-100: #fdf1d6;--color-amber-300: #f5cf7a;--color-amber-500: #d98c0a;--color-amber-600: #b47308;--color-amber-700: #8c5a06;--color-green-100: #e1f5e6;--color-green-300: #8fdba6;--color-green-500: #1f9d4d;--color-green-600: #187f3e;--color-green-700: #12622f;--color-sky-100: #e0f1fd;--color-sky-300: #86c7f5;--color-sky-500: #1a8ae0;--color-sky-600: #146fb5;--color-sky-700: #0f548a;--color-rose-100: #fde6ef;--color-rose-300: #f5a3c3;--color-rose-500: #d9306e;--color-rose-600: #b52459;--color-rose-700: #8f1c46;--color-orange-100: #fdeadb;--color-orange-300: #f7b27f;--color-orange-500: #e8641a;--color-orange-600: #c25114;--color-orange-700: #984010;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-family-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-leading-tight: 1.2;--font-leading-normal: 1.5;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 1px rgb(0 0 0 / .04);--shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--shadow-md: 0 4px 12px rgb(0 0 0 / .1);--shadow-lg: 0 12px 32px rgb(0 0 0 / .16);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .32s;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}}@layer tokens{:root{color-scheme:light;--color-primary: var(--color-indigo-500);--color-primary-hover: var(--color-indigo-600);--color-primary-active: var(--color-indigo-700);--color-primary-subtle: var(--color-indigo-100);--color-primary-subtle-hover: var(--color-indigo-50);--color-on-primary: var(--color-gray-0);--color-secondary: var(--color-teal-500);--color-secondary-hover: var(--color-teal-600);--color-secondary-active: var(--color-teal-700);--color-secondary-subtle: var(--color-teal-100);--color-on-secondary: var(--color-gray-0);--color-tertiary: var(--color-amber-500);--color-tertiary-hover: var(--color-amber-600);--color-tertiary-active: var(--color-amber-700);--color-tertiary-subtle: var(--color-amber-100);--color-on-tertiary: var(--color-gray-1000);--color-bg-canvas: var(--color-gray-50);--color-bg-surface: var(--color-gray-0);--color-bg-surface-raised: var(--color-gray-0);--color-bg-muted: var(--color-gray-100);--color-bg-hover: var(--color-gray-100);--color-bg-active: var(--color-gray-200);--color-bg-inverse: var(--color-gray-900);--color-bg-backdrop: rgb(0 0 0 / .4);--color-fg: var(--color-gray-900);--color-fg-muted: var(--color-gray-600);--color-fg-subtle: var(--color-gray-500);--color-fg-disabled: var(--color-gray-400);--color-fg-inverse: var(--color-gray-50);--color-fg-link: var(--color-primary);--color-border: var(--color-gray-200);--color-border-strong: var(--color-gray-300);--color-border-focus: var(--color-primary);--color-danger: var(--color-red-500);--color-danger-hover: var(--color-red-600);--color-danger-active: var(--color-red-700);--color-danger-subtle: var(--color-red-100);--color-on-danger: var(--color-gray-0);--color-warning: var(--color-amber-500);--color-warning-subtle: var(--color-amber-100);--color-success: var(--color-green-500);--color-success-subtle: var(--color-green-100);--color-info: var(--color-sky-500);--color-info-subtle: var(--color-sky-100);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-border-focus) 40%, transparent);--radius-control: var(--radius-md);--radius-surface: var(--radius-lg);--radius-pill: var(--radius-full);--shadow-surface: var(--shadow-sm);--shadow-popover: var(--shadow-md);--shadow-overlay: var(--shadow-lg);--font-body: var(--font-family-sans);--font-heading: var(--font-family-sans);--font-weight-heading: var(--font-weight-semibold);--control-height-sm: 2rem;--control-height-md: 2.5rem;--control-height-lg: 3rem;--control-padding-x: var(--space-4);--space-inset-surface: var(--space-5);--space-stack-default: var(--space-4);--transition-base: var(--duration-fast) ease-out;--transition-overlay: var(--duration-normal) ease-out;--chart-1: var(--color-indigo-500);--chart-2: var(--color-orange-500);--chart-3: var(--color-teal-500);--chart-4: var(--color-amber-600);--chart-5: var(--color-rose-500);--chart-6: var(--color-green-600);--chart-7: var(--color-sky-600);--chart-8: var(--color-red-600);--chart-muted: var(--color-gray-300);--chart-seq-1: var(--color-indigo-300);--chart-seq-2: var(--color-indigo-500);--chart-seq-3: var(--color-indigo-600);--chart-seq-4: var(--color-indigo-700);--chart-div-neg: var(--color-indigo-500);--chart-div-mid: var(--color-gray-100);--chart-div-pos: var(--color-orange-500);--chart-grid: var(--color-gray-100);--chart-axis: var(--color-gray-300);--chart-crosshair: var(--color-gray-400);--chart-surface: var(--color-bg-surface)}:root[data-theme=dark]{color-scheme:dark;--color-primary: var(--color-indigo-300);--color-primary-hover: var(--color-indigo-100);--color-primary-active: var(--color-indigo-500);--color-primary-subtle: color-mix(in srgb, var(--color-indigo-500) 25%, transparent);--color-primary-subtle-hover: color-mix(in srgb, var(--color-indigo-500) 35%, transparent);--color-on-primary: var(--color-gray-1000);--color-secondary: var(--color-teal-300);--color-secondary-hover: var(--color-teal-100);--color-secondary-active: var(--color-teal-500);--color-secondary-subtle: color-mix(in srgb, var(--color-teal-500) 25%, transparent);--color-on-secondary: var(--color-gray-1000);--color-tertiary: var(--color-amber-300);--color-tertiary-hover: var(--color-amber-100);--color-tertiary-active: var(--color-amber-500);--color-tertiary-subtle: color-mix(in srgb, var(--color-amber-500) 25%, transparent);--color-on-tertiary: var(--color-gray-1000);--color-bg-canvas: var(--color-gray-1000);--color-bg-surface: var(--color-gray-900);--color-bg-surface-raised: var(--color-gray-800);--color-bg-muted: var(--color-gray-800);--color-bg-hover: var(--color-gray-800);--color-bg-active: var(--color-gray-700);--color-bg-inverse: var(--color-gray-50);--color-bg-backdrop: rgb(0 0 0 / .6);--color-fg: var(--color-gray-50);--color-fg-muted: var(--color-gray-300);--color-fg-subtle: var(--color-gray-400);--color-fg-disabled: var(--color-gray-600);--color-fg-inverse: var(--color-gray-900);--color-border: var(--color-gray-700);--color-border-strong: var(--color-gray-600);--color-danger: var(--color-red-300);--color-danger-hover: var(--color-red-100);--color-danger-active: var(--color-red-500);--color-danger-subtle: color-mix(in srgb, var(--color-red-500) 25%, transparent);--color-on-danger: var(--color-gray-1000);--color-warning: var(--color-amber-300);--color-warning-subtle: color-mix(in srgb, var(--color-amber-500) 25%, transparent);--color-success: var(--color-green-300);--color-success-subtle: color-mix(in srgb, var(--color-green-500) 25%, transparent);--color-info: var(--color-sky-300);--color-info-subtle: color-mix(in srgb, var(--color-sky-500) 25%, transparent);--shadow-surface: 0 1px 2px rgb(0 0 0 / .4);--shadow-popover: 0 4px 16px rgb(0 0 0 / .5);--shadow-overlay: 0 12px 32px rgb(0 0 0 / .6);--chart-7: var(--color-sky-500);--chart-8: var(--color-red-500);--chart-muted: var(--color-gray-600);--chart-seq-1: var(--color-indigo-600);--chart-seq-2: var(--color-indigo-500);--chart-seq-3: var(--color-indigo-300);--chart-seq-4: var(--color-indigo-100);--chart-div-mid: var(--color-gray-800);--chart-grid: var(--color-gray-800);--chart-axis: var(--color-gray-700);--chart-crosshair: var(--color-gray-500)}[data-density=compact]{--control-height-sm: 1.75rem;--control-height-md: 2.125rem;--control-height-lg: 2.5rem;--control-padding-x: var(--space-3);--space-inset-surface: var(--space-4);--space-stack-default: var(--space-3)}[data-density=spacious]{--control-height-sm: 2.25rem;--control-height-md: 2.75rem;--control-height-lg: 3.25rem;--control-padding-x: var(--space-5);--space-inset-surface: var(--space-6);--space-stack-default: var(--space-5)}}@layer tokens{[data-brand=ocean]{--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-600);--color-primary-active: var(--color-teal-700);--color-primary-subtle: var(--color-teal-100);--color-primary-subtle-hover: color-mix(in srgb, var(--color-teal-100) 60%, var(--color-gray-0));--color-on-primary: var(--color-gray-0);--color-secondary: var(--color-sky-500);--color-secondary-hover: var(--color-sky-600);--color-secondary-active: var(--color-sky-700);--color-secondary-subtle: var(--color-sky-100);--color-on-secondary: var(--color-gray-0);--color-tertiary: var(--color-rose-500);--color-tertiary-hover: var(--color-rose-600);--color-tertiary-active: var(--color-rose-700);--color-tertiary-subtle: var(--color-rose-100);--color-on-tertiary: var(--color-gray-0);--radius-control: var(--radius-full);--radius-surface: var(--radius-xl)}:root[data-theme=dark] [data-brand=ocean],:root[data-theme=dark][data-brand=ocean]{--color-primary: var(--color-teal-300);--color-primary-hover: var(--color-teal-100);--color-primary-active: var(--color-teal-500);--color-primary-subtle: color-mix(in srgb, var(--color-teal-500) 25%, transparent);--color-primary-subtle-hover: color-mix(in srgb, var(--color-teal-500) 35%, transparent);--color-on-primary: var(--color-gray-1000);--color-secondary: var(--color-sky-300);--color-secondary-hover: var(--color-sky-100);--color-secondary-active: var(--color-sky-500);--color-secondary-subtle: color-mix(in srgb, var(--color-sky-500) 25%, transparent);--color-on-secondary: var(--color-gray-1000);--color-tertiary: var(--color-rose-300);--color-tertiary-hover: var(--color-rose-100);--color-tertiary-active: var(--color-rose-500);--color-tertiary-subtle: color-mix(in srgb, var(--color-rose-500) 25%, transparent);--color-on-tertiary: var(--color-gray-1000)}[data-brand=ember]{--color-primary: var(--color-orange-500);--color-primary-hover: var(--color-orange-600);--color-primary-active: var(--color-orange-700);--color-primary-subtle: var(--color-orange-100);--color-primary-subtle-hover: color-mix(in srgb, var(--color-orange-100) 60%, var(--color-gray-0));--color-on-primary: var(--color-gray-0);--color-secondary: var(--color-gray-900);--color-secondary-hover: var(--color-gray-800);--color-secondary-active: var(--color-gray-700);--color-secondary-subtle: var(--color-gray-100);--color-on-secondary: var(--color-gray-0);--color-tertiary: var(--color-amber-500);--color-tertiary-hover: var(--color-amber-600);--color-tertiary-active: var(--color-amber-700);--color-tertiary-subtle: var(--color-amber-100);--color-on-tertiary: var(--color-gray-1000);--radius-control: var(--radius-sm);--radius-surface: var(--radius-sm);--font-weight-heading: var(--font-weight-bold)}:root[data-theme=dark] [data-brand=ember],:root[data-theme=dark][data-brand=ember]{--color-primary: var(--color-orange-300);--color-primary-hover: var(--color-orange-100);--color-primary-active: var(--color-orange-500);--color-primary-subtle: color-mix(in srgb, var(--color-orange-500) 25%, transparent);--color-primary-subtle-hover: color-mix(in srgb, var(--color-orange-500) 35%, transparent);--color-on-primary: var(--color-gray-1000);--color-secondary: var(--color-gray-100);--color-secondary-hover: var(--color-gray-0);--color-secondary-active: var(--color-gray-300);--color-secondary-subtle: var(--color-gray-800);--color-on-secondary: var(--color-gray-1000);--color-tertiary: var(--color-amber-300);--color-tertiary-hover: var(--color-amber-100);--color-tertiary-active: var(--color-amber-500);--color-tertiary-subtle: color-mix(in srgb, var(--color-amber-500) 25%, transparent);--color-on-tertiary: var(--color-gray-1000)}[data-brand=mono]{--color-primary: var(--color-gray-900);--color-primary-hover: var(--color-gray-800);--color-primary-active: var(--color-gray-700);--color-primary-subtle: var(--color-gray-100);--color-primary-subtle-hover: var(--color-gray-50);--color-on-primary: var(--color-gray-0);--color-secondary: var(--color-gray-600);--color-secondary-hover: var(--color-gray-700);--color-secondary-active: var(--color-gray-800);--color-secondary-subtle: var(--color-gray-100);--color-on-secondary: var(--color-gray-0);--color-tertiary: var(--color-gray-400);--color-tertiary-hover: var(--color-gray-500);--color-tertiary-active: var(--color-gray-600);--color-tertiary-subtle: var(--color-gray-100);--color-on-tertiary: var(--color-gray-1000);--radius-control: var(--radius-sm);--radius-surface: var(--radius-md)}:root[data-theme=dark] [data-brand=mono],:root[data-theme=dark][data-brand=mono]{--color-primary: var(--color-gray-50);--color-primary-hover: var(--color-gray-0);--color-primary-active: var(--color-gray-200);--color-primary-subtle: var(--color-gray-800);--color-primary-subtle-hover: var(--color-gray-700);--color-on-primary: var(--color-gray-1000);--color-secondary: var(--color-gray-300);--color-secondary-hover: var(--color-gray-100);--color-secondary-active: var(--color-gray-400);--color-secondary-subtle: var(--color-gray-800);--color-on-secondary: var(--color-gray-1000);--color-tertiary: var(--color-gray-500);--color-tertiary-hover: var(--color-gray-400);--color-tertiary-active: var(--color-gray-600);--color-tertiary-subtle: var(--color-gray-800);--color-on-tertiary: var(--color-gray-50)}}@layer base{body{font-family:var(--font-body);font-size:var(--font-size-md);color:var(--color-fg);background:var(--color-bg-canvas);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4{font-family:var(--font-heading);line-height:var(--font-leading-tight);font-weight:var(--font-weight-heading);text-wrap:balance}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}p{text-wrap:pretty}a{color:var(--color-fg-link);text-underline-offset:.15em}code{font-family:var(--font-family-mono);font-size:.9em;background:var(--color-bg-muted);padding:0 var(--space-1);border-radius:var(--radius-sm)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background:var(--color-primary-subtle)}}@layer utilities{.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.text-muted{color:var(--color-fg-muted)}.text-subtle{color:var(--color-fg-subtle)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-mono{font-family:var(--font-family-mono)}}@layer components{.ds-stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-stack-default))}.ds-stack[data-direction=row]{flex-direction:row}.ds-stack[data-wrap]{flex-wrap:wrap}}@layer components{.ds-grid{--grid-columns: 2;--grid-min: 16rem;display:grid;gap:var(--grid-gap, var(--space-stack-default))}.ds-grid[data-mode=fixed]{grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr))}.ds-grid[data-mode=auto]{grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-min),100%),1fr))}}@layer components{.ds-divider{border:0;background:var(--color-border);flex-shrink:0}.ds-divider[data-orientation=horizontal]{height:1px;width:100%}.ds-divider[data-orientation=vertical]{width:1px;align-self:stretch;min-height:1em}.ds-divider[data-labelled]{display:flex;align-items:center;gap:var(--space-3);height:auto;background:none;color:var(--color-fg-subtle);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em}.ds-divider[data-labelled]:before,.ds-divider[data-labelled]:after{content:"";flex:1;height:1px;background:var(--color-border)}}@layer components{.ds-card{--card-inset: var(--space-inset-surface);--card-bg: var(--color-bg-surface);--card-border: var(--color-border);display:flex;flex-direction:column;background:var(--card-bg);border-radius:var(--radius-surface);border:1px solid var(--card-border);overflow:hidden;container-type:inline-size;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.ds-card[data-variant=raised]{box-shadow:var(--shadow-surface)}.ds-card[data-variant=filled]{--card-bg: var(--color-bg-muted);--card-border: transparent}.ds-card[data-interactive]{cursor:pointer}.ds-card[data-interactive]:hover{--card-border: var(--color-border-strong);box-shadow:var(--shadow-popover);transform:translateY(-1px)}.ds-card[data-interactive]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--card-inset);border-bottom:1px solid var(--card-border)}.ds-card[data-variant=filled] .ds-card__header{border-bottom-color:var(--color-border)}.ds-card__title{font-weight:var(--font-weight-semibold)}.ds-card__actions{display:flex;gap:var(--space-2);flex-shrink:0}.ds-card__body{padding:var(--card-inset);flex:1}.ds-card__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--card-inset);border-top:1px solid var(--card-border);background:color-mix(in srgb,var(--color-bg-muted) 50%,transparent)}.ds-card__media>img,.ds-card__media>*{width:100%;display:block}@container (max-width: 320px){.ds-card{--card-inset: var(--space-3)}}}@layer components{.ds-spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:ds-spin .7s linear infinite}.ds-spinner[data-size=sm]{width:.75em;height:.75em;border-width:1.5px}.ds-spinner[data-size=lg]{width:1.5em;height:1.5em;border-width:3px}@keyframes ds-spin{to{transform:rotate(360deg)}}}@layer components{.ds-button{--btn-bg: var(--color-primary);--btn-bg-hover: var(--color-primary-hover);--btn-bg-active: var(--color-primary-active);--btn-fg: var(--color-on-primary);--btn-border: transparent;--btn-height: var(--control-height-md);--btn-padding-x: var(--control-padding-x);--btn-font-size: var(--font-size-sm);--btn-radius: var(--radius-control);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-height);padding-inline:var(--btn-padding-x);border-radius:var(--btn-radius);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--btn-font-size);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;text-decoration:none;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.ds-button:hover{background:var(--btn-bg-hover)}.ds-button:active{background:var(--btn-bg-active)}.ds-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-button:disabled{cursor:not-allowed;opacity:.5}.ds-button[data-variant=secondary]{--btn-bg: var(--color-secondary);--btn-bg-hover: var(--color-secondary-hover);--btn-bg-active: var(--color-secondary-active);--btn-fg: var(--color-on-secondary)}.ds-button[data-variant=tertiary]{--btn-bg: var(--color-bg-surface);--btn-bg-hover: var(--color-bg-hover);--btn-bg-active: var(--color-bg-active);--btn-fg: var(--color-fg);--btn-border: var(--color-border-strong)}.ds-button[data-variant=ghost]{--btn-bg: transparent;--btn-bg-hover: var(--color-bg-hover);--btn-bg-active: var(--color-bg-active);--btn-fg: var(--color-fg)}.ds-button[data-variant=danger]{--btn-bg: var(--color-danger);--btn-bg-hover: var(--color-danger-hover);--btn-bg-active: var(--color-danger-active);--btn-fg: var(--color-on-danger)}.ds-button[data-variant=link]{--btn-bg: transparent;--btn-bg-hover: transparent;--btn-bg-active: transparent;--btn-fg: var(--color-fg-link);--btn-padding-x: 0;height:auto;text-decoration:underline;text-underline-offset:.15em}.ds-button[data-variant=link]:hover{--btn-fg: var(--color-primary-hover)}.ds-button[data-size=sm]{--btn-height: var(--control-height-sm);--btn-padding-x: calc(var(--control-padding-x) - var(--space-1));--btn-font-size: var(--font-size-xs)}.ds-button[data-size=lg]{--btn-height: var(--control-height-lg);--btn-padding-x: calc(var(--control-padding-x) + var(--space-2));--btn-font-size: var(--font-size-md)}.ds-button[data-icon-only]{padding-inline:0;width:var(--btn-height)}.ds-button[data-icon-only] .ds-button__label{display:contents}.ds-button[data-full-width]{width:100%}.ds-button__icon{display:inline-flex;line-height:0}.ds-button__icon>svg{width:1.1em;height:1.1em}.ds-button[data-loading] .ds-button__label,.ds-button[data-loading] .ds-button__icon{visibility:hidden}.ds-button__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}}@layer components{.ds-button-group{display:inline-flex}.ds-button-group>.ds-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.ds-button-group>.ds-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.ds-button-group>.ds-button:focus-visible{z-index:1}}@layer components{.ds-field{display:flex;flex-direction:column;gap:var(--space-1)}.ds-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg)}.ds-field[data-disabled] .ds-field__label{color:var(--color-fg-disabled)}.ds-field__required{color:var(--color-danger);margin-inline-start:var(--space-1)}.ds-field__hint,.ds-field__error{font-size:var(--font-size-xs)}.ds-field__hint{color:var(--color-fg-muted)}.ds-field__error{color:var(--color-danger)}.ds-control{--control-bg: var(--color-bg-surface);--control-border: var(--color-border-strong);--control-fg: var(--color-fg);height:var(--control-height-md);padding-inline:var(--space-3);border-radius:var(--radius-control);border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-fg);font-size:var(--font-size-sm);width:100%;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.ds-control::placeholder{color:var(--color-fg-subtle)}.ds-control:hover:not(:disabled){--control-border: var(--color-fg-subtle)}.ds-control:focus-visible{outline:none;--control-border: var(--color-border-focus);box-shadow:var(--focus-ring)}.ds-control[aria-invalid=true]{--control-border: var(--color-danger)}.ds-control[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 30%,transparent)}.ds-control:disabled{--control-bg: var(--color-bg-muted);--control-fg: var(--color-fg-disabled);cursor:not-allowed}textarea.ds-control{height:auto;min-height:calc(var(--control-height-md) * 2.5);padding-block:var(--space-2);resize:vertical;field-sizing:content}}@layer components{.ds-textfield__affix{display:flex;align-items:center;height:var(--control-height-md);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);background:var(--color-bg-surface);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.ds-textfield__affix:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.ds-textfield__affix:has([aria-invalid=true]){border-color:var(--color-danger)}.ds-textfield__affix[data-disabled]{background:var(--color-bg-muted)}.ds-textfield__affix .ds-textfield__input{height:100%;border:0;background:transparent;box-shadow:none;padding-inline:var(--space-2)}.ds-textfield__affix .ds-textfield__input:focus-visible{box-shadow:none}.ds-textfield__prefix,.ds-textfield__suffix{display:inline-flex;align-items:center;padding-inline:var(--space-3);color:var(--color-fg-muted);font-size:var(--font-size-sm);white-space:nowrap}.ds-textfield__prefix{padding-inline-end:0}.ds-textfield__suffix{padding-inline-start:0}}@layer components{.ds-select{position:relative}.ds-select__native{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:var(--space-8);cursor:pointer}.ds-select__native:disabled{cursor:not-allowed}.ds-select__native:has(option[value=""]:checked){color:var(--color-fg-subtle)}.ds-select__chevron{position:absolute;inset-inline-end:var(--space-3);top:50%;translate:0 -50%;pointer-events:none;color:var(--color-fg-muted);font-size:var(--font-size-sm)}}@layer components{.ds-choice{display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm)}.ds-choice[data-hide-label]{gap:0;align-items:center}.ds-choice[data-disabled]{cursor:not-allowed;color:var(--color-fg-disabled)}.ds-choice__text{display:flex;flex-direction:column;gap:2px;padding-top:1px}.ds-choice__description{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.ds-choice[data-disabled] .ds-choice__description{color:var(--color-fg-disabled)}.ds-choice__input{--choice-size: 1.125rem;--choice-bg: var(--color-bg-surface);--choice-border: var(--color-border-strong);--choice-checked: var(--color-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:var(--choice-size);height:var(--choice-size);margin:0;border:1.5px solid var(--choice-border);background:var(--choice-bg);display:grid;place-items:center;cursor:inherit;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.ds-choice__input:hover:not(:disabled){--choice-border: var(--color-fg-subtle)}.ds-choice__input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-choice__input:checked,.ds-choice__input:indeterminate{--choice-bg: var(--choice-checked);--choice-border: var(--choice-checked)}.ds-choice__input:disabled{--choice-bg: var(--color-bg-muted);--choice-border: var(--color-border)}.ds-choice__input:disabled:checked{--choice-bg: var(--color-fg-disabled);--choice-border: var(--color-fg-disabled)}.ds-checkbox{border-radius:var(--radius-sm)}.ds-checkbox:after{content:"";width:.35em;height:.6em;border:solid var(--color-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-10%);opacity:0;transition:opacity var(--transition-base)}.ds-checkbox:checked:after{opacity:1}.ds-checkbox:indeterminate:after{width:.6em;height:0;border-width:0 0 2px 0;transform:none;opacity:1}}@layer components{.ds-radio-group{border:0;padding:0;min-width:0}.ds-radio-group__legend{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0;margin-bottom:var(--space-2)}.ds-radio-group__options{display:flex;flex-direction:column;gap:var(--space-2)}.ds-radio-group[data-orientation=horizontal] .ds-radio-group__options{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.ds-radio{border-radius:var(--radius-full)}.ds-radio:after{content:"";width:.45em;height:.45em;border-radius:var(--radius-full);background:var(--color-on-primary);scale:0;transition:scale var(--transition-base)}.ds-radio:checked:after{scale:1}.ds-radio-group[data-variant=segmented] .ds-radio-group__options{display:inline-flex;flex-direction:row;gap:2px;padding:2px;border-radius:var(--radius-control);background:var(--color-bg-muted);border:1px solid var(--color-border)}.ds-segment{position:relative;display:inline-flex;align-items:center;height:calc(var(--control-height-sm) - 4px);padding-inline:var(--space-3);border-radius:calc(var(--radius-control) - 2px);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.ds-segment:hover{color:var(--color-fg)}.ds-segment[data-checked]{background:var(--color-bg-surface);color:var(--color-fg);box-shadow:var(--shadow-sm)}.ds-segment[data-disabled]{color:var(--color-fg-disabled);cursor:not-allowed}.ds-segment:has(.ds-segment__input:focus-visible){box-shadow:var(--focus-ring)}}@layer components{.ds-switch{--choice-size: 1.25rem;--switch-width: 2.25rem;width:var(--switch-width);border-radius:var(--radius-pill);background:var(--color-border-strong);border-color:transparent;place-items:center start;padding:2px}.ds-switch:hover:not(:disabled){background:var(--color-fg-subtle)}.ds-switch:after{content:"";width:calc(var(--choice-size) - 7px);height:calc(var(--choice-size) - 7px);border-radius:var(--radius-full);background:var(--color-bg-surface);box-shadow:var(--shadow-sm);transition:translate var(--transition-base)}.ds-switch:checked{background:var(--choice-checked)}.ds-switch:checked:after{translate:calc(var(--switch-width) - var(--choice-size)) 0}.ds-switch:disabled{background:var(--color-border)}.ds-switch:disabled:checked{background:var(--color-fg-disabled)}}@layer components{.ds-badge{--badge-bg: var(--color-bg-muted);--badge-fg: var(--color-fg-muted);--badge-accent: var(--color-fg-subtle);--badge-border: transparent;display:inline-flex;align-items:center;gap:var(--space-1);height:1.5rem;padding-inline:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-fg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap}.ds-badge__dot{width:.5em;height:.5em;border-radius:var(--radius-full);background:var(--badge-accent)}.ds-badge[data-tone=primary]{--badge-accent: var(--color-primary);--badge-bg: var(--color-primary-subtle)}.ds-badge[data-tone=secondary]{--badge-accent: var(--color-secondary);--badge-bg: var(--color-secondary-subtle)}.ds-badge[data-tone=success]{--badge-accent: var(--color-success);--badge-bg: var(--color-success-subtle)}.ds-badge[data-tone=warning]{--badge-accent: var(--color-warning);--badge-bg: var(--color-warning-subtle)}.ds-badge[data-tone=danger]{--badge-accent: var(--color-danger);--badge-bg: var(--color-danger-subtle)}.ds-badge[data-tone=info]{--badge-accent: var(--color-info);--badge-bg: var(--color-info-subtle)}.ds-badge[data-variant=subtle]:not([data-tone=neutral]){--badge-fg: var(--badge-accent)}.ds-badge[data-variant=solid]{--badge-bg: var(--badge-accent);--badge-fg: var(--color-bg-surface)}.ds-badge[data-variant=solid] .ds-badge__dot{background:currentColor}.ds-badge[data-variant=outline]{--badge-bg: transparent;--badge-fg: var(--badge-accent);--badge-border: currentColor}}@layer components{.ds-table{--table-row-height: var(--control-height-md);--table-cell-padding-x: var(--space-3);--table-border: var(--color-border);--table-header-bg: var(--color-bg-muted);--table-header-fg: var(--color-fg-muted);--table-row-hover: var(--color-bg-hover);--table-row-selected: var(--color-primary-subtle);--table-radius: var(--radius-surface);display:grid;gap:var(--space-3)}.ds-table__toolbar{--stack-gap: var(--space-3)}.ds-table__search{flex:1 1 14rem;max-width:20rem}.ds-table__scroll{overflow-x:auto;border:1px solid var(--table-border);border-radius:var(--table-radius);background:var(--color-bg-surface)}.ds-table__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);line-height:1.3}.ds-table__caption{caption-side:top;text-align:start;padding:var(--space-3) var(--table-cell-padding-x);font-weight:var(--font-weight-heading);color:var(--color-fg)}.ds-table__table th,.ds-table__table td{height:var(--table-row-height);padding-inline:var(--table-cell-padding-x);text-align:start;vertical-align:middle;border-bottom:1px solid var(--table-border);white-space:nowrap}.ds-table__table tbody tr:last-child td{border-bottom:0}.ds-table__table [data-align=end]{text-align:end}.ds-table__table [data-align=end] .ds-table__sort{justify-content:flex-end}.ds-table__table th{background:var(--table-header-bg);color:var(--table-header-fg);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}.ds-table__sort{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--space-1);width:100%;height:var(--table-row-height);cursor:pointer;border-radius:var(--radius-sm)}.ds-table__sort:hover{color:var(--color-fg)}.ds-table__sort:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-table__sort-icon:before{content:"↕";opacity:.35}.ds-table__sort-icon[data-direction=asc]:before{content:"↑";opacity:1}.ds-table__sort-icon[data-direction=desc]:before{content:"↓";opacity:1}[aria-sort] .ds-table__sort{color:var(--color-fg)}.ds-table__table tbody tr:hover{background:var(--table-row-hover)}.ds-table__table tbody tr[data-selected]{background:var(--table-row-selected)}.ds-table__table th:has(>.ds-choice),.ds-table__table td:has(>.ds-choice){width:1px;padding-inline-end:0}.ds-table__empty{text-align:center;color:var(--color-fg-muted);padding-block:var(--space-6);white-space:normal}.ds-table__pager{padding-inline:var(--space-1)}.ds-table__count{font-size:var(--font-size-sm);color:var(--color-fg-muted);font-variant-numeric:tabular-nums}}@layer components{.ds-chart{--series: var(--chart-muted);--chart-line-width: 2px;--chart-font: var(--font-size-xs);margin:0;display:grid;gap:var(--space-3);min-width:0}.ds-chart [data-slot="1"]{--series: var(--chart-1)}.ds-chart [data-slot="2"]{--series: var(--chart-2)}.ds-chart [data-slot="3"]{--series: var(--chart-3)}.ds-chart [data-slot="4"]{--series: var(--chart-4)}.ds-chart [data-slot="5"]{--series: var(--chart-5)}.ds-chart [data-slot="6"]{--series: var(--chart-6)}.ds-chart [data-slot="7"]{--series: var(--chart-7)}.ds-chart [data-slot="8"]{--series: var(--chart-8)}.ds-chart [data-seq="1"]{--series: var(--chart-seq-1)}.ds-chart [data-seq="2"]{--series: var(--chart-seq-2)}.ds-chart [data-seq="3"]{--series: var(--chart-seq-3)}.ds-chart [data-seq="4"]{--series: var(--chart-seq-4)}.ds-chart[data-emphasis] [data-slot]:not([data-emphasized]){--series: var(--chart-muted)}.ds-chart__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.ds-chart__title{display:block;font-weight:var(--font-weight-heading);color:var(--color-fg)}.ds-chart__description{display:block;font-size:var(--font-size-sm);color:var(--color-fg-muted)}.ds-chart__legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-fg-muted)}.ds-chart__legend li{display:inline-flex;align-items:center;gap:var(--space-2)}.ds-chart__key{display:inline-block;width:14px;height:var(--chart-line-width);border-radius:var(--radius-full);background:var(--series)}.ds-chart__key--swatch{width:10px;height:10px;border-radius:var(--radius-sm)}.ds-chart__plot{position:relative;min-width:0}.ds-chart__svg{display:block;overflow:visible;font-family:var(--font-body);font-size:var(--chart-font)}.ds-chart__svg:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--focus-ring)}.ds-chart__grid{stroke:var(--chart-grid);stroke-width:1;shape-rendering:crispEdges}.ds-chart__axis{stroke:var(--chart-axis);stroke-width:1;shape-rendering:crispEdges}.ds-chart__tick{fill:var(--color-fg-muted);font-variant-numeric:tabular-nums}.ds-chart__tooltip{position:absolute;pointer-events:none;min-width:10rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-surface);background:var(--color-bg-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-popover);font-size:var(--font-size-sm);translate:var(--space-3) 0}.ds-chart__tooltip[data-side=left]{translate:calc(-100% - var(--space-3)) 0}.ds-chart__tooltip-date{font-size:var(--chart-font);color:var(--color-fg-muted);margin-block-end:var(--space-1)}.ds-chart__tooltip-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2)}.ds-chart__tooltip-label{color:var(--color-fg-muted)}.ds-chart__tooltip-value{color:var(--color-fg);font-variant-numeric:tabular-nums}}@layer components{.ds-chart__end-label{fill:var(--color-fg-muted);font-size:var(--chart-font)}.ds-chart__line{fill:none;stroke:var(--series);stroke-width:var(--chart-line-width);stroke-linejoin:round;stroke-linecap:round}.ds-chart__area{fill:var(--series);opacity:.1}.ds-chart__dot{fill:var(--series);stroke:var(--chart-surface);stroke-width:2}.ds-chart__crosshair{stroke:var(--chart-crosshair);stroke-width:1;shape-rendering:crispEdges}.ds-chart__hit{fill:transparent;cursor:crosshair;touch-action:none}}@layer components{.ds-bar__bar{fill:var(--series);transition:filter var(--transition-base),opacity var(--transition-base)}.ds-bar__hit{fill:transparent;touch-action:none}.ds-bar__group{cursor:default}.ds-bar__group[data-active] .ds-bar__bar{filter:brightness(1.15)}.ds-bar__value{pointer-events:none}}@layer components{.ds-dialog{--dialog-width: 32rem;padding:0;border:0;background:transparent;width:min(var(--dialog-width),calc(100vw - var(--space-8)));max-height:calc(100dvh - var(--space-8));color:var(--color-fg);overflow:visible}.ds-dialog[data-size=sm]{--dialog-width: 24rem}.ds-dialog[data-size=lg]{--dialog-width: 48rem}.ds-dialog::backdrop{background:var(--color-bg-backdrop, rgb(0 0 0 / .4))}.ds-dialog__panel{display:flex;flex-direction:column;max-height:calc(100dvh - var(--space-8));background:var(--color-bg-surface-raised);border-radius:var(--radius-surface);box-shadow:var(--shadow-overlay);border:1px solid var(--color-border);overflow:hidden}.ds-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-inset-surface);border-bottom:1px solid var(--color-border)}.ds-dialog__title{font-size:var(--font-size-lg)}.ds-dialog__description{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-fg-muted)}.ds-dialog__body{padding:var(--space-inset-surface);overflow:auto}.ds-dialog__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-inset-surface);border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-muted) 50%,transparent)}.ds-dialog{opacity:0;translate:0 var(--space-2);transition:opacity var(--transition-overlay),translate var(--transition-overlay),display var(--transition-overlay) allow-discrete,overlay var(--transition-overlay) allow-discrete}.ds-dialog[open]{opacity:1;translate:0 0}@starting-style{.ds-dialog[open]{opacity:0;translate:0 var(--space-2)}}.ds-dialog::backdrop{opacity:0;transition:opacity var(--transition-overlay),display var(--transition-overlay) allow-discrete,overlay var(--transition-overlay) allow-discrete}.ds-dialog[open]::backdrop{opacity:1}@starting-style{.ds-dialog[open]::backdrop{opacity:0}}}@layer components{.ds-menu{position:relative;display:inline-block}.ds-menu__trigger{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-height-md);padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ds-menu__trigger:hover{background:var(--color-bg-hover)}.ds-menu__trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-menu__trigger[aria-expanded=true] .ds-menu__chevron{transform:rotate(180deg)}.ds-menu__chevron{transition:transform var(--transition-base)}.ds-menu__list{position:absolute;top:calc(100% + var(--space-1));inset-inline-start:0;min-width:12rem;padding:var(--space-1);display:flex;flex-direction:column;background:var(--color-bg-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-overlay);z-index:var(--z-dropdown)}.ds-menu__item{text-align:start;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-fg)}.ds-menu__item:focus-visible,.ds-menu__item:focus{outline:none;background:var(--color-bg-hover)}.ds-menu__item[data-destructive]{color:var(--color-danger)}}@layer components{.ds-popover{--pop-gap: var(--space-2);inset:auto;margin:0;padding:var(--space-inset-surface);border:1px solid var(--color-border);border-radius:var(--radius-surface);background:var(--color-bg-surface-raised);color:var(--color-fg);box-shadow:var(--shadow-popover);min-width:12rem;max-width:min(24rem,calc(100vw - var(--space-8)));position:fixed;position-try-fallbacks:flip-block,flip-inline}.ds-popover[data-placement=bottom]{top:calc(anchor(bottom) + var(--pop-gap))}.ds-popover[data-placement=top]{bottom:calc(anchor(top) + var(--pop-gap))}.ds-popover[data-align=start]{left:anchor(left)}.ds-popover[data-align=end]{right:anchor(right)}.ds-popover[data-align=center]{left:anchor(center);translate:-50% 0}.ds-popover{opacity:0;translate:0 calc(var(--space-1) * -1);transition:opacity var(--transition-overlay),translate var(--transition-overlay),display var(--transition-overlay) allow-discrete,overlay var(--transition-overlay) allow-discrete}.ds-popover:popover-open{opacity:1;translate:0 0}@starting-style{.ds-popover:popover-open{opacity:0;translate:0 calc(var(--space-1) * -1)}}}@layer components{.ds-tooltip{--tip-gap: var(--space-2);inset:auto;margin:0;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);background:var(--color-bg-inverse);color:var(--color-fg-inverse);font-size:var(--font-size-xs);line-height:var(--font-leading-normal);max-width:18rem;pointer-events:none;position:fixed;position-try-fallbacks:flip-block;left:anchor(center);translate:-50% 0;opacity:0;transition:opacity var(--transition-base),display var(--transition-base) allow-discrete,overlay var(--transition-base) allow-discrete}.ds-tooltip[data-placement=top]{bottom:calc(anchor(top) + var(--tip-gap))}.ds-tooltip[data-placement=bottom]{top:calc(anchor(bottom) + var(--tip-gap))}.ds-tooltip:popover-open{opacity:1}@starting-style{.ds-tooltip:popover-open{opacity:0}}}.app{max-width:56rem;margin-inline:auto;padding:var(--space-8) var(--space-4) var(--space-16)}.app__header{margin-block-end:var(--space-8)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--space-3)}.swatch{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-xs)}.swatch__chip{height:var(--space-10);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.swatch__chip--shape{width:var(--space-16);height:var(--space-10);background:var(--color-primary-subtle);border-color:var(--color-primary)}.swatch__chip--height{width:var(--space-16);background:var(--color-secondary-subtle);border-color:var(--color-secondary);border-radius:var(--radius-control)}.app__switchers>*{min-width:0}.app__fieldset{border:0;padding:0;margin:0;min-width:0}.spacing-demo{display:grid;gap:var(--space-2)}.spacing-demo__row{display:grid;grid-template-columns:7rem 1fr;align-items:center;font-size:var(--font-size-xs)}.spacing-demo__bar{height:var(--space-3);background:var(--color-primary);border-radius:var(--radius-sm)}.form-demo{max-width:24rem}.table-demo__status{flex:0 0 11rem}