@layer theme, base, overrides, structure, scheme;
@layer theme { :root {
  --color-accent: light-dark(hsl(0 0% 9%), hsl(0 0% 98%));
  --primary: light-dark(hsl(0 0% 9%), hsl(0 0% 98%));
  --color-accent-text: light-dark(hsl(0 0% 9%), hsl(0 0% 98%));
  --accent-text: light-dark(hsl(0 0% 9%), hsl(0 0% 98%));
  --color-on-accent: light-dark(hsl(0 0% 98%), hsl(0 0% 9%));
  --primary-foreground: light-dark(hsl(0 0% 98%), hsl(0 0% 9%));
  --color-accent-subtle: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --primary-container: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --color-accent-bold: light-dark(hsl(0 0% 9%), hsl(0 0% 98%));
  --color-accent-secondary: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --secondary: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --color-on-accent-secondary: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --secondary-foreground: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --color-accent-secondary-subtle: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --secondary-container: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --color-surface-canvas: light-dark(hsl(0 0% 100%), hsl(0 0% 4%));
  --background: light-dark(hsl(0 0% 100%), hsl(0 0% 4%));
  --color-surface-sunken: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --surface-container-lowest: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --color-surface-muted: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --muted: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --color-surface-muted-opaque: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --color-surface-raised: light-dark(hsl(0 0% 100%), hsl(0 0% 4%));
  --card: light-dark(hsl(0 0% 100%), hsl(0 0% 4%));
  --color-surface-raised-opaque: light-dark(hsl(0 0% 100%), hsl(0 0% 4%));
  --color-surface-overlay: light-dark(hsl(0 0% 100%), hsl(0 0% 4%));
  --popover: light-dark(hsl(0 0% 100%), hsl(0 0% 4%));
  --color-surface-muted-opaque: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --color-surface-inverse: light-dark(hsl(0 0% 9%), hsl(0 0% 98%));
  --inverse-surface: light-dark(hsl(0 0% 9%), hsl(0 0% 98%));
  --color-text-primary: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --foreground: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --color-text-secondary: light-dark(hsl(0 0% 45%), hsl(0 0% 63%));
  --muted-foreground: light-dark(hsl(0 0% 45%), hsl(0 0% 63%));
  --color-text-muted: light-dark(hsl(0 0% 45%), hsl(0 0% 63%));
  --color-text-inverse: light-dark(hsl(0 0% 98%), hsl(0 0% 9%));
  --inverse-on-surface: light-dark(hsl(0 0% 98%), hsl(0 0% 9%));
  --color-card-foreground: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --card-foreground: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --color-popover-foreground: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --popover-foreground: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --color-border-default: light-dark(hsl(0 0% 90%), hsl(0 0% 15%));
  --border: light-dark(hsl(0 0% 90%), hsl(0 0% 15%));
  --color-border-subtle: light-dark(hsl(0 0% 90%), hsl(0 0% 15%));
  --border-subtle: light-dark(hsl(0 0% 90%), hsl(0 0% 15%));
  --color-border-accent: light-dark(hsl(0 0% 9%), hsl(0 0% 98%));
  --ring: light-dark(hsl(0 0% 9%), hsl(0 0% 98%));
  --color-border-input: light-dark(hsl(0 0% 90%), hsl(0 0% 15%));
  --input: light-dark(hsl(0 0% 90%), hsl(0 0% 15%));
  --color-danger: light-dark(hsl(0 84% 60%), hsl(358 70% 30%));
  --destructive: light-dark(hsl(0 84% 60%), hsl(358 70% 30%));
  --color-danger-subtle: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --destructive-container: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --color-on-danger: light-dark(hsl(0 0% 100%), hsl(0 0% 98%));
  --destructive-foreground: light-dark(hsl(0 0% 100%), hsl(0 0% 98%));
  --color-on-danger-subtle: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --destructive-container-foreground: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --color-success: hsl(142 71% 45%);
  --success: hsl(142 71% 45%);
  --color-success-subtle: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --success-container: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --color-on-success: light-dark(hsl(0 0% 100%), hsl(0 0% 98%));
  --success-foreground: light-dark(hsl(0 0% 100%), hsl(0 0% 98%));
  --color-on-success-subtle: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --success-container-foreground: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --color-warning: hsl(44 100% 47%);
  --warning: hsl(44 100% 47%);
  --color-warning-subtle: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --warning-container: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --color-on-warning: light-dark(hsl(0 0% 100%), hsl(0 0% 98%));
  --warning-foreground: light-dark(hsl(0 0% 100%), hsl(0 0% 98%));
  --color-on-warning-subtle: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --warning-container-foreground: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --color-info: hsl(216 100% 58%);
  --info: hsl(216 100% 58%);
  --color-info-subtle: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --info-container: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --color-on-info: light-dark(hsl(0 0% 100%), hsl(0 0% 98%));
  --info-foreground: light-dark(hsl(0 0% 100%), hsl(0 0% 98%));
  --color-on-info-subtle: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --info-container-foreground: light-dark(hsl(0 0% 4%), hsl(0 0% 98%));
  --color-focus-ring: light-dark(hsl(0 0% 4%), hsl(0 0% 80%));
  --color-scrim: hsl(0 0% 0% / 0.5);
  --scrim: hsl(0 0% 0% / 0.5);
  --color-chart-1: light-dark(hsl(18 100% 48%), hsl(225 84% 49%));
  --chart-1: light-dark(hsl(18 100% 48%), hsl(225 84% 49%));
  --color-chart-2: light-dark(hsl(175 100% 29%), hsl(160 100% 37%));
  --chart-2: light-dark(hsl(175 100% 29%), hsl(160 100% 37%));
  --color-chart-3: light-dark(hsl(196 72% 23%), hsl(36 100% 50%));
  --chart-3: light-dark(hsl(196 72% 23%), hsl(36 100% 50%));
  --color-chart-4: light-dark(hsl(44 100% 50%), hsl(273 100% 64%));
  --chart-4: light-dark(hsl(44 100% 50%), hsl(273 100% 64%));
  --color-chart-5: light-dark(hsl(36 100% 50%), hsl(345 100% 56%));
  --chart-5: light-dark(hsl(36 100% 50%), hsl(345 100% 56%));
  --spacing-xs: 0.250rem;
  --space-xs: 0.250rem;
  --space-1: 0.250rem;
  --spacing-sm: 0.500rem;
  --space-sm: 0.500rem;
  --space-2: 0.500rem;
  --spacing-md: clamp(0.750rem, 0.652rem + 0.435vw, 1.000rem);
  --space-md: clamp(0.750rem, 0.652rem + 0.435vw, 1.000rem);
  --space-4: clamp(0.750rem, 0.652rem + 0.435vw, 1.000rem);
  --spacing-lg: clamp(1.125rem, 0.978rem + 0.652vw, 1.500rem);
  --space-lg: clamp(1.125rem, 0.978rem + 0.652vw, 1.500rem);
  --space-6: clamp(1.125rem, 0.978rem + 0.652vw, 1.500rem);
  --spacing-xl: clamp(1.400rem, 1.165rem + 1.043vw, 2.000rem);
  --space-xl: clamp(1.400rem, 1.165rem + 1.043vw, 2.000rem);
  --space-8: clamp(1.400rem, 1.165rem + 1.043vw, 2.000rem);
  --space-3: 0.750rem;
  --space-5: 1.250rem;
  --space-7: 1.750rem;
  --radius-xs: 0.250rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.500rem;
  --radius: 0.500rem;
  --radius-lg: 0.625rem;
  --radius-xl: 0.875rem;
  --radius-full: 9999px;
  --radius-none: 0.000rem;
  --font-weight-display-large: 600;
  --letter-spacing-display-large: -0.0200em;
  --line-height-display-large: 1.100;
  --font-weight-display-medium: 600;
  --letter-spacing-display-medium: -0.0200em;
  --line-height-display-medium: 1.100;
  --font-weight-display-small: 600;
  --letter-spacing-display-small: -0.0200em;
  --line-height-display-small: 1.100;
  --font-weight-headline-large: 600;
  --letter-spacing-headline-large: -0.0150em;
  --line-height-headline-large: 1.200;
  --font-weight-headline-medium: 600;
  --letter-spacing-headline-medium: -0.0150em;
  --line-height-headline-medium: 1.200;
  --font-weight-headline-small: 600;
  --letter-spacing-headline-small: -0.0150em;
  --line-height-headline-small: 1.200;
  --font-weight-title-large: 600;
  --letter-spacing-title-large: -0.0250em;
  --line-height-title-large: 1.000;
  --font-weight-title-medium: 600;
  --letter-spacing-title-medium: -0.0250em;
  --line-height-title-medium: 1.000;
  --font-weight-title-small: 600;
  --letter-spacing-title-small: -0.0250em;
  --line-height-title-small: 1.000;
  --font-weight-body-large: 400;
  --letter-spacing-body-large: 0.0000em;
  --line-height-body-large: 1.429;
  --font-weight-body-medium: 400;
  --letter-spacing-body-medium: 0.0000em;
  --line-height-body-medium: 1.429;
  --font-weight-body-small: 400;
  --letter-spacing-body-small: 0.0000em;
  --line-height-body-small: 1.429;
  --font-weight-label-large: 500;
  --letter-spacing-label-large: 0.0000em;
  --line-height-label-large: 1.430;
  --font-weight-label-medium: 500;
  --letter-spacing-label-medium: 0.0000em;
  --line-height-label-medium: 1.430;
  --font-weight-label-small: 600;
  --letter-spacing-label-small: 0.0000em;
  --line-height-label-small: 1.430;
  --font-body: Inter, system-ui, -apple-system, sans-serif;
  --font-family-body: Inter, system-ui, -apple-system, sans-serif;
  --font-family: Inter, system-ui, -apple-system, sans-serif;
  --font-display: Inter, system-ui, -apple-system, sans-serif;
  --font-family-display: Inter, system-ui, -apple-system, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace;
  --font-family-mono: 'Geist Mono', ui-monospace, SFMono-Regular, 'Roboto Mono', Menlo, monospace;
  --font-body: Inter, system-ui, -apple-system, sans-serif;
  --font-family-body: Inter, system-ui, -apple-system, sans-serif;
  --font-family: Inter, system-ui, -apple-system, sans-serif;
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --shadow-gutter: 0.000rem;
  --clip-gutter: 4px;
  --motion-duration-standard: 150ms;
  --transition-duration: 150ms;
  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-duration-emphasized: 200ms;
  --motion-easing-emphasized: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-duration-emphasized-accel: 150ms;
  --motion-easing-emphasized-accel: cubic-bezier(0.4, 0, 1, 1);
  --motion-duration-emphasized-decel: 200ms;
  --motion-easing-emphasized-decel: cubic-bezier(0, 0, 0.2, 1);
  --motion-duration-spring: 150ms;
  --motion-easing-spring: cubic-bezier(0.4, 0, 0.2, 1);
  --field-role-border: 1px solid light-dark(oklch(0.922 0 0), oklch(0.269 0 0));
  --field-role-shadow: none;
  --control-role-border: 1px solid light-dark(oklch(0.922 0 0), oklch(0.269 0 0));
  --control-role-shadow: none;
  --control-height: 2.250rem;
  --control-inset-x: 0.625rem;
  --form-control-height: 2.500rem;
  --overlay-role-border: 1px solid light-dark(oklch(0.922 0 0), oklch(0.269 0 0));
  --overlay-role-shadow: none;
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-primary: var(--primary);
  --color-destructive: var(--destructive);
  --font-size: 1rem;
  --font-size-body-medium: 1rem;
  --line-height: 1.5;
  --heading-weight: 600;
  --heading-line-height: 1.25;
  --heading-letter-spacing: -0.01em;
  --h1-size: clamp(1.500rem, 1.304rem + 0.870vw, 2.000rem);
  --h2-size: clamp(1.250rem, 1.152rem + 0.435vw, 1.500rem);
  --h3-size: clamp(1.125rem, 1.076rem + 0.217vw, 1.250rem);
  --h4-size: clamp(1.062rem, 1.038rem + 0.109vw, 1.125rem);
  --code-font-size: 0.875rem;
  --small-font-size: 0.875rem;
  --body-font-size: 1rem;
  --caption-size: 0.8125rem;
  --medium-weight: 500;
  --bold-weight: 700;
  --dialog-min-width: 320px;
  --dialog-max-width: 640px;
  --state-disabled-opacity: 0.5;
  --state-disabled-cursor: not-allowed;
  --state-invalid-border-color: var(--destructive);
  --state-invalid-ring: 0 0 0 3px color-mix(in oklch, var(--destructive) 30%, transparent);
  --state-focus-ring: 0 0 0 3px color-mix(in oklch, var(--primary) 40%, transparent);
  --state-readonly-bg: var(--muted);
  --state-readonly-opacity: 1;
  --state-busy-opacity: 0.6;
  --state-busy-cursor: progress;
  --state-busy-spinner: currentColor;
  --accent: light-dark(hsl(0 0% 96%), hsl(0 0% 15%));
  --m3e-shape-to: none;
}
 }
@layer base { 
    *, *::before, *::after { box-sizing:border-box;margin:0;padding:0 }

    
    
    html { scrollbar-gutter:stable; background-color: var(--background) }

    
    html:has(.d-app-shell) { scrollbar-gutter:auto }

    
    .d-base {
      box-sizing:border-box;border:0 solid;
      flex-basis:auto;flex-shrink:0;
      margin:0;padding:0;
      min-height:0;min-width:0;
      
      overflow:clip;overflow-clip-margin:var(--clip-gutter, 4px);position:relative
    }

    
    button, input, optgroup, select, textarea {
      font-family: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      font-size: 100%;
      font-weight: inherit;
      line-height: inherit;
      letter-spacing: inherit;
      color: inherit;
      margin: 0;
      padding: 0;
    }
    button, [type='button'], [type='reset'], [type='submit'] {
      -webkit-appearance: button;
      background-color: transparent;
      background-image: none;
    }

    
    body {
      font-family: var(--font-family);
      font-size: var(--font-size);
      line-height: var(--line-height);
      color: var(--foreground);
      background: var(--background);
    }

    
    html { -webkit-text-size-adjust:100%; text-size-adjust:100% }
    body { overscroll-behavior:none; -webkit-tap-highlight-color:transparent }
    button, a, [role=button], summary, label, input[type=submit], input[type=button] { touch-action:manipulation }
    .nav-rail, .d-sidebar, [role=navigation], button, [role=button] {
      -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;
    }
    input, textarea, select, [contenteditable], [contenteditable] * {
      -webkit-touch-callout:default; -webkit-user-select:text; user-select:text;
    }

    h1, h2, h3, h4 {
      font-weight: var(--heading-weight);
      line-height: var(--heading-line-height);
      color: var(--foreground);
      letter-spacing: var(--heading-letter-spacing);
    }
    h1 { font-size: var(--h1-size); }
    h2 { font-size: var(--h2-size); }
    h3 { font-size: var(--h3-size); }
    h4 { font-size: var(--h4-size); }

    p { color: var(--muted-foreground); }

    code {
      font-family: var(--font-mono);
      font-size: var(--code-font-size);
      background: var(--muted);
      padding: 0.2em 0.4em;
      border-radius: calc(var(--radius) * 0.5);
    }

    
    a {
      
      color: var(--accent-text, var(--primary));
      text-decoration: none;
      transition: color var(--transition-duration) var(--transition-easing);
    }
    a:hover { text-decoration:underline;text-underline-offset:4px }
    
    a.atom-pressable:hover { text-decoration:none }

    
    .d-anim-fade-in     { animation: d-anim-fade-in var(--d-anim-dur, 180ms) var(--transition-easing) both }
    .d-anim-slide-up    { animation: d-anim-slide-up var(--d-anim-dur, 180ms) var(--transition-easing) both }
    .d-anim-slide-down  { animation: d-anim-slide-down var(--d-anim-dur, 180ms) var(--transition-easing) both }
    .d-anim-scale-in    { animation: d-anim-scale-in var(--d-anim-dur, 180ms) var(--transition-easing) both }
    @keyframes d-anim-fade-in    { from { opacity: 0 } to { opacity: 1 } }
    @keyframes d-anim-slide-up   { from { opacity: 0; transform: translateY(8px) } to { opacity: 1; transform: translateY(0) } }
    @keyframes d-anim-slide-down { from { opacity: 0; transform: translateY(-8px) } to { opacity: 1; transform: translateY(0) } }
    @keyframes d-anim-scale-in   { from { opacity: 0; transform: scale(0.96) } to { opacity: 1; transform: scale(1) } }

    .d-main-slot { flex:1; display:flex; flex-direction:column; padding-block:var(--space-6) }
    .d-main-slot:not(:has(.d-auth-frame)) {
      padding-left:max(var(--space-4), env(safe-area-inset-left, 0px));
      padding-right:max(var(--space-4), env(safe-area-inset-right, 0px));
    }
  
    .d-scheme-click { display: contents }
  
    .atom-box {
      background:var(--b-bg);
      
      color:var(--surf-fg, inherit);
      border-radius:var(--b-radius);
      padding:var(--b-pad);
      
      border-top:var(--b-bt, none);
      border-right:var(--b-br, none);
      border-bottom:var(--b-bb, none);
      border-left:var(--b-bl, none);
      box-shadow:var(--b-shadow);
      backdrop-filter:var(--b-blur, none);
      -webkit-backdrop-filter:var(--b-blur, none)
    }
    
    [data-centered="1"] {
      display:inline-flex;
      align-items:center;
      justify-content:center
    }
    
    [data-clip="1"] {
      overflow:hidden
    }
    
    [data-sticky="top"]    { position:sticky; top:0; z-index:3 }
    [data-sticky="left"]   { position:sticky; left:0; z-index:2 }
    [data-sticky="corner"] { position:sticky; top:0; left:0; z-index:4 }
    
    [data-dv-href] { cursor:pointer }
  
    .atom-pressable {
      
      box-sizing:border-box;
      
      width:fit-content;
    }
    
    .atom-pressable.pressable-expand {
      width:100%;
    }
    .atom-pressable {
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:var(--space-2);
      cursor:pointer;
      text-decoration:none;
      white-space:nowrap;
      color:inherit;
      
      font-family:var(--p-font-family, inherit);
      font-size:var(--p-font-size, inherit);
      font-weight:var(--p-font-weight, inherit);
      line-height:var(--p-line-height, inherit);
      overflow:hidden;
      background:var(--p-bg);
      
      color:var(--surf-fg, inherit);
      border-radius:var(--p-radius);
      padding:var(--p-pad);
      
      border-top:var(--p-bt, none);
      border-right:var(--p-br, none);
      border-bottom:var(--p-bb, none);
      border-left:var(--p-bl, none);
      box-shadow:var(--p-shadow);
      transition:var(--p-motion)
    }
    
    .atom-pressable > :not(.atom-state-layer):not(.atom-busy-spinner) {
      min-width:0;
      overflow-x:clip;
      text-overflow:ellipsis
    }
    
    .atom-pressable[role="menuitem"], .atom-pressable[role="menuitemcheckbox"] {
      justify-content:flex-start
    }
    
    .atom-pressable:focus-visible {
      outline:var(--p-focus, none);
      outline-offset:var(--p-focus-offset, 0);
      box-shadow:var(--p-focus-glow, var(--p-shadow))
    }
    
    .atom-pressable[disabled], .atom-pressable[aria-disabled="true"] {
      pointer-events:none;
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor)
    }
    
    .atom-pressable[aria-invalid="true"] {
      box-shadow:var(--state-invalid-ring)
    }
    
    .atom-pressable[aria-busy="true"] {
      cursor:var(--state-busy-cursor)
    }
    .atom-pressable[aria-busy="true"] > :not(.atom-busy-spinner) {
      opacity:var(--state-busy-opacity)
    }
    .atom-busy-spinner {
      position:absolute; inset:0; margin:auto;
      width:1em; height:1em; border-radius:50%;
      border:2px solid color-mix(in oklch, var(--state-busy-spinner) 30%, transparent);
      border-top-color:var(--state-busy-spinner);
      animation:atom-spin .6s linear infinite;
      pointer-events:none
    }
    @keyframes atom-spin { to { transform:rotate(360deg) } }
    @media (prefers-reduced-motion) { .atom-busy-spinner { animation:none } }
    .atom-state-layer {
      position:absolute;
      inset:0;
      background:transparent;
      pointer-events:none;
      transition:background var(--p-motion-state, 120ms ease)
    }
    .atom-pressable[data-hover="1"]:hover .atom-state-layer {
      background:var(--p-state-hover)
    }
    .atom-pressable[data-pressed="1"]:active .atom-state-layer {
      background:var(--p-state-pressed)
    }
    
    .atom-pressable[data-hover-kind="fillSwap"]:hover {
      background:var(--p-hover-bg)
    }
    .atom-pressable[data-pressed-kind="fillSwap"]:active {
      background:var(--p-pressed-bg)
    }
    
    .atom-pressable[data-morph="1"]:active {
      clip-path:var(--m3e-shape-to)
    }
    
    .atom-pressable:active {
      transform: scale(var(--p-press-scale, 1))
    }
  
    .chat-composer {
      display:flex;
      flex-direction:column;
      gap:var(--space-2);
      width:100%;
      position:relative;
      box-sizing:border-box;
      padding:var(--space-2);
      border:var(--field-border, 1px solid var(--border));
      border-radius:var(--field-radius, var(--radius));
      background:var(--field-bg, var(--card));
      transition:box-shadow var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing),background-color 150ms ease
    }
    
    .chat-composer:focus-within {
      box-shadow:var(--state-focus-ring);
      border-color:var(--state-focus-ring-color, var(--ring))
    }
    
    .chat-composer.cc-internal-active {
      border-color:var(--warning, var(--destructive, #b45309));
      background:color-mix(in oklch, var(--warning, var(--destructive, #b45309)) 6%, var(--field-bg, var(--card)))
    }
    .cc-strip { display:flex }
    .cc-row { display:flex; align-items:flex-end; gap:var(--space-2) }
    
    
    
    .cc-rich { white-space:pre-wrap; overflow-wrap:anywhere; outline:none;
      min-height:1.5em; max-height:40vh; overflow-y:auto; cursor:text }
    .cc-rich:empty::before { content:attr(data-cc-ph); color:var(--muted-foreground);
      opacity:0.7; pointer-events:none }
    
    .cc-mk { font-size:0; opacity:0; transition:opacity 90ms ease }
    .cc-mk-on { font-size:inherit; opacity:0.35 }
    .cc-x-b { font-weight:700 }
    .cc-x-i { font-style:italic }
    .cc-x-s { text-decoration:line-through }
    .cc-x-code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
      background:var(--muted); border-radius:3px; padding:0 3px }
    .cc-fmt { display:flex; align-items:center; gap:2px; margin:0.15rem 0 0 0;
      opacity:0.55; transition:opacity 160ms ease }
    .chat-composer:focus-within .cc-fmt, .cc-fmt:hover { opacity:1 }
    .cc-fmt-btn { display:inline-flex; align-items:center; justify-content:center;
      width:26px; height:26px; padding:0; border:none; border-radius:var(--radius);
      background:transparent; color:var(--muted-foreground); cursor:pointer;
      transition:background-color 120ms ease, color 120ms ease }
    .cc-fmt-btn:hover { background:var(--muted); color:var(--foreground) }
    .cc-fmt-btn:active { background:var(--accent) }
    .cc-fmt-btn:focus-visible { outline:none; box-shadow:var(--state-focus-ring) }
    .cc-fmt-sep { width:1px; height:16px; margin:0 6px; background:var(--border);
      flex:0 0 auto }
    .cc-left { display:flex; align-items:center; gap:var(--space-1); flex:0 0 auto }
    .cc-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:36px;
      height:36px;
      padding:0;
      border:1px solid var(--border);
      border-radius:var(--radius);
      background:transparent;
      color:var(--muted-foreground);
      cursor:pointer;
      transition:background-color 120ms ease,color 120ms ease,border-color 120ms ease
    }
    .cc-btn:hover { background:color-mix(in oklch,var(--accent) 12%,transparent); color:var(--foreground) }
    .cc-btn:active { background:color-mix(in oklch,var(--primary) 16%,transparent) }
    
    .cc-btn:focus-visible { outline:none; border-color:var(--state-focus-ring-color, var(--ring)); box-shadow:var(--state-focus-ring) }
    
    .cc-internal-btn .cc-icon-lock { display:none }
    .chat-composer.cc-internal-active .cc-internal-btn {
      color:var(--warning, var(--destructive, #b45309));
      border-color:var(--warning, var(--destructive, #b45309));
      background:color-mix(in oklch, var(--warning, var(--destructive, #b45309)) 12%, transparent)
    }
    .chat-composer.cc-internal-active .cc-internal-btn .cc-icon-unlock { display:none }
    .chat-composer.cc-internal-active .cc-internal-btn .cc-icon-lock { display:inline-flex }
    .cc-editor {
      flex:1 1 auto;
      min-width:0;
      box-sizing:border-box;
      min-height:36px;
      max-height:var(--composer-max-h, 12rem);
      padding:6px var(--space-3);
      margin:0;
      border:none;
      background:transparent;
      color:var(--foreground);
      font-family:inherit;
      font-size:var(--small-font-size);
      line-height:1.5;
      resize:none;
      outline:none;
      overflow-y:hidden;
      transition:height 120ms ease
    }
    
    .cc-editor::placeholder { color:var(--muted-foreground); opacity:0.7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
    .cc-send {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:36px;
      height:36px;
      padding:0;
      flex:0 0 auto;
      border:none;
      border-radius:var(--radius);
      background:var(--primary);
      color:var(--primary-foreground);
      cursor:pointer;
      transition:background-color 120ms ease,opacity 120ms ease
    }
    .cc-send:not(:disabled):hover { background:color-mix(in oklch,var(--primary) 88%,black) }
    .cc-send:focus-visible { outline:none; box-shadow:var(--state-focus-ring) }
    .cc-send:disabled { opacity:var(--state-disabled-opacity, 0.5); cursor:var(--state-disabled-cursor, not-allowed) }
    
    .cc-mentions {
      position:absolute;
      z-index:30;
      left:var(--space-2);
      bottom:calc(100% + var(--space-1));
      min-width:220px;
      max-width:min(360px, 92%);
      max-height:15rem;
      overflow-y:auto;
      padding:var(--space-1);
      background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow-md, 0 8px 24px rgba(0,0,0,.18))
    }
    .cc-mentions[hidden] { display:none }
    .cc-men-item {
      display:flex;
      flex-direction:column;
      gap:1px;
      padding:var(--space-1) var(--space-2);
      border-radius:var(--radius);
      cursor:pointer
    }
    .cc-men-item:hover,
    .cc-men-item.cc-men-active { background:color-mix(in oklch, var(--accent) 14%, transparent) }
    .cc-men-label { color:var(--foreground); font-size:var(--small-font-size); line-height:1.3 }
    .cc-men-detail { color:var(--muted-foreground); font-size:calc(var(--small-font-size) * 0.85); line-height:1.2 }
  
    .checkbox {
      display:flex;
      align-items:center;
      gap:var(--space-2);
      cursor:pointer;
      position:relative;
      font-size:var(--small-font-size);
      color:var(--foreground)
    }
    .checkbox > input {
      position:absolute;
      opacity:0;
      width:0;
      height:0;
      pointer-events:none
    }
    .checkbox-box {
      width:var(--checkbox-size, 18px);
      height:var(--checkbox-size, 18px);
      border:var(--checkbox-border, 2px solid var(--border));
      border-radius:var(--checkbox-radius, 2px);
      background:var(--checkbox-off-bg, transparent);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex-shrink:0;
      transition:background var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing);
      position:relative
    }
    .checkbox-box::after {
      content:'';
      width:10px;
      height:6px;
      border:solid var(--checkbox-check-color, var(--primary-foreground));
      border-width:0 0 2px 2px;
      transform:rotate(-45deg) scale(0) translate(1px, -1px);
      transform-origin:center;
      transition:transform 150ms var(--transition-easing);
      margin-top:-2px
    }
    .checkbox > input:checked + .checkbox-box {
      background:var(--checkbox-on-bg, var(--primary));
      border-color:var(--checkbox-on-border, var(--primary))
    }
    .checkbox > input:checked + .checkbox-box::after {
      transform:rotate(-45deg) scale(1) translate(1px, -1px)
    }
    
    .checkbox > input:focus-visible + .checkbox-box {
      box-shadow:var(--state-focus-ring)
    }
    
    .checkbox > input[aria-invalid="true"] + .checkbox-box {
      border-color:var(--state-invalid-border-color)
    }
    
    .checkbox > input:disabled + .checkbox-box, .checkbox > input[aria-disabled="true"] + .checkbox-box {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor)
    }
    
    .checkbox > input[aria-busy="true"] + .checkbox-box {
      cursor:var(--state-busy-cursor)
    }
  
    .cs-toggle {
      display:inline-flex;
      gap:0;
      padding:var(--space-1);
      background:var(--color-surface-muted);
      border:1px solid var(--color-border-subtle);
      border-radius:var(--radius-md);
      font-size:var(--font-size-label-small, 0.75rem)
    }
    .cs-toggle button {
      appearance:none;
      background:transparent;
      border:0;
      padding:var(--space-1) var(--space-3);
      color:var(--color-text-secondary);
      cursor:pointer;
      border-radius:var(--radius-sm);
      font:inherit;
      line-height:1
    }
    .cs-toggle button:hover {
      color:var(--color-text-primary);
      font-weight:600
    }
    .cs-toggle button[aria-pressed=true] {
      background:var(--color-surface-canvas);
      color:var(--color-text-primary);
      box-shadow:var(--shadow-sm)
    }
  
    .data-view-edit-cell {
      display:inline-block;
      box-sizing:border-box;
      min-width:60px;
      max-width:100%;
      padding:2px 6px;
      margin:-2px -6px;
      border-radius:var(--radius);
      cursor:text;
      transition:background 100ms ease;
      outline:1px dashed transparent;
      outline-offset:2px;
      vertical-align:top;
      
      white-space:normal;
      overflow-wrap:anywhere
    }
    .data-view-edit-cell:hover {
      background:color-mix(in oklch, var(--primary) 6%, transparent);
      outline-color:color-mix(in oklch, var(--primary) 25%, transparent)
    }
    .data-view-edit-cell.data-view-saving {
      background:color-mix(in oklch, var(--primary) 12%, transparent)
    }
    .data-view-edit-cell.data-view-editing {
      padding:0;
      margin:0;
      outline:none;
      
      overflow:visible;
      white-space:normal;
      text-overflow:clip
    }
    .data-view-edit-cell input {
      box-sizing:border-box;
      height:32px;
      width:100%;
      min-width:100px;
      padding:4px 6px;
      font-size:var(--small-font-size);
      font-family:inherit;
      color:var(--foreground);
      background:var(--card);
      border:1px solid var(--ring);
      border-radius:var(--radius);
      box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 25%, transparent);
      outline:none
    }
   .file-field { margin-bottom:var(--space-4) }.file-field-label { display:block;font-size:14px;font-weight:500;margin-bottom:var(--space-1);color:var(--foreground) }.file-field-preview { max-width:200px;max-height:150px;border-radius:var(--radius);margin-bottom:var(--space-2);object-fit:cover;border:1px solid var(--border) }.file-field-input { display:block;width:100%;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);cursor:pointer }.file-field-input:hover { border-color:var(--primary);outline:1px solid var(--primary);outline-offset:-1px } 
    .inline-edit-field {
      position:relative;
      display:inline-flex;
      align-items:center;
      gap:var(--space-1, 4px);
      max-width:100%;
      padding:2px 6px;
      margin:-2px -6px;
      border-radius:var(--radius);
      cursor:pointer;
      vertical-align:middle;
      outline:1px solid transparent;
      outline-offset:1px;
      transition:background 120ms ease,outline-color 120ms ease,box-shadow 120ms ease
    }
    .inline-edit-field:hover {
      background:color-mix(in oklch, var(--primary) 6%, transparent);
      outline-color:color-mix(in oklch, var(--primary) 22%, transparent)
    }
    .inline-edit-field:focus-visible {
      outline:none;
      box-shadow:var(--state-focus-ring)
    }
    .inline-edit-field.inline-edit-saving {
      background:color-mix(in oklch, var(--primary) 12%, transparent)
    }
    .inline-edit-field.inline-edit-editing {
      cursor:default;
      background:transparent;
      outline-color:transparent;
      padding:0;
      margin:0
    }
    .inline-edit-display { display:inline-flex; align-items:center; min-width:0 }
    .inline-edit-pencil {
      display:inline-flex;
      align-items:center;
      color:var(--muted-foreground);
      
      opacity:0.28;
      pointer-events:none;
      transition:opacity 120ms ease
    }
    .inline-edit-field:hover .inline-edit-pencil,
    .inline-edit-field:focus-visible .inline-edit-pencil { opacity:0.75 }
    .inline-edit-field.inline-edit-editing .inline-edit-pencil { display:none }
    
    .inline-edit-field.inline-edit-editing .inline-edit-display { display:none }
    .inline-edit-input, .inline-edit-select {
      box-sizing:border-box;
      height:32px;
      min-width:120px;
      max-width:100%;
      padding:4px 8px;
      font-size:var(--small-font-size);
      font-family:inherit;
      color:var(--foreground);
      background:var(--card);
      border:1px solid var(--ring);
      border-radius:var(--radius);
      box-shadow:var(--state-focus-ring);
      outline:none
    }
    .inline-edit-select { cursor:pointer }
    
    
    .inline-edit-field.inline-edit-open {
      display:block;
      width:auto;
      min-width:0;
      padding:0;
      margin:0;
      cursor:default
    }
    .inline-edit-field.inline-edit-open:hover {
      background:transparent;
      outline-color:transparent
    }
    .inline-edit-open-select {
      
      width:auto;
      max-width:100%;
      
      height:var(--control-height, 36px);
      min-width:0;
      appearance:none;
      -webkit-appearance:none;
      background-image:linear-gradient(45deg,transparent 50%,var(--muted-foreground) 50%),linear-gradient(135deg,var(--muted-foreground) 50%,transparent 50%);
      background-position:calc(100% - 18px) center,calc(100% - 13px) center;
      background-size:5px 5px,5px 5px;
      background-repeat:no-repeat;
      padding-right:32px
    }
    .inline-edit-open-select option {
      background:var(--color-surface-overlay);
      color:var(--foreground)
    }
    
    
    .field-listbox.inline-edit-open-listbox { margin-bottom:0; min-width:0 }
    .inline-edit-tags {
      box-sizing:border-box;
      display:inline-flex;
      flex-wrap:wrap;
      align-items:center;
      gap:4px;
      min-width:160px;
      max-width:100%;
      padding:4px 6px;
      background:var(--card);
      border:1px solid var(--ring);
      border-radius:var(--radius);
      box-shadow:var(--state-focus-ring)
    }
    .inline-edit-chip {
      display:inline-flex;
      align-items:center;
      gap:2px;
      padding:1px 4px 1px 8px;
      font-size:var(--small-font-size);
      line-height:1.6;
      color:var(--foreground);
      background:color-mix(in oklch, var(--primary) 12%, transparent);
      border-radius:999px
    }
    .inline-edit-chip-x {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:16px;
      height:16px;
      padding:0;
      border:none;
      background:transparent;
      color:var(--muted-foreground);
      cursor:pointer;
      border-radius:999px;
      font-size:14px;
      line-height:1
    }
    .inline-edit-chip-x:hover {
      color:var(--foreground);
      background:color-mix(in oklch, var(--foreground) 10%, transparent)
    }
    .inline-edit-tag-input {
      flex:1 1 60px;
      min-width:60px;
      border:none;
      outline:none;
      background:transparent;
      font-size:var(--small-font-size);
      font-family:inherit;
      color:var(--foreground)
    }
  
    .radio-group {
      display:var(--radio-group-display, flex);
      flex-direction:column;
      gap:var(--radio-group-gap, var(--space-2));
      margin-left:var(--radio-group-shift, 0)
    }
    .radio-item {
      display:flex;
      align-items:center;
      gap:var(--radio-item-gap, var(--space-2));
      cursor:pointer
    }
    .radio-circle {
      width:var(--radio-size, 18px);
      height:var(--radio-size, 18px);
      aspect-ratio:1/1;
      border-radius:var(--radius-full);
      border:var(--radio-border-off, 2px solid var(--input));
      flex-shrink:0;
      display:flex;
      align-items:center;
      justify-content:center;
      transition:border-color var(--transition-duration) var(--transition-easing),background var(--transition-duration) var(--transition-easing)
    }
    .radio-item input {
      display:none
    }
    .radio-item input:checked + .radio-circle {
      border-color:var(--radio-border-on-color, var(--primary))
    }
    .radio-item input:checked + .radio-circle::after {
      content:'';
      width:var(--radio-dot-size, 10px);
      height:var(--radio-dot-size, 10px);
      border-radius:var(--radius-full);
      background:var(--radio-dot-color, var(--primary))
    }
    
    .radio-item input:focus-visible + .radio-circle {
      box-shadow:var(--state-focus-ring)
    }
    
    .radio-item input[aria-invalid="true"] + .radio-circle {
      border-color:var(--state-invalid-border-color)
    }
    
    .radio-item input:disabled + .radio-circle, .radio-item input[aria-disabled="true"] + .radio-circle {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor)
    }
    
    .radio-item input[aria-busy="true"] + .radio-circle {
      cursor:var(--state-busy-cursor)
    }
    .radio-label {
      font-size:var(--radio-label-size, var(--small-font-size));
      font-weight:var(--radio-label-weight, 400);
      line-height:var(--radio-label-leading, 1.5);
      color:var(--radio-label-color, var(--foreground))
    }
  
    .data-view-readonly { position:relative }
    .data-view-readonly:hover::after {
      content:'\1F512';
      position:absolute;
      right:-18px;
      top:50%;
      transform:translateY(-50%);
      font-size:0.8em;
      opacity:0.45
    }
  
    .rich-composer { display:flex;flex-direction:column;gap:var(--space-1);width:100% }
    .rich-composer-label { display:block;font-size:14px;font-weight:500;color:var(--foreground) }
    .rich-composer-toolbar {
      display:flex;
      flex-wrap:wrap;
      gap:2px;
      align-items:center;
      padding:var(--space-1);
      border:var(--field-border, 1px solid var(--border));
      border-bottom:none;
      border-radius:var(--field-radius, var(--radius)) var(--field-radius, var(--radius)) 0 0;
      background:var(--field-bg, var(--card))
    }
    .rc-tb-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:28px;
      height:28px;
      padding:0;
      border:none;
      border-radius:var(--radius);
      background:transparent;
      color:var(--muted-foreground);
      cursor:pointer;
      transition:background-color 100ms ease,color 100ms ease
    }
    .rc-tb-btn:hover { background:color-mix(in oklch,var(--accent) 12%,transparent);color:var(--foreground) }
    .rc-tb-btn:active { background:color-mix(in oklch,var(--primary) 16%,transparent) }
    .rc-tb-btn:focus-visible { outline:none;box-shadow:var(--state-focus-ring) }
    .rich-composer-editor {
      width:100%;
      min-height:5rem;
      max-height:24rem;
      padding:var(--field-padding, var(--space-2) var(--space-3));
      border:var(--field-border, 1px solid var(--border));
      border-radius:0 0 var(--field-radius, var(--radius)) var(--field-radius, var(--radius));
      background:var(--field-bg, var(--card));
      color:var(--foreground);
      font-size:var(--small-font-size);
      line-height:1.5;
      overflow-y:auto;
      outline:none;
      transition:box-shadow var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing)
    }
    
    .rich-composer-editor:focus { border-color:var(--state-focus-ring-color, var(--ring));box-shadow:var(--state-focus-ring) }
    .rich-composer-editor:empty:not(:focus)::before {
      content:attr(data-placeholder);
      color:var(--muted-foreground);
      opacity:0.7;
      pointer-events:none
    }
    .rich-composer-editor p { margin:0 0 var(--space-2) }
    .rich-composer-editor ul, .rich-composer-editor ol { margin:var(--space-1) 0;padding-left:1.5rem }
    .rich-composer-editor a { color:var(--primary);text-decoration:underline }
  
    .segmented {
      display:inline-flex;
      gap:2px;
      padding:2px;
      border:1px solid var(--border);
      border-radius:var(--radius);
      background:var(--muted)
    }
    .segmented button {
      padding:var(--space-1) var(--space-3);
      font-size:var(--small-font-size);
      border:none;
      background:transparent;
      color:var(--muted-foreground);
      border-radius:calc(var(--radius) - 2px);
      cursor:pointer;
      transition:background var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing)
    }
    .segmented button:hover {
      color:var(--foreground);
      font-weight:600
    }
    
    .segmented button:focus-visible {
      outline:none;
      box-shadow:var(--state-focus-ring)
    }
    .segmented button[data-active="1"] {
      background:var(--card);
      color:var(--foreground);
      box-shadow:var(--shadow-sm)
    }
    
    .segmented button:disabled, .segmented button[aria-disabled="true"] {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor);
      pointer-events:none
    }
   .slider { width:100% }.slider-label { display:flex;justify-content:space-between;margin-bottom:var(--space-1);font-size:var(--small-font-size);color:var(--muted-foreground) }
    .slider input[type=range] {
      width:100%;
      height:var(--slider-track-height, 4px);
      appearance:none;
      background:var(--slider-inactive-track, var(--surface-container-highest, var(--muted)));
      border-radius:var(--radius-full);
      outline:none;
      cursor:pointer
    }
    .slider input[type=range]::-webkit-slider-thumb {
      appearance:none;
      width:var(--slider-handle-size, 20px);
      height:var(--slider-handle-size, 20px);
      border-radius:var(--radius-full);
      background:var(--slider-handle-color, var(--primary));
      cursor:pointer;
      border:none;
      box-shadow:0 1px 2px 0 rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15)
    }
    .slider input[type=range]::-moz-range-thumb {
      width:var(--slider-handle-size, 20px);
      height:var(--slider-handle-size, 20px);
      border-radius:var(--radius-full);
      background:var(--slider-handle-color, var(--primary));
      cursor:pointer;
      border:none;
      box-shadow:0 1px 2px 0 rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15)
    }
    .slider input[type=range]:hover::-webkit-slider-thumb {
      box-shadow:0 0 0 var(--slider-state-layer-radius, 10px) color-mix(in oklch, var(--primary) 8%, transparent),
                 0 1px 2px 0 rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15)
    }
    .slider input[type=range]:focus::-webkit-slider-thumb {
      box-shadow:0 0 0 var(--slider-state-layer-radius, 10px) color-mix(in oklch, var(--primary) 12%, transparent),
                 0 1px 2px 0 rgba(0,0,0,0.30), 0 1px 3px 1px rgba(0,0,0,0.15)
    }
    
    .slider input[type=range]:focus-visible {
      box-shadow:var(--state-focus-ring)
    }
    
    .slider input[type=range]:disabled, .slider input[type=range][aria-disabled="true"] {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor);
      pointer-events:none
    }
  
    .switch {
      display:flex;
      align-items:center;
      gap:var(--space-3);
      cursor:pointer
    }
    .switch-track {
      position:relative;
      width:var(--switch-track-w, 36px);
      height:var(--switch-track-h, 20px);
      border-radius:var(--radius-full);
      background:var(--switch-track-off-bg, var(--muted));
      border:var(--switch-track-border, 1px solid var(--border));
      transition:background var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing)
    }
    .switch-thumb {
      position:absolute;
      top:var(--switch-thumb-off-top, 2px);
      left:var(--switch-thumb-off-left, 2px);
      width:var(--switch-thumb-w, 14px);
      height:var(--switch-thumb-h, 14px);
      border-radius:var(--radius-full);
      background:var(--switch-thumb-off-bg, var(--foreground));
      transition:transform var(--transition-duration) var(--transition-easing),background var(--transition-duration) var(--transition-easing),width var(--transition-duration) var(--transition-easing),height var(--transition-duration) var(--transition-easing),top var(--transition-duration) var(--transition-easing),left var(--transition-duration) var(--transition-easing)
    }
    .switch input {
      display:none
    }
    .switch input:checked + .switch-track {
      background:var(--switch-track-on-bg, var(--primary));
      border-color:var(--switch-track-on-border, var(--primary))
    }
    .switch:has(:checked) .switch-thumb {
      transform:translateX(var(--switch-thumb-on-shift, 16px));
      background:var(--switch-thumb-on-bg, var(--primary-foreground));
      width:var(--switch-thumb-on-w, var(--switch-thumb-w, 14px));
      height:var(--switch-thumb-on-h, var(--switch-thumb-h, 14px));
      top:var(--switch-thumb-on-top, var(--switch-thumb-off-top, 2px));
      left:var(--switch-thumb-on-left, var(--switch-thumb-off-left, 2px))
    }
    
    .switch input:focus-visible + .switch-track {
      box-shadow:var(--state-focus-ring)
    }
    
    .switch input[aria-invalid="true"] + .switch-track {
      border-color:var(--state-invalid-border-color)
    }
    
    .switch input:disabled + .switch-track, .switch input[aria-disabled="true"] + .switch-track {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor)
    }
    
    .switch input[aria-busy="true"] + .switch-track {
      cursor:var(--state-busy-cursor)
    }
    .switch-label {
      font-size:var(--small-font-size);
      color:var(--foreground)
    }
  
    
    .text-area-input {
      width:100%;
      font-size:var(--small-font-size);
      padding:var(--field-padding, var(--space-2) var(--space-3));
      border:var(--field-border, 1px solid var(--border));
      border-bottom:var(--field-border-bottom, var(--field-border, 1px solid var(--border)));
      border-radius:var(--field-radius, var(--radius));
      background:var(--field-bg, var(--card));
      color:var(--foreground);
      transition:background-color 120ms ease,border-color var(--transition-duration) var(--transition-easing),box-shadow var(--transition-duration) var(--transition-easing)
    }
    .text-area-input::placeholder {
      color:var(--muted-foreground);
      opacity:0.7
    }
    .text-area-input:hover:not(:focus):not(:disabled) {
      background:var(--field-hover-bg, color-mix(in oklch,var(--accent) 8%,var(--card)));
      border-color:color-mix(in oklch,var(--border) 60%,var(--foreground) 20%);
      
      outline:1px solid var(--border);outline-offset:-1px
    }
    
    .text-area-input:focus-visible {
      outline:none;
      border-color:var(--state-focus-ring-color, var(--ring));
      box-shadow:var(--state-focus-ring)
    }
    .text-area-input:focus {
      outline:none;
      border-color:var(--state-focus-ring-color, var(--ring));
      box-shadow:var(--state-focus-ring)
    }
    
    .text-area-input[aria-invalid="true"], .text-area-input:user-invalid {
      border-color:var(--state-invalid-border-color);
      box-shadow:var(--state-invalid-ring)
    }
    
    .text-area-input:disabled, .text-area-input[aria-disabled="true"] {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor);
      pointer-events:none
    }
    
    .text-area-input:read-only:not(:disabled), .text-area-input[data-readonly] {
      background:var(--state-readonly-bg);
      opacity:var(--state-readonly-opacity);
      cursor:default
    }
    .field-float > .text-area-input {
      padding:22px 12px 8px
    }
    
    .field-float:has(> .text-area-input) > .field-label {
      top:calc(22px + var(--field-band));
      transform:none
    }
    
    .field-float > .text-area-input:focus ~ .field-label,.field-float > .text-area-input:not(:placeholder-shown) ~ .field-label {
      top:var(--field-band);
      transform:translateY(-50%) scale(0.85);
      background:var(--field-bg, var(--card))
    }
    .field-float > .text-area-input:focus ~ .field-label {
      color:var(--primary)
    }
    
    .field-float > .text-area-input:placeholder-shown:not(:focus)::placeholder { color:transparent }

    
    .text-area-input-term {
      background:#0b0b0c;
      color:#d8d8dc;
      border:0;
      border-radius:0;
      font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
      font-size:12.5px;
      line-height:1.45;
      
      resize:vertical;
      
      padding:8px 10px;
    }
    
    .text-area-input-term::placeholder { color:#6e6e77; opacity:1 }
    
    .text-area-input-term:hover:not(:focus):not(:disabled) {
      background:#0b0b0c;
      border:0;
      outline:none
    }
    
    .text-area-input-term:focus, .text-area-input-term:focus-visible {
      outline:none;
      border:0;
      box-shadow:inset 2px 0 0 var(--primary, #6366f1)
    }
  
    
    .text-field-input {
      width:100%;
      height:var(--field-height, var(--form-control-height,40px));
      box-sizing:border-box;
      font-size:var(--small-font-size);
      padding:var(--field-padding, 0 var(--space-3));
      
      border:var(--field-border, var(--field-role-border, 1px solid var(--input)));
      border-bottom:var(--field-border-bottom, var(--field-border, var(--field-role-border, 1px solid var(--input))));
      border-radius:var(--field-radius, var(--radius));
      background:var(--field-bg, var(--card));
      color:var(--foreground);
      
      box-shadow:var(--field-shadow, var(--field-role-shadow, none));
      transition:background 120ms ease,box-shadow 120ms ease,border-color 120ms ease
    }
    .text-field-input::placeholder {
      color:var(--muted-foreground);
      opacity:0.7
    }
    
    
    .text-field-input-bare {
      width:100%;
      height:auto;
      display:block;
      border:0;
      background:transparent;
      outline:none;
      padding:0;
      margin:0;
      color:var(--foreground);
      font:inherit;
      line-height:1.5
    }
    .text-field-input-bare::placeholder {
      color:var(--muted-foreground);
      opacity:0.7
    }
    .text-field-input:hover:not(:focus):not(:disabled) {
      background:var(--field-hover-bg, color-mix(in oklch,var(--accent) 8%,var(--card)));
      border-color:color-mix(in oklch,var(--border) 60%,var(--foreground) 20%);
      
      outline:1px solid var(--border);outline-offset:-1px
    }
    
    .text-field-input:focus-visible {
      outline:none;
      border-color:var(--state-focus-ring-color, var(--ring));
      box-shadow:var(--state-focus-ring)
    }
    
    .text-field-input:focus {
      outline:none;
      border-color:var(--state-focus-ring-color, var(--ring));
      box-shadow:var(--state-focus-ring)
    }
    
    .text-field-input[aria-invalid="true"], .text-field-input:user-invalid {
      border-color:var(--state-invalid-border-color);
      box-shadow:var(--state-invalid-ring)
    }
    
    .text-field-input:disabled, .text-field-input[aria-disabled="true"] {
      opacity:var(--state-disabled-opacity);
      cursor:var(--state-disabled-cursor);
      pointer-events:none
    }
    
    .text-field-input:read-only:not(:disabled), .text-field-input[data-readonly] {
      background:var(--state-readonly-bg);
      opacity:var(--state-readonly-opacity);
      cursor:default
    }
    
    .text-field-input[aria-busy="true"] {
      cursor:var(--state-busy-cursor);
      opacity:var(--state-busy-opacity)
    }
    .atom-busy-spinner {
      position:absolute; inset:0; margin:auto;
      width:1em; height:1em; border-radius:50%;
      border:2px solid color-mix(in oklch, var(--state-busy-spinner) 30%, transparent);
      border-top-color:var(--state-busy-spinner);
      animation:atom-spin .6s linear infinite;
      pointer-events:none
    }
    @keyframes atom-spin { to { transform:rotate(360deg) } }
    @media (prefers-reduced-motion) { .atom-busy-spinner { animation:none } }
    
    .field-float, .field-float-outlined {
      --field-band:var(--field-float-band, calc(var(--small-font-size, 0.875rem) * 0.5))
    }
    .field-float {
      position:relative;
      display:block;
      padding-top:var(--field-band);
      margin-bottom:max(0px, calc(var(--space-4) - var(--field-band)))
    }
    .field-float > .field-label {
      position:absolute;
      top:calc(50% + var(--field-band) / 2);
      transform:translateY(-50%);
      left:calc(var(--space-3) - 2px);
      font-size:var(--small-font-size);
      color:var(--muted-foreground);
      pointer-events:none;
      transition:transform 120ms ease,color 120ms ease,font-size 120ms ease;
      transform-origin:top left;
      background:transparent;
      padding:0 6px;
      line-height:1
    }
    
    .field-float > input:focus ~ .field-label,.field-float > input:not(:placeholder-shown) ~ .field-label {
      top:var(--field-band);
      transform:translateY(-50%) scale(0.85);
      background:var(--field-bg, var(--card));
      color:var(--muted-foreground)
    }
    .field-float > input:focus ~ .field-label {
      color:var(--ring)
    }
    
    .field-float > input:placeholder-shown:not(:focus)::placeholder { color:transparent }
    .field-float:has(> input[required]) > .field-label::after,.field-float:has(> textarea[required]) > .field-label::after {
      content:' *';
      color:var(--destructive);
      font-weight:600
    }
    .field-float-outlined {
      position:relative;
      display:block;
      padding-top:var(--field-band);
      margin-bottom:max(0px, calc(var(--space-4) - var(--field-band)))
    }
    .field-float-outlined > input {
      width:100%;
      height:var(--field-outlined-height, 56px);
      box-sizing:border-box;
      font-size:var(--small-font-size);
      padding:0 var(--space-4);
      border:var(--field-outlined-border, 1px solid var(--on-surface-variant, var(--border)));
      border-radius:var(--field-outlined-radius, 4px);
      background:transparent;
      color:var(--foreground);
      
      box-shadow:var(--field-outlined-shadow, var(--field-role-shadow, none));
      transition:border-color 120ms ease,box-shadow 120ms ease
    }
    .field-float-outlined > input:hover:not(:focus):not(:disabled) {
      border-color:var(--field-outlined-hover-border, var(--on-surface, var(--foreground)))
    }
    
    .field-float-outlined > input:focus {
      outline:none;
      border-color:var(--field-outlined-focus-border-color, var(--primary));
      box-shadow:var(--field-outlined-focus-shadow, inset 0 0 0 1px var(--field-outlined-focus-border-color, var(--primary)))
    }
    .field-float-outlined > input::placeholder { color:var(--muted-foreground); opacity:0.7 }
    
    .field-float-outlined > input:placeholder-shown:not(:focus)::placeholder { color:transparent }
    .field-float-outlined > .field-label {
      position:absolute;
      top:calc(50% + var(--field-band) / 2);
      transform:translateY(-50%);
      left:calc(var(--space-3) - 2px);
      font-size:var(--small-font-size);
      color:var(--on-surface-variant, var(--muted-foreground));
      pointer-events:none;
      transition:transform 120ms ease,color 120ms ease,font-size 120ms ease,padding 120ms ease;
      transform-origin:top left;
      background:transparent;
      padding:0 4px;
      line-height:1
    }
    
    .field-float-outlined > input:focus ~ .field-label,.field-float-outlined > input:not(:placeholder-shown) ~ .field-label {
      top:var(--field-band);
      transform:translateY(-50%) scale(0.75);
      background:var(--field-outlined-label-bg, var(--background));
      color:var(--on-surface-variant, var(--muted-foreground))
    }
    .field-float-outlined > input:focus ~ .field-label { color:var(--primary) }
    
    .field-chrome {
      position:relative;
      display:block;
      margin-bottom:var(--space-4)
    }
    
    .field-chrome.field-static > .field-static-label {
      display:block;
      font-size:var(--small-font-size);
      font-weight:var(--medium-weight, 500);
      color:var(--foreground);
      line-height:1.4;
      margin-bottom:var(--space-2)
    }
    .field-chrome.field-static:has(> input[required]) > .field-static-label::after,
    .field-chrome.field-static:has(> textarea[required]) > .field-static-label::after,
    .field-chrome.field-static:has(> select[required]) > .field-static-label::after {
      content:' *';
      color:var(--destructive);
      font-weight:600
    }
  
    .d-hover-reveal-zone {
      display: inline-flex;
      align-items: center;
      gap: var(--space-2);
    }
    .d-hover-reveal-zone .d-hover-reveal {
      opacity: 0;
      transition: opacity 120ms var(--transition-easing);
    }
    .d-hover-reveal-zone:hover .d-hover-reveal,
    .d-hover-reveal-zone:focus-within .d-hover-reveal {
      opacity: 1;
    }
  
    .atom-img-cover { width:100%; height:100%; object-fit:cover }
   }
@layer structure { 
    
    .d-modal [class*='atom-'] { box-sizing:border-box }

    
    .d-sidebar .atom-box:has(.d-media) { padding-inline:0 }
    
    body.datum-dlg-dragging { cursor:move !important }
    body.datum-dlg-dragging * { cursor:move !important;-webkit-user-select:none !important;user-select:none !important }
    
    
    body { min-height:100dvh;display:flex;flex-direction:column;overflow-wrap:break-word }

    
    button { overflow-wrap:normal }
    [role="button"], [role="tab"], [role="menuitem"], [role="option"] {
      overflow-wrap:normal
    }

    
    .d-col { display:flex;flex-direction:column;align-items:stretch;gap:var(--d-gap, 0) }
    
    .d-col.ai-start > * { max-width:100% }
    .d-col.ai-center > * { max-width:100% }
    .d-col.ai-end > * { max-width:100% }
    .d-row { display:flex;flex-direction:row;align-items:stretch;gap:var(--d-gap, 0) }
    .d-wrap { display:flex;flex-wrap:wrap;gap:var(--d-gap, 0) }
    
    .d-grid { display:grid;gap:var(--d-gap, 0);grid-template-columns:repeat(var(--d-cols, 1), 1fr) }
    .d-grid[data-rows] { grid-template-rows:repeat(var(--d-rows, 1), 1fr) }
    
    .d-grid-tpl { display:grid;gap:var(--d-tpl-gap, 0);padding:var(--d-tpl-pad, 0);grid-template-columns:var(--d-tpl);min-width:max-content }
    
    .d-auto-grid { display:grid;gap:var(--d-ag-gap, 0);padding:var(--d-ag-pad, 0);grid-template-columns:repeat(auto-fill, minmax(min(var(--d-ag-min, 280px), 100%), var(--d-ag-max, 1fr))) }

    
    .d-fixed { position:fixed;z-index:var(--d-fixed-z, 50) }
    

    .d-fixed[data-anchor=top]    { top:calc(var(--d-safe-t, 0px) + var(--d-fixed-gap, 0px));left:var(--d-fixed-gap, 0);right:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=bottom] { bottom:calc(var(--d-safe-b, 0px) + var(--d-fixed-gap, 0px));left:var(--d-fixed-gap, 0);right:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=left]   { left:var(--d-fixed-gap, 0);top:var(--d-fixed-gap, 0);bottom:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=right]  { right:var(--d-fixed-gap, 0);top:var(--d-fixed-gap, 0);bottom:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=tl]     { top:calc(var(--d-safe-t, 0px) + var(--d-fixed-gap, 0px));left:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=tr]     { top:calc(var(--d-safe-t, 0px) + var(--d-fixed-gap, 0px));right:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=bl]     { bottom:calc(var(--d-safe-b, 0px) + var(--d-fixed-gap, 0px));left:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=br]     { bottom:var(--d-fixed-gap, 0);right:var(--d-fixed-gap, 0) }
    .d-fixed[data-anchor=tc]     { top:var(--d-fixed-gap, 0);left:50%;transform:translateX(-50%) }
    .d-fixed[data-anchor=bc]     { bottom:var(--d-fixed-gap, 0);left:50%;transform:translateX(-50%) }
    .d-fixed[data-anchor=cl]     { left:var(--d-fixed-gap, 0);top:50%;transform:translateY(-50%) }
    .d-fixed[data-anchor=cr]     { right:var(--d-fixed-gap, 0);top:50%;transform:translateY(-50%) }
    .d-fixed[data-anchor=c]      { top:50%;left:50%;transform:translate(-50%, -50%) }

    
    
    #datum-overlays { position:fixed;inset:var(--d-safe-t,0px) var(--d-safe-r,0px) var(--d-safe-b,0px) var(--d-safe-l,0px);pointer-events:none;z-index:var(--z-toast, 70) }
    .d-toast-viewport { position:absolute;display:flex;flex-direction:column;gap:.5rem;max-width:min(92vw, 380px);pointer-events:none }
    .d-toast-viewport[data-anchor=tr] { top:1rem;right:1rem }
    
    .d-toast-viewport[data-anchor=br] { bottom:calc(1rem + env(safe-area-inset-bottom, 0px) + var(--datum-toast-bottom-inset, 0px));right:1rem }
    .d-toast {
      pointer-events:auto;display:flex;gap:.5rem;align-items:flex-start;
      padding:var(--notification-role-inset, .75rem 1rem);
      border:var(--notification-role-border, var(--overlay-role-border, 1px solid var(--border)));
      border-radius:var(--notification-role-radius, var(--radius));
      box-shadow:var(--notification-role-shadow, var(--overlay-role-shadow));
      
      background-color:var(--color-surface-overlay);
      background-image:linear-gradient(var(--_toast-bg),var(--_toast-bg));
      color:var(--_toast-fg);
      transform:translateX(110%);opacity:0;
      transition:transform .24s var(--ease-emphasized, ease), opacity .24s
    }
    .d-toast.d-show { transform:none;opacity:1 }
    
    .d-toast-info    { --_toast-bg:var(--color-info-subtle);    --_toast-fg:var(--color-on-info-subtle);    --_toast-accent:var(--color-info) }
    .d-toast-success { --_toast-bg:var(--color-success-subtle); --_toast-fg:var(--color-on-success-subtle); --_toast-accent:var(--color-success) }
    .d-toast-warning { --_toast-bg:var(--color-warning-subtle); --_toast-fg:var(--color-on-warning-subtle); --_toast-accent:var(--color-warning) }
    .d-toast-error   { --_toast-bg:var(--color-danger-subtle);  --_toast-fg:var(--color-on-danger-subtle);  --_toast-accent:var(--color-danger) }
    .d-toast-icon { flex:0 0 auto;color:var(--_toast-accent);margin-top:.06rem }
    .d-toast-body { flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem;font-size:.875rem;line-height:1.35 }
    .d-toast-title { font-weight:600 }
    .d-toast-msg { overflow-wrap:anywhere }
    .d-toast-close { flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:.1rem;margin:-.1rem -.15rem -.1rem 0;background:none;border:0;color:inherit;opacity:.65;cursor:pointer;border-radius:var(--radius, .25rem) }
    .d-toast-close:hover { opacity:1 }
    .d-toast-close:focus-visible { outline:2px solid var(--_toast-accent);outline-offset:1px;opacity:1 }
    @media (prefers-reduced-motion: reduce) { .d-toast { transition:opacity .12s } .d-toast:not(.d-show) { transform:none } }

    
    
    :root { --sidebar-width:var(--d-sidebar-expanded-w) }
    
    .d-app-shell {
      margin:var(--d-safe-t,0px) var(--d-safe-r,0px) var(--d-safe-b,0px) var(--d-safe-l,0px);
      
      height:calc(100dvh - var(--d-safe-t,0px) - var(--d-safe-b,0px));
      overflow:hidden;
      display:flex;
      flex-direction:row;
      
      isolation:isolate
    }
    
    
    .d-safe { padding:var(--d-safe-t,0px) var(--d-safe-r,0px) var(--d-safe-b,0px) var(--d-safe-l,0px) }
    .d-safe > * { --d-safe-t:0px;--d-safe-r:0px;--d-safe-b:0px;--d-safe-l:0px }
    
    .d-app-shell[data-imp-active="1"] { height:calc(100dvh - 32px);margin-top:32px }
    .d-app-shell[data-imp-active="1"] .nav-rail { top:32px }
    .d-app-shell[data-imp-active="1"] .main-content { height:calc(100dvh - 32px) }
    
    .d-app-shell > .d-fixed[data-anchor=bottom] { display:none }
    @media (max-width:640px) {
      .d-app-shell > .d-fixed[data-anchor=bottom] {
        display:block;
        
        padding-bottom:env(safe-area-inset-bottom, 0px);
        background:var(--color-surface-raised)
      }
      
      
      .d-app-shell > .d-fixed[data-anchor=bottom] {
        transition: transform 220ms var(--transition-easing, ease), visibility 0s 0s
      }
      .d-app-shell[data-cs-sidebar-open=true] > .d-fixed[data-anchor=bottom] {
        transform: translateY(calc(100% + env(safe-area-inset-bottom, 0px) + 8px));
        visibility: hidden;
        pointer-events: none;
        transition: transform 220ms var(--transition-easing, ease), visibility 0s 220ms
      }
    }
    
    .d-app-shell[data-nav-surface=bar] > .d-fixed[data-anchor=bottom] {
      display:block;
      padding-bottom:env(safe-area-inset-bottom, 0px);
      background:var(--color-surface-raised)
    }
    
    .d-app-shell[data-nav-surface=bar][data-cs-sidebar-open=true] > .d-fixed[data-anchor=bottom] {
      transform: translateY(calc(100% + env(safe-area-inset-bottom, 0px) + 8px));
      visibility: hidden;
      pointer-events: none;
      transition: transform 220ms var(--transition-easing, ease), visibility 0s 220ms
    }
    
    
    .d-app-shell:has(.main-content [data-shell-chrome-collapse]):not([data-cs-sidebar-reveal=true]) .d-sidebar { display:none }
    .d-app-shell:has(.main-content [data-shell-chrome-collapse]):not([data-cs-sidebar-reveal=true]) .main-content { margin-left:0 }
    .d-app-shell:has(.main-content [data-shell-chrome-collapse]):not([data-cs-sidebar-reveal=true]) > .d-fixed[data-anchor=bottom] { display:none }
    
    body:has(> .d-app-shell) { padding:0 !important }

    

    
    .d-ca { container-type:inline-size;display:block;min-width:0 }
    .d-cas { display:block;min-width:0 }
    .d-cas > .d-ca-slot { display:none }
    .d-cas > .d-ca-slot[data-ca=base] { display:contents }
    @container (min-width:641px) { .d-cas[data-cabp~=sm] > .d-ca-slot[data-ca=base] { display:none } .d-cas[data-cabp~=sm] > .d-ca-slot[data-ca=sm] { display:contents } }
    @container (min-width:769px) { .d-cas[data-cabp~=md] > .d-ca-slot[data-ca=base] { display:none } .d-cas[data-cabp~=md] > .d-ca-slot[data-ca=sm] { display:none } .d-cas[data-cabp~=md] > .d-ca-slot[data-ca=md] { display:contents } }
    @container (min-width:1025px) { .d-cas[data-cabp~=lg] > .d-ca-slot[data-ca=base] { display:none } .d-cas[data-cabp~=lg] > .d-ca-slot[data-ca=sm] { display:none } .d-cas[data-cabp~=lg] > .d-ca-slot[data-ca=md] { display:none } .d-cas[data-cabp~=lg] > .d-ca-slot[data-ca=lg] { display:contents } }
    @container (min-width:1281px) { .d-cas[data-cabp~=xl] > .d-ca-slot[data-ca=base] { display:none } .d-cas[data-cabp~=xl] > .d-ca-slot[data-ca=sm] { display:none } .d-cas[data-cabp~=xl] > .d-ca-slot[data-ca=md] { display:none } .d-cas[data-cabp~=xl] > .d-ca-slot[data-ca=lg] { display:none } .d-cas[data-cabp~=xl] > .d-ca-slot[data-ca=xl] { display:contents } }


    
    .d-r-p { --r-p: var(--r-p-base);padding: var(--r-p) }
    @container (min-width:641px) { .d-r-p { --r-p: var(--r-p-sm, var(--r-p-base)) } }
    @container (min-width:769px) { .d-r-p { --r-p: var(--r-p-md, var(--r-p-sm, var(--r-p-base))) } }
    @container (min-width:1025px) { .d-r-p { --r-p: var(--r-p-lg, var(--r-p-md, var(--r-p-sm, var(--r-p-base)))) } }
    @container (min-width:1281px) { .d-r-p { --r-p: var(--r-p-xl, var(--r-p-lg, var(--r-p-md, var(--r-p-sm, var(--r-p-base))))) } }
    .d-rv-p { --rv-p: var(--rv-p-base);padding: var(--rv-p) }
    @media (min-width:641px) { .d-rv-p { --rv-p: var(--rv-p-sm, var(--rv-p-base)) } }
    @media (min-width:769px) { .d-rv-p { --rv-p: var(--rv-p-md, var(--rv-p-sm, var(--rv-p-base))) } }
    @media (min-width:1025px) { .d-rv-p { --rv-p: var(--rv-p-lg, var(--rv-p-md, var(--rv-p-sm, var(--rv-p-base)))) } }
    @media (min-width:1281px) { .d-rv-p { --rv-p: var(--rv-p-xl, var(--rv-p-lg, var(--rv-p-md, var(--rv-p-sm, var(--rv-p-base))))) } }
    .d-r-pi { --r-pi: var(--r-pi-base);padding-inline: var(--r-pi) }
    @container (min-width:641px) { .d-r-pi { --r-pi: var(--r-pi-sm, var(--r-pi-base)) } }
    @container (min-width:769px) { .d-r-pi { --r-pi: var(--r-pi-md, var(--r-pi-sm, var(--r-pi-base))) } }
    @container (min-width:1025px) { .d-r-pi { --r-pi: var(--r-pi-lg, var(--r-pi-md, var(--r-pi-sm, var(--r-pi-base)))) } }
    @container (min-width:1281px) { .d-r-pi { --r-pi: var(--r-pi-xl, var(--r-pi-lg, var(--r-pi-md, var(--r-pi-sm, var(--r-pi-base))))) } }
    .d-rv-pi { --rv-pi: var(--rv-pi-base);padding-inline: var(--rv-pi) }
    @media (min-width:641px) { .d-rv-pi { --rv-pi: var(--rv-pi-sm, var(--rv-pi-base)) } }
    @media (min-width:769px) { .d-rv-pi { --rv-pi: var(--rv-pi-md, var(--rv-pi-sm, var(--rv-pi-base))) } }
    @media (min-width:1025px) { .d-rv-pi { --rv-pi: var(--rv-pi-lg, var(--rv-pi-md, var(--rv-pi-sm, var(--rv-pi-base)))) } }
    @media (min-width:1281px) { .d-rv-pi { --rv-pi: var(--rv-pi-xl, var(--rv-pi-lg, var(--rv-pi-md, var(--rv-pi-sm, var(--rv-pi-base))))) } }
    .d-r-g { --r-g: var(--r-g-base);gap: var(--r-g) }
    @container (min-width:641px) { .d-r-g { --r-g: var(--r-g-sm, var(--r-g-base)) } }
    @container (min-width:769px) { .d-r-g { --r-g: var(--r-g-md, var(--r-g-sm, var(--r-g-base))) } }
    @container (min-width:1025px) { .d-r-g { --r-g: var(--r-g-lg, var(--r-g-md, var(--r-g-sm, var(--r-g-base)))) } }
    @container (min-width:1281px) { .d-r-g { --r-g: var(--r-g-xl, var(--r-g-lg, var(--r-g-md, var(--r-g-sm, var(--r-g-base))))) } }
    .d-rv-g { --rv-g: var(--rv-g-base);gap: var(--rv-g) }
    @media (min-width:641px) { .d-rv-g { --rv-g: var(--rv-g-sm, var(--rv-g-base)) } }
    @media (min-width:769px) { .d-rv-g { --rv-g: var(--rv-g-md, var(--rv-g-sm, var(--rv-g-base))) } }
    @media (min-width:1025px) { .d-rv-g { --rv-g: var(--rv-g-lg, var(--rv-g-md, var(--rv-g-sm, var(--rv-g-base)))) } }
    @media (min-width:1281px) { .d-rv-g { --rv-g: var(--rv-g-xl, var(--rv-g-lg, var(--rv-g-md, var(--rv-g-sm, var(--rv-g-base))))) } }
    .d-r-fs { --r-fs: var(--r-fs-base);font-size: var(--r-fs) }
    @container (min-width:641px) { .d-r-fs { --r-fs: var(--r-fs-sm, var(--r-fs-base)) } }
    @container (min-width:769px) { .d-r-fs { --r-fs: var(--r-fs-md, var(--r-fs-sm, var(--r-fs-base))) } }
    @container (min-width:1025px) { .d-r-fs { --r-fs: var(--r-fs-lg, var(--r-fs-md, var(--r-fs-sm, var(--r-fs-base)))) } }
    @container (min-width:1281px) { .d-r-fs { --r-fs: var(--r-fs-xl, var(--r-fs-lg, var(--r-fs-md, var(--r-fs-sm, var(--r-fs-base))))) } }
    .d-rv-fs { --rv-fs: var(--rv-fs-base);font-size: var(--rv-fs) }
    @media (min-width:641px) { .d-rv-fs { --rv-fs: var(--rv-fs-sm, var(--rv-fs-base)) } }
    @media (min-width:769px) { .d-rv-fs { --rv-fs: var(--rv-fs-md, var(--rv-fs-sm, var(--rv-fs-base))) } }
    @media (min-width:1025px) { .d-rv-fs { --rv-fs: var(--rv-fs-lg, var(--rv-fs-md, var(--rv-fs-sm, var(--rv-fs-base)))) } }
    @media (min-width:1281px) { .d-rv-fs { --rv-fs: var(--rv-fs-xl, var(--rv-fs-lg, var(--rv-fs-md, var(--rv-fs-sm, var(--rv-fs-base))))) } }

    
    .main-content.d-rv-pi { padding-inline:0 }
    
    .flex-1 { flex:1;min-height:0 }

    
    
    [id^='dv-bar-'] > .d-row { flex-wrap:nowrap;row-gap:.5rem }
    [id^='dv-bar-'] > .d-row > .d-row { flex-wrap:nowrap;row-gap:.5rem }
    
    [id^='dv-bar-'] > .d-row > .d-expanded { min-width:0 }
    
    
    [id^='dv-bar-'] > .d-row > .d-expanded > .d-row > * { min-width:0;flex:0 1 auto }
    
    [id^='dv-bar-'] > .d-row > .d-expanded > .d-row > * > * { max-width:100%;min-width:0 }
    [id^='dv-bar-'] > .d-row > .d-expanded > .d-row > * > * > .d-row { min-width:0;max-width:100% }
    [id^='dv-bar-'] > .d-row > .d-expanded > .d-row > * > * > .d-row > span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
    
    
    .d-ovf { display:contents }
    @media (min-width:641px) { .d-ovf[data-ovf-scope=v][data-ovf-bp=sm] > [data-d-pop-body], .d-ovf[data-ovf-scope=v][data-ovf-bp=sm] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=v][data-ovf-bp=sm] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=v][data-ovf-bp=sm] > [data-d-pop-trigger] { display:none } }
    @container (min-width:641px) { .d-ovf[data-ovf-scope=c][data-ovf-bp=sm] > [data-d-pop-body], .d-ovf[data-ovf-scope=c][data-ovf-bp=sm] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=c][data-ovf-bp=sm] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=c][data-ovf-bp=sm] > [data-d-pop-trigger] { display:none } }
    @media (min-width:769px) { .d-ovf[data-ovf-scope=v][data-ovf-bp=md] > [data-d-pop-body], .d-ovf[data-ovf-scope=v][data-ovf-bp=md] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=v][data-ovf-bp=md] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=v][data-ovf-bp=md] > [data-d-pop-trigger] { display:none } }
    @container (min-width:769px) { .d-ovf[data-ovf-scope=c][data-ovf-bp=md] > [data-d-pop-body], .d-ovf[data-ovf-scope=c][data-ovf-bp=md] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=c][data-ovf-bp=md] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=c][data-ovf-bp=md] > [data-d-pop-trigger] { display:none } }
    @media (min-width:1025px) { .d-ovf[data-ovf-scope=v][data-ovf-bp=lg] > [data-d-pop-body], .d-ovf[data-ovf-scope=v][data-ovf-bp=lg] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=v][data-ovf-bp=lg] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=v][data-ovf-bp=lg] > [data-d-pop-trigger] { display:none } }
    @container (min-width:1025px) { .d-ovf[data-ovf-scope=c][data-ovf-bp=lg] > [data-d-pop-body], .d-ovf[data-ovf-scope=c][data-ovf-bp=lg] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=c][data-ovf-bp=lg] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=c][data-ovf-bp=lg] > [data-d-pop-trigger] { display:none } }
    @media (min-width:1281px) { .d-ovf[data-ovf-scope=v][data-ovf-bp=xl] > [data-d-pop-body], .d-ovf[data-ovf-scope=v][data-ovf-bp=xl] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=v][data-ovf-bp=xl] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=v][data-ovf-bp=xl] > [data-d-pop-trigger] { display:none } }
    @container (min-width:1281px) { .d-ovf[data-ovf-scope=c][data-ovf-bp=xl] > [data-d-pop-body], .d-ovf[data-ovf-scope=c][data-ovf-bp=xl] > [data-d-pop-body] > .atom-box { display:contents } .d-ovf[data-ovf-scope=c][data-ovf-bp=xl] > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem } .d-ovf[data-ovf-scope=c][data-ovf-bp=xl] > [data-d-pop-trigger] { display:none } }
    .d-ovf.d-ovf-collapsed > [data-d-pop-body] { display:none }
    .d-ovf.d-ovf-collapsed > [data-d-pop-trigger] { display:inline-flex }
    .d-ovf.d-ovf-expanded > [data-d-pop-body], .d-ovf.d-ovf-expanded > [data-d-pop-body] > .atom-box { display:contents }
    .d-ovf.d-ovf-expanded > [data-d-pop-body] > .atom-box > .d-col { flex-direction:row;align-items:center;gap:.5rem }
    .d-ovf.d-ovf-expanded > [data-d-pop-trigger] { display:none }

    
    @media (max-width:640px) {
      
      [id^='dv-bar-'] > .d-row { flex-wrap:wrap }
      [id^='dv-bar-'] > .d-row > .d-row { flex-wrap:wrap }
      
      
      
      [id^='dv-bar-'] > .d-row > [id^='dv-search-'] { flex-basis:100%;width:100%;max-width:none !important }
      
      
      [id^='dv-bar-'] > .d-row > .d-expanded > .d-row > * { flex:0 0 auto;scroll-snap-align:start }
      
      
      [id^='dv-bar-'] > .d-row > .d-row { flex:0 0 auto;justify-content:flex-start }
      [id^='dv-bar-'] > .d-row > .d-row button, [id^='dv-bar-'] > .d-row > .d-row a { padding-inline:.375rem }
      
      [id^='dv-bar-'] > .d-row > .d-expanded { flex:1 1 0%;min-width:0 }
      
      [id^='dv-bar-'] > .d-row > .d-expanded > .d-row {
        flex-wrap:nowrap;
        overflow-x:auto;overflow-y:hidden;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        scroll-snap-type:x proximity;
        padding-block:2px;
        
        margin-inline:calc(-1 * var(--rv-pi, 0px));
        padding-inline:var(--rv-pi, 0px);
        scroll-padding-inline:var(--rv-pi, 0px);
        -webkit-mask-image:linear-gradient(to right, transparent, #000 var(--rv-pi, 12px), #000 calc(100% - var(--rv-pi, 12px)), transparent);
        mask-image:linear-gradient(to right, transparent, #000 var(--rv-pi, 12px), #000 calc(100% - var(--rv-pi, 12px)), transparent)
      }
      [id^='dv-bar-'] > .d-row > .d-expanded > .d-row::-webkit-scrollbar { display:none }
      [id^='dv-bar-'] > .d-row > .d-expanded { overflow:visible }
      [id^='dv-bar-'] > .d-row { overflow:visible }
      .atom-box[data-clip='1'] > .d-col:has(> form > [id^='dv-bar-']) { overflow:visible }
      
      [id^='dv-bar-'] { padding-inline:0 }
      [id^='dv-chips-'] { padding-inline:0 }
      
      [id^='dv-bar-'] > .d-row > .d-row .d-ovf > [data-d-pop-trigger] > button > .d-row > span { display:none }
      
      [id^='dv-bar-'], [id^='dv-chips-'] { --control-height:30px }
      [id^='dv-bar-'] { padding-block:.375rem }
      [id^='dv-chips-'] { padding-block:.25rem }
      [id^='dv-bar-'] > .d-row { row-gap:.375rem }
      [id^='dv-bar-'] button, [id^='dv-bar-'] a { padding-block:.25rem }
      
      [id^='dv-chips-'] > .d-wrap {
        flex-wrap:nowrap;
        overflow-x:auto;overflow-y:hidden;
        overscroll-behavior-x:contain;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        scroll-snap-type:x proximity;
        padding-block:2px;
        margin-inline:calc(-1 * var(--rv-pi, 0px));
        padding-inline:var(--rv-pi, 0px);
        scroll-padding-inline:var(--rv-pi, 0px);
        -webkit-mask-image:linear-gradient(to right, transparent, #000 var(--rv-pi, 12px), #000 calc(100% - var(--rv-pi, 12px)), transparent);
        mask-image:linear-gradient(to right, transparent, #000 var(--rv-pi, 12px), #000 calc(100% - var(--rv-pi, 12px)), transparent)
      }
      [id^='dv-chips-'] > .d-wrap::-webkit-scrollbar { display:none }
      [id^='dv-chips-'] > .d-wrap > * { flex:0 0 auto;scroll-snap-align:start }
      [id^='dv-chips-'] > .d-wrap > span { white-space:nowrap }
      
      [id^='dv-pager-'] { --control-height:30px;padding-block:.25rem }
      [id^='dv-pager-'] button, [id^='dv-pager-'] a { padding-block:.25rem }
    }

    
    #page-header > .d-row { flex-wrap:wrap;row-gap:var(--space-2) }
    #page-header > .d-row > *:first-child { min-width:12rem }

    
    [id^='ph-dock-'] { display:none }

    
    @media (max-width:640px) {
      #page-header > .d-row { flex-wrap:wrap;row-gap:var(--space-2) }
      #page-header > .d-row > .d-row { flex-basis:100%;min-width:0;justify-content:flex-start }
      
      .d-app-shell[data-nav-dup='1'] #page-header > .d-row > *:first-child > .d-col,
      .d-app-shell[data-nav-dup='1'] #page-header > .d-row > *:first-child > .d-row > .d-col {
        position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap
      }
      
      .d-app-shell:has([id^='ph-dock-']) [id^='ph-primary-'] { display:none }
      
      [id^='ph-dock-'] { display:block;padding-block:var(--space-2) }
      
      #page-header > .d-row > .d-row { flex-wrap:wrap;row-gap:var(--space-2) }
    }

    .jc-start { justify-content:flex-start }
    .jc-end { justify-content:flex-end }
    .jc-center { justify-content:center }
    .jc-between { justify-content:space-between }
    .jc-around { justify-content:space-around }
    .jc-evenly { justify-content:space-evenly }

    .ai-start { align-items:flex-start }
    .ai-end { align-items:flex-end }
    .ai-center { align-items:center }
    .ai-stretch { align-items:stretch }
    .ai-baseline { align-items:baseline }

    .overflow-auto { overflow:auto }
    .overflow-y-auto { overflow-y:auto }
    .overflow-x-auto { overflow-x:auto }

    
    .atom-box { box-sizing:border-box }
    .atom-box[data-centered="1"] { display:inline-flex;align-items:center;justify-content:center }
    .atom-box[data-clip="1"] { overflow:hidden }
    [data-sticky="top"]    { position:sticky;top:0;z-index:3 }
    [data-sticky="left"]   { position:sticky;left:0;z-index:2 }
    [data-sticky="corner"] { position:sticky;top:0;left:0;z-index:4 }
 }
@layer base {
@keyframes datum-spin {
}
@keyframes datum-skeleton {
}
@keyframes datum-pulse {
}
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important; } }
@media (forced-colors: active) { a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,[role='button']:focus-visible,[role='link']:focus-visible,[role='menuitem']:focus-visible,[role='menuitemcheckbox']:focus-visible,[role='option']:focus-visible,[role='tab']:focus-visible { outline:2px solid Highlight;outline-offset:1px } }
@media (prefers-contrast: more) and (forced-colors: none) { a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,[role='button']:focus-visible,[role='link']:focus-visible,[role='menuitem']:focus-visible,[role='menuitemcheckbox']:focus-visible,[role='option']:focus-visible,[role='tab']:focus-visible { outline:2px solid var(--foreground);outline-offset:1px } }
@layer overrides { body { background-color: light-dark(hsl(0 0% 100%), hsl(0 0% 4%)); color: light-dark(hsl(0 0% 4%), hsl(0 0% 98%)); } }
@layer scheme { :root { color-scheme: light dark; }
html[data-cs="light"] { color-scheme: light only; }
html[data-cs="dark"] { color-scheme: dark only; }
}
@layer overrides { :root { --state-disabled-opacity: 0.50;
--state-disabled-cursor: not-allowed;
--state-invalid-border-color: light-dark(oklch(0.636 0.208 25.34), oklch(0.396 0.142 25));
--state-invalid-ring: 0 0 0 0.125rem color-mix(in oklch, light-dark(oklch(0.636 0.208 25.34), oklch(0.396 0.142 25)) 22%, transparent);
--state-readonly-opacity: 1.00;
--state-readonly-bg: light-dark(oklch(0.97 0 0), oklch(0.269 0 0));
--state-busy-opacity: 0.70;
--state-busy-cursor: progress;
--state-busy-spinner: light-dark(oklch(0.205 0 0), oklch(0.985 0 0));
--state-focus-ring-color: light-dark(oklch(0.145 0 0), oklch(0.846 0 0));
--state-focus-ring-width: 0.125rem;
--state-focus-ring-offset: 0.125rem;
--field-outlined-height: 2.5rem;
--field-outlined-radius: 0.5rem;
--field-outlined-border: 1px solid var(--border);
--field-outlined-focus-shadow: none;
--field-outlined-focus-border-color: var(--ring);
--field-outlined-label-bg: transparent;
--radio-size: 1rem;
--radio-border-off: 1px solid var(--primary);
--radio-dot-size: 0.5rem;
--radio-group-display: grid;
--radio-group-gap: 0.5rem;
--radio-group-shift: -1px;
--radio-item-gap: 0.5rem;
--radio-label-size: 0.875rem;
--radio-label-weight: 500;
--radio-label-leading: 1;
--progress-track-h: 1rem;
--switch-track-w: 44px;
--switch-track-h: 24px;
--switch-track-radius: 9999px;
--switch-track-off-bg: var(--input);
--switch-track-border: 2px solid transparent;
--switch-thumb-w: 20px;
--switch-thumb-h: 20px;
--switch-thumb-off-top: 0;
--switch-thumb-off-left: 0;
--switch-thumb-off-bg: var(--background);
--switch-thumb-on-bg: var(--background);
--switch-thumb-on-shift: 20px;
--checkbox-size: 16px;
--checkbox-border: 1px solid var(--primary);
--checkbox-radius: 0.25rem;
--dialog-max-width: 32rem;
--state-disabled-opacity: 0.5;
--state-disabled-cursor: not-allowed;
--state-invalid-border-color: var(--destructive);
--state-invalid-ring: 0 0 0 3px color-mix(in oklch,var(--destructive) 20%,transparent);
--state-focus-ring-color: var(--ring);
--state-focus-ring-width: 3px;
--state-focus-ring-offset: 2px;
--state-readonly-bg: var(--muted);
--state-readonly-opacity: 1;
--state-busy-opacity: 0.7;
--state-busy-cursor: progress;
--state-busy-spinner: currentColor;
 } }
/* shadcn live-widget utilities: the classes Button / Badge parts carry */
.inline-flex{display:inline-flex}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-md{border-radius:var(--radius-md)}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.transition-all{transition:all .15s ease}.outline-none{outline:2px solid transparent;outline-offset:2px}.h-9{height:2.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.text-xs{font-size:.75rem;line-height:1rem}.w-fit{width:fit-content}.border{border-width:1px;border-style:solid;border-color:var(--border)}.rounded-full{border-radius:9999px}.gap-1{gap:.25rem}.font-semibold{font-weight:600}.shadow-xs{box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}.shadow-sm{box-shadow:0 1px 3px 0 rgb(0 0 0 / .1)}.underline-offset-4{text-underline-offset:4px}.hover\:underline:hover{text-decoration-line:underline}.bg-primary{background-color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}.bg-secondary{background-color:var(--secondary)}.text-secondary-foreground{color:var(--secondary-foreground)}.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}.bg-destructive{background-color:var(--destructive)}.text-destructive{color:var(--destructive)}.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}.bg-background{background-color:var(--background)}.text-foreground{color:var(--foreground)}.bg-accent{background-color:var(--accent)}.text-accent-foreground{color:var(--accent-foreground)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.text-primary{color:var(--primary)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}[data-slot=button],[data-slot=badge]{cursor:pointer;border:0;font-family:inherit}[data-slot=button][data-variant=outline]{border-width:1px;border-style:solid;border-color:var(--border)}