/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-orange-700: oklch(55.3% .195 38.402);
    --color-orange-800: oklch(47% .157 37.304);
    --color-orange-950: oklch(26.6% .079 36.259);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-amber-950: oklch(27.9% .077 45.635);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-200: oklch(94.5% .129 101.54);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-400: oklch(85.2% .199 91.936);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-600: oklch(68.1% .162 75.834);
    --color-yellow-700: oklch(55.4% .135 66.442);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-yellow-950: oklch(28.6% .066 53.813);
    --color-lime-100: oklch(96.7% .067 122.328);
    --color-lime-200: oklch(93.8% .127 124.321);
    --color-lime-300: oklch(89.7% .196 126.665);
    --color-lime-400: oklch(84.1% .238 128.85);
    --color-lime-500: oklch(76.8% .233 130.85);
    --color-lime-600: oklch(64.8% .2 131.684);
    --color-lime-700: oklch(53.2% .157 131.589);
    --color-lime-800: oklch(45.3% .124 130.933);
    --color-lime-950: oklch(27.4% .072 132.109);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-green-950: oklch(26.6% .065 152.934);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-950: oklch(26.2% .051 172.552);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-300: oklch(85.5% .138 181.071);
    --color-teal-400: oklch(77.7% .152 181.912);
    --color-teal-500: oklch(70.4% .14 182.503);
    --color-teal-600: oklch(60% .118 184.704);
    --color-teal-700: oklch(51.1% .096 186.391);
    --color-teal-800: oklch(43.7% .078 188.216);
    --color-teal-950: oklch(27.7% .046 192.524);
    --color-cyan-100: oklch(95.6% .045 203.388);
    --color-cyan-200: oklch(91.7% .08 205.041);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-cyan-700: oklch(52% .105 223.128);
    --color-cyan-800: oklch(45% .085 224.283);
    --color-cyan-950: oklch(30.2% .056 229.695);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-200: oklch(90.1% .058 230.902);
    --color-sky-300: oklch(82.8% .111 230.318);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-sky-700: oklch(50% .134 242.749);
    --color-sky-800: oklch(44.3% .11 240.79);
    --color-sky-950: oklch(29.3% .066 243.157);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-blue-950: oklch(28.2% .091 267.935);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-200: oklch(87% .065 274.039);
    --color-indigo-300: oklch(78.5% .115 274.713);
    --color-indigo-400: oklch(67.3% .182 276.935);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-indigo-800: oklch(39.8% .195 277.366);
    --color-indigo-950: oklch(25.7% .09 281.288);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-700: oklch(49.1% .27 292.581);
    --color-violet-800: oklch(43.2% .232 292.759);
    --color-violet-950: oklch(28.3% .141 291.089);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-purple-400: oklch(71.4% .203 305.504);
    --color-purple-500: oklch(62.7% .265 303.9);
    --color-purple-600: oklch(55.8% .288 302.321);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-purple-950: oklch(29.1% .149 302.717);
    --color-fuchsia-100: oklch(95.2% .037 318.852);
    --color-fuchsia-200: oklch(90.3% .076 319.62);
    --color-fuchsia-300: oklch(83.3% .145 321.434);
    --color-fuchsia-400: oklch(74% .238 322.16);
    --color-fuchsia-500: oklch(66.7% .295 322.15);
    --color-fuchsia-600: oklch(59.1% .293 322.896);
    --color-fuchsia-700: oklch(51.8% .253 323.949);
    --color-fuchsia-800: oklch(45.2% .211 324.591);
    --color-fuchsia-950: oklch(29.3% .136 325.661);
    --color-pink-100: oklch(94.8% .028 342.258);
    --color-pink-200: oklch(89.9% .061 343.231);
    --color-pink-300: oklch(82.3% .12 346.018);
    --color-pink-400: oklch(71.8% .202 349.761);
    --color-pink-500: oklch(65.6% .241 354.308);
    --color-pink-600: oklch(59.2% .249 .584);
    --color-pink-700: oklch(52.5% .223 3.958);
    --color-pink-800: oklch(45.9% .187 3.815);
    --color-pink-950: oklch(28.4% .109 3.907);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-rose-800: oklch(45.5% .188 13.697);
    --color-rose-950: oklch(27.1% .105 12.094);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-950: oklch(12.9% .042 264.695);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-950: oklch(13% .028 261.692);
    --color-zinc-100: oklch(96.7% .001 286.375);
    --color-zinc-200: oklch(92% .004 286.32);
    --color-zinc-300: oklch(87.1% .006 286.286);
    --color-zinc-400: oklch(70.5% .015 286.067);
    --color-zinc-500: oklch(55.2% .016 285.938);
    --color-zinc-600: oklch(44.2% .017 285.786);
    --color-zinc-700: oklch(37% .013 285.805);
    --color-zinc-800: oklch(27.4% .006 286.033);
    --color-zinc-950: oklch(14.1% .005 285.823);
    --color-neutral-100: oklch(97% 0 none);
    --color-neutral-200: oklch(92.2% 0 none);
    --color-neutral-300: oklch(87% 0 none);
    --color-neutral-400: oklch(70.8% 0 none);
    --color-neutral-500: oklch(55.6% 0 none);
    --color-neutral-600: oklch(43.9% 0 none);
    --color-neutral-700: oklch(37.1% 0 none);
    --color-neutral-800: oklch(26.9% 0 none);
    --color-neutral-950: oklch(14.5% 0 none);
    --color-stone-100: oklch(97% .001 106.424);
    --color-stone-200: oklch(92.3% .003 48.717);
    --color-stone-300: oklch(86.9% .005 56.366);
    --color-stone-400: oklch(70.9% .01 56.259);
    --color-stone-500: oklch(55.3% .013 58.071);
    --color-stone-600: oklch(44.4% .011 73.639);
    --color-stone-700: oklch(37.4% .01 67.558);
    --color-stone-800: oklch(26.8% .007 34.298);
    --color-stone-950: oklch(14.7% .004 49.25);
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-3xl: 48rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-4xl: 2rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary: var(--aura-primary);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  :root[data-density="compact"] {
    font-size: 87.5%;
  }

  .ignore-compact-spacing {
    --spacing: 4px;
  }

  :where([data-slot], [data-slot] *) {
    border-color: var(--aura-border);
    outline-color: var(--aura-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-slot], [data-slot] *) {
      outline-color: color-mix(in oklab, var(--aura-ring) 50%, transparent);
    }
  }
}

@layer components;

@layer utilities {
  .\@container\/bar {
    container: bar / inline-size;
  }

  .\@container\/field-group {
    container: field-group / inline-size;
  }

  .\@container\/view {
    container: view / inline-size;
  }

  .\@container {
    container-type: inline-size;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .end-2 {
    inset-inline-end: calc(var(--spacing) * 2);
  }

  .-top-0\.5 {
    top: calc(var(--spacing) * -.5);
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .top-0 {
    top: 0;
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-full {
    top: 100%;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .right-0 {
    right: 0;
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .bottom-0 {
    bottom: 0;
  }

  .left-0 {
    left: 0;
  }

  .isolate {
    isolation: isolate;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: 0;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }

  .mx-1 {
    margin-inline: var(--spacing);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }

  .my-1 {
    margin-block: var(--spacing);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-0\.5 {
    margin-right: calc(var(--spacing) * .5);
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .-mb-3 {
    margin-bottom: calc(var(--spacing) * -3);
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }

  .-ml-5 {
    margin-left: calc(var(--spacing) * -5);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-5 {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .field-sizing-content {
    field-sizing: content;
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-\(--bits-select-anchor-height\) {
    height: var(--bits-select-anchor-height);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-8\! {
    height: calc(var(--spacing) * 8) !important;
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-60 {
    height: calc(var(--spacing) * 60);
  }

  .h-88 {
    height: calc(var(--spacing) * 88);
  }

  .h-\[1\.25rem\] {
    height: 1.25rem;
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }

  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }

  .w-1 {
    width: var(--spacing);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-\[1\.25rem\] {
    width: 1.25rem;
  }

  .w-\[32rem\] {
    width: 32rem;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }

  .max-w-\[22rem\] {
    max-width: 22rem;
  }

  .max-w-\[45\%\] {
    max-width: 45%;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-\(--bits-select-anchor-width\) {
    min-width: var(--bits-select-anchor-width);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }

  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-\[16rem\] {
    min-width: 16rem;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\(--bits-link-preview-content-transform-origin\) {
    transform-origin: var(--bits-link-preview-content-transform-origin);
  }

  .origin-\(--bits-tooltip-content-transform-origin\) {
    transform-origin: var(--bits-tooltip-content-transform-origin);
  }

  .origin-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }

  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-3\.5 {
    --tw-translate-x: calc(var(--spacing) * 3.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%-2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .scroll-my-1 {
    scroll-margin-block: var(--spacing);
  }

  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }

  .scroll-py-1 {
    scroll-padding-block: var(--spacing);
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .columns-2 {
    columns: 2;
  }

  .columns-3 {
    columns: 3;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-\[1\.25rem_minmax\(0\,1fr\)_4rem_9rem\] {
    grid-template-columns: 1.25rem minmax(0, 1fr) 4rem 9rem;
  }

  .grid-cols-\[1rem_minmax\(0\,1fr\)_8rem_5rem\] {
    grid-template-columns: 1rem minmax(0, 1fr) 8rem 5rem;
  }

  .grid-cols-\[14rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 14rem minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_5\.5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) 5.5rem minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_18rem\] {
    grid-template-columns: minmax(0, 1fr) 18rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_20rem\] {
    grid-template-columns: minmax(0, 1fr) 20rem;
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(10rem\,16rem\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(10rem, 16rem) minmax(0, 1fr) auto;
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(15rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  }

  .grid-cols-\[repeat\(auto-fit\,minmax\(8rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-content-center {
    place-content: center;
  }

  .place-items-center {
    place-items: center;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-\[--spacing\(var\(--gap\)\)\] {
    gap: calc(var(--spacing) * var(--gap));
  }

  .self-center {
    align-self: center;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

  .overflow-x-hidden {
    overflow-x: hidden;
  }

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

  .rounded {
    border-radius: .25rem;
  }

  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[calc\(var\(--radius\)-5px\)\] {
    border-radius: calc(var(--radius) - 5px);
  }

  .rounded-\[min\(var\(--radius-md\)\,8px\)\] {
    border-radius: min(var(--radius-md), 8px);
  }

  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
    border-radius: min(var(--radius-md), 10px);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-lg\! {
    border-radius: var(--radius-lg) !important;
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xl\! {
    border-radius: var(--radius-xl) !important;
  }

  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-300 {
    border-color: var(--color-amber-300);
  }

  .border-amber-400 {
    border-color: var(--color-amber-400);
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-blue-300 {
    border-color: var(--color-blue-300);
  }

  .border-blue-400 {
    border-color: var(--color-blue-400);
  }

  .border-border, .border-border\/60 {
    border-color: var(--aura-border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, var(--aura-border) 60%, transparent);
    }
  }

  .border-cyan-200 {
    border-color: var(--color-cyan-200);
  }

  .border-cyan-300 {
    border-color: var(--color-cyan-300);
  }

  .border-cyan-400 {
    border-color: var(--color-cyan-400);
  }

  .border-destructive\/40 {
    border-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/40 {
      border-color: color-mix(in oklab, var(--aura-destructive) 40%, transparent);
    }
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }

  .border-emerald-400 {
    border-color: var(--color-emerald-400);
  }

  .border-fuchsia-200 {
    border-color: var(--color-fuchsia-200);
  }

  .border-fuchsia-300 {
    border-color: var(--color-fuchsia-300);
  }

  .border-fuchsia-400 {
    border-color: var(--color-fuchsia-400);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-400 {
    border-color: var(--color-gray-400);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-green-300 {
    border-color: var(--color-green-300);
  }

  .border-green-400 {
    border-color: var(--color-green-400);
  }

  .border-indigo-200 {
    border-color: var(--color-indigo-200);
  }

  .border-indigo-300 {
    border-color: var(--color-indigo-300);
  }

  .border-indigo-400 {
    border-color: var(--color-indigo-400);
  }

  .border-input, .border-input\/30 {
    border-color: var(--aura-input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-input\/30 {
      border-color: color-mix(in oklab, var(--aura-input) 30%, transparent);
    }
  }

  .border-lime-200 {
    border-color: var(--color-lime-200);
  }

  .border-lime-300 {
    border-color: var(--color-lime-300);
  }

  .border-lime-400 {
    border-color: var(--color-lime-400);
  }

  .border-neutral-200 {
    border-color: var(--color-neutral-200);
  }

  .border-neutral-300 {
    border-color: var(--color-neutral-300);
  }

  .border-neutral-400 {
    border-color: var(--color-neutral-400);
  }

  .border-orange-200 {
    border-color: var(--color-orange-200);
  }

  .border-orange-300 {
    border-color: var(--color-orange-300);
  }

  .border-orange-400 {
    border-color: var(--color-orange-400);
  }

  .border-pink-200 {
    border-color: var(--color-pink-200);
  }

  .border-pink-300 {
    border-color: var(--color-pink-300);
  }

  .border-pink-400 {
    border-color: var(--color-pink-400);
  }

  .border-primary, .border-primary\/30 {
    border-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/30 {
      border-color: color-mix(in oklab, var(--aura-primary) 30%, transparent);
    }
  }

  .border-purple-200 {
    border-color: var(--color-purple-200);
  }

  .border-purple-300 {
    border-color: var(--color-purple-300);
  }

  .border-purple-400 {
    border-color: var(--color-purple-400);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-300 {
    border-color: var(--color-red-300);
  }

  .border-red-400 {
    border-color: var(--color-red-400);
  }

  .border-rose-200 {
    border-color: var(--color-rose-200);
  }

  .border-rose-300 {
    border-color: var(--color-rose-300);
  }

  .border-rose-400 {
    border-color: var(--color-rose-400);
  }

  .border-sky-200 {
    border-color: var(--color-sky-200);
  }

  .border-sky-300 {
    border-color: var(--color-sky-300);
  }

  .border-sky-400 {
    border-color: var(--color-sky-400);
  }

  .border-slate-200 {
    border-color: var(--color-slate-200);
  }

  .border-slate-300 {
    border-color: var(--color-slate-300);
  }

  .border-slate-400 {
    border-color: var(--color-slate-400);
  }

  .border-stone-200 {
    border-color: var(--color-stone-200);
  }

  .border-stone-300 {
    border-color: var(--color-stone-300);
  }

  .border-stone-400 {
    border-color: var(--color-stone-400);
  }

  .border-teal-200 {
    border-color: var(--color-teal-200);
  }

  .border-teal-300 {
    border-color: var(--color-teal-300);
  }

  .border-teal-400 {
    border-color: var(--color-teal-400);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-200 {
    border-color: var(--color-violet-200);
  }

  .border-violet-300 {
    border-color: var(--color-violet-300);
  }

  .border-violet-400 {
    border-color: var(--color-violet-400);
  }

  .border-yellow-200 {
    border-color: var(--color-yellow-200);
  }

  .border-yellow-300 {
    border-color: var(--color-yellow-300);
  }

  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }

  .border-zinc-200 {
    border-color: var(--color-zinc-200);
  }

  .border-zinc-300 {
    border-color: var(--color-zinc-300);
  }

  .border-zinc-400 {
    border-color: var(--color-zinc-400);
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }

  .bg-background {
    background-color: var(--aura-background);
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-border {
    background-color: var(--aura-border);
  }

  .bg-card {
    background-color: var(--aura-card);
  }

  .bg-cyan-100 {
    background-color: var(--color-cyan-100);
  }

  .bg-cyan-600 {
    background-color: var(--color-cyan-600);
  }

  .bg-destructive, .bg-destructive\/10 {
    background-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--aura-destructive) 10%, transparent);
    }
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }

  .bg-foreground, .bg-foreground\/60 {
    background-color: var(--aura-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/60 {
      background-color: color-mix(in oklab, var(--aura-foreground) 60%, transparent);
    }
  }

  .bg-foreground\/70 {
    background-color: var(--aura-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/70 {
      background-color: color-mix(in oklab, var(--aura-foreground) 70%, transparent);
    }
  }

  .bg-fuchsia-100 {
    background-color: var(--color-fuchsia-100);
  }

  .bg-fuchsia-600 {
    background-color: var(--color-fuchsia-600);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-600 {
    background-color: var(--color-gray-600);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-600 {
    background-color: var(--color-green-600);
  }

  .bg-indigo-100 {
    background-color: var(--color-indigo-100);
  }

  .bg-indigo-600 {
    background-color: var(--color-indigo-600);
  }

  .bg-input, .bg-input\/30 {
    background-color: var(--aura-input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-input\/30 {
      background-color: color-mix(in oklab, var(--aura-input) 30%, transparent);
    }
  }

  .bg-lime-100 {
    background-color: var(--color-lime-100);
  }

  .bg-lime-600 {
    background-color: var(--color-lime-600);
  }

  .bg-muted {
    background-color: var(--aura-muted);
  }

  .bg-muted-foreground\/30 {
    background-color: var(--aura-muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/30 {
      background-color: color-mix(in oklab, var(--aura-muted-foreground) 30%, transparent);
    }
  }

  .bg-muted\/20 {
    background-color: var(--aura-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/20 {
      background-color: color-mix(in oklab, var(--aura-muted) 20%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: var(--aura-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--aura-muted) 30%, transparent);
    }
  }

  .bg-muted\/40 {
    background-color: var(--aura-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/40 {
      background-color: color-mix(in oklab, var(--aura-muted) 40%, transparent);
    }
  }

  .bg-muted\/50 {
    background-color: var(--aura-muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--aura-muted) 50%, transparent);
    }
  }

  .bg-neutral-100 {
    background-color: var(--color-neutral-100);
  }

  .bg-neutral-600 {
    background-color: var(--color-neutral-600);
  }

  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }

  .bg-orange-600 {
    background-color: var(--color-orange-600);
  }

  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }

  .bg-pink-600 {
    background-color: var(--color-pink-600);
  }

  .bg-popover {
    background-color: var(--aura-popover);
  }

  .bg-primary, .bg-primary\/10 {
    background-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--aura-primary) 10%, transparent);
    }
  }

  .bg-primary\/20 {
    background-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--aura-primary) 20%, transparent);
    }
  }

  .bg-primary\/60 {
    background-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/60 {
      background-color: color-mix(in oklab, var(--aura-primary) 60%, transparent);
    }
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }

  .bg-purple-600 {
    background-color: var(--color-purple-600);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-600 {
    background-color: var(--color-red-600);
  }

  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }

  .bg-rose-600 {
    background-color: var(--color-rose-600);
  }

  .bg-secondary {
    background-color: var(--aura-secondary);
  }

  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }

  .bg-sky-600 {
    background-color: var(--color-sky-600);
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-slate-600 {
    background-color: var(--color-slate-600);
  }

  .bg-stone-100 {
    background-color: var(--color-stone-100);
  }

  .bg-stone-600 {
    background-color: var(--color-stone-600);
  }

  .bg-teal-100 {
    background-color: var(--color-teal-100);
  }

  .bg-teal-600 {
    background-color: var(--color-teal-600);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-100 {
    background-color: var(--color-violet-100);
  }

  .bg-violet-600 {
    background-color: var(--color-violet-600);
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .bg-yellow-600 {
    background-color: var(--color-yellow-600);
  }

  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }

  .bg-zinc-600 {
    background-color: var(--color-zinc-600);
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .fill-foreground {
    fill: var(--aura-foreground);
  }

  .p-0 {
    padding: 0;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-px {
    padding-inline: 1px;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pr-0\.5 {
    padding-right: calc(var(--spacing) * .5);
  }

  .pr-1 {
    padding-right: var(--spacing);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-1 {
    padding-bottom: var(--spacing);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pl-0\.5 {
    padding-left: calc(var(--spacing) * .5);
  }

  .pl-1 {
    padding-left: var(--spacing);
  }

  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-top {
    vertical-align: top;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.7rem\] {
    font-size: .7rem;
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[0\.65rem\] {
    font-size: .65rem;
  }

  .text-\[0\.85em\] {
    font-size: .85em;
  }

  .text-\[0\.85rem\] {
    font-size: .85rem;
  }

  .text-\[0\.95rem\] {
    font-size: .95rem;
  }

  .text-\[0\.6875rem\] {
    font-size: .6875rem;
  }

  .text-\[10\.5px\] {
    font-size: 10.5px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-background {
    color: var(--aura-background);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-card-foreground {
    color: var(--aura-card-foreground);
  }

  .text-current {
    color: currentColor;
  }

  .text-cyan-600 {
    color: var(--color-cyan-600);
  }

  .text-cyan-700 {
    color: var(--color-cyan-700);
  }

  .text-destructive {
    color: var(--aura-destructive);
  }

  .text-destructive-foreground {
    color: var(--aura-destructive-foreground);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-foreground {
    color: var(--aura-foreground);
  }

  .text-fuchsia-600 {
    color: var(--color-fuchsia-600);
  }

  .text-fuchsia-700 {
    color: var(--color-fuchsia-700);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-indigo-600 {
    color: var(--color-indigo-600);
  }

  .text-indigo-700 {
    color: var(--color-indigo-700);
  }

  .text-lime-600 {
    color: var(--color-lime-600);
  }

  .text-lime-700 {
    color: var(--color-lime-700);
  }

  .text-muted-foreground, .text-muted-foreground\/70 {
    color: var(--aura-muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/70 {
      color: color-mix(in oklab, var(--aura-muted-foreground) 70%, transparent);
    }
  }

  .text-neutral-600 {
    color: var(--color-neutral-600);
  }

  .text-neutral-700 {
    color: var(--color-neutral-700);
  }

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .text-orange-700 {
    color: var(--color-orange-700);
  }

  .text-pink-600 {
    color: var(--color-pink-600);
  }

  .text-pink-700 {
    color: var(--color-pink-700);
  }

  .text-popover-foreground {
    color: var(--aura-popover-foreground);
  }

  .text-primary {
    color: var(--aura-primary);
  }

  .text-primary-foreground {
    color: var(--aura-primary-foreground);
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-secondary-foreground {
    color: var(--aura-secondary-foreground);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-sky-700 {
    color: var(--color-sky-700);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-stone-600 {
    color: var(--color-stone-600);
  }

  .text-stone-700 {
    color: var(--color-stone-700);
  }

  .text-teal-600 {
    color: var(--color-teal-600);
  }

  .text-teal-700 {
    color: var(--color-teal-700);
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .text-yellow-700 {
    color: var(--color-yellow-700);
  }

  .text-zinc-600 {
    color: var(--color-zinc-600);
  }

  .text-zinc-700 {
    color: var(--color-zinc-700);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-destructive\/60 {
    -webkit-text-decoration-color: var(--aura-destructive);
    -webkit-text-decoration-color: var(--aura-destructive);
    text-decoration-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-destructive\/60 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--aura-destructive) 60%, transparent);
      -webkit-text-decoration-color: color-mix(in oklab, var(--aura-destructive) 60%, transparent);
      text-decoration-color: color-mix(in oklab, var(--aura-destructive) 60%, transparent);
    }
  }

  .decoration-primary\/40 {
    -webkit-text-decoration-color: var(--aura-primary);
    -webkit-text-decoration-color: var(--aura-primary);
    text-decoration-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-primary\/40 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--aura-primary) 40%, transparent);
      -webkit-text-decoration-color: color-mix(in oklab, var(--aura-primary) 40%, transparent);
      text-decoration-color: color-mix(in oklab, var(--aura-primary) 40%, transparent);
    }
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-85 {
    opacity: .85;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-foreground\/10 {
    --tw-ring-color: var(--aura-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--aura-foreground) 10%, transparent);
    }
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  @media (hover: hover) {
    .group-hover\:grid:is(:where(.group):hover *) {
      display: grid;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/lensbar\:opacity-100:is(:where(.group\/lensbar):hover *), .group-hover\/pick\:opacity-100:is(:where(.group\/pick):hover *) {
      opacity: 1;
    }
  }

  .group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *) {
    opacity: .5;
  }

  .group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-has-data-\[slot\=item-description\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    align-self: flex-start;
  }

  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *) {
    text-wrap: balance;
  }

  .group-has-\[\[data-slot\=command-shortcut\]\]\/command-item\:hidden:is(:where(.group\/command-item):has([data-slot="command-shortcut"]) *) {
    display: none;
  }

  .group-has-\[\>input\]\/input-group\:pt-2:is(:where(.group\/input-group):has( > input) *) {
    padding-top: calc(var(--spacing) * 2);
  }

  .group-has-\[\>input\]\/input-group\:pb-2:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .group-data-selected\/command-item\:text-foreground:is(:where(.group\/command-item)[data-selected] *) {
    color: var(--aura-foreground);
  }

  .group-data-\[checked\=true\]\/command-item\:opacity-100:is(:where(.group\/command-item)[data-checked="true"] *) {
    opacity: 1;
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *), .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[size\=sm\]\/item\:size-8:is(:where(.group\/item)[data-size="sm"] *) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .group-data-\[size\=xs\]\/item\:size-6:is(:where(.group\/item)[data-size="xs"] *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-data-\[size\=xs\]\/item\:gap-0:is(:where(.group\/item)[data-size="xs"] *) {
    gap: 0;
  }

  .group-data-\[size\=xs\]\/item\:text-xs:is(:where(.group\/item)[data-size="xs"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    border-radius: 0;
  }

  .group-data-\[spacing\=0\]\/toggle-group\:px-2:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .group-data-\[spacing\=0\]\/toggle-group\:shadow-none:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .marker\:text-muted-foreground ::marker {
    color: var(--aura-muted-foreground);
  }

  .marker\:text-muted-foreground::marker {
    color: var(--aura-muted-foreground);
  }

  .marker\:text-muted-foreground ::-webkit-details-marker {
    color: var(--aura-muted-foreground);
  }

  .marker\:text-muted-foreground::-webkit-details-marker {
    color: var(--aura-muted-foreground);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--aura-foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--aura-muted-foreground);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-inset-x-3:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }

  .after\:-inset-y-2:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }

  .last\:mt-0:last-child {
    margin-top: 0;
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .focus-within\:ring-2:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-ring\/40:focus-within {
    --tw-ring-color: var(--aura-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-ring\/40:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--aura-ring) 40%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:border-foreground\/30:hover {
      border-color: var(--aura-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-foreground\/30:hover {
        border-color: color-mix(in oklab, var(--aura-foreground) 30%, transparent);
      }
    }

    .hover\:bg-accent:hover {
      background-color: var(--aura-accent);
    }

    .hover\:bg-background:hover {
      background-color: var(--aura-background);
    }

    .hover\:bg-destructive\/20:hover {
      background-color: var(--aura-destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--aura-destructive) 20%, transparent);
      }
    }

    .hover\:bg-muted:hover, .hover\:bg-muted\/50:hover {
      background-color: var(--aura-muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--aura-muted) 50%, transparent);
      }
    }

    .hover\:bg-muted\/70:hover {
      background-color: var(--aura-muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/70:hover {
        background-color: color-mix(in oklab, var(--aura-muted) 70%, transparent);
      }
    }

    .hover\:bg-primary\/15:hover {
      background-color: var(--aura-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/15:hover {
        background-color: color-mix(in oklab, var(--aura-primary) 15%, transparent);
      }
    }

    .hover\:bg-primary\/80:hover {
      background-color: var(--aura-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--aura-primary) 80%, transparent);
      }
    }

    .hover\:bg-secondary\/80:hover {
      background-color: var(--aura-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--aura-secondary) 80%, transparent);
      }
    }

    .hover\:text-foreground:hover {
      color: var(--aura-foreground);
    }

    .hover\:text-muted-foreground:hover {
      color: var(--aura-muted-foreground);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:decoration-primary:hover {
      -webkit-text-decoration-color: var(--aura-primary);
      -webkit-text-decoration-color: var(--aura-primary);
      text-decoration-color: var(--aura-primary);
    }

    .hover\:outline:hover, .hover\:outline-1:hover {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }

    .hover\:-outline-offset-1:hover {
      outline-offset: calc(1px * -1);
    }

    .hover\:outline-foreground\/40:hover {
      outline-color: var(--aura-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:outline-foreground\/40:hover {
        outline-color: color-mix(in oklab, var(--aura-foreground) 40%, transparent);
      }
    }
  }

  .focus\:z-10:focus {
    z-index: 10;
  }

  .focus\:bg-accent:focus {
    background-color: var(--aura-accent);
  }

  .focus\:text-accent-foreground:focus {
    color: var(--aura-accent-foreground);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-ring\/40:focus {
    --tw-ring-color: var(--aura-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-ring\/40:focus {
      --tw-ring-color: color-mix(in oklab, var(--aura-ring) 40%, transparent);
    }
  }

  :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
    color: var(--aura-accent-foreground);
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .focus-visible\:border-destructive\/40:focus-visible {
    border-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-destructive\/40:focus-visible {
      border-color: color-mix(in oklab, var(--aura-destructive) 40%, transparent);
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--aura-ring);
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-3:focus-visible, .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--aura-destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--aura-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--aura-ring) 50%, transparent);
    }
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--aura-ring);
  }

  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  @media (hover: hover) {
    .enabled\:hover\:bg-muted:enabled:hover {
      background-color: var(--aura-muted);
    }

    .enabled\:hover\:text-foreground:enabled:hover {
      color: var(--aura-foreground);
    }
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:text-muted-foreground:disabled {
    color: var(--aura-muted-foreground);
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-md {
    border-radius: var(--radius-md);
  }

  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within {
    border-color: inherit;
  }

  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :where([data-slot="dialog-content"]) .in-data-\[slot\=dialog-content\]\:rounded-lg\! {
    border-radius: var(--radius-lg) !important;
  }

  :where([data-slot="dropdown-menu-content"]) .in-data-\[slot\=dropdown-menu-content\]\:p-0 {
    padding: 0;
  }

  .has-data-checked\:border-primary\/30:has([data-checked]) {
    border-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-data-checked\:border-primary\/30:has([data-checked]) {
      border-color: color-mix(in oklab, var(--aura-primary) 30%, transparent);
    }
  }

  .has-data-checked\:bg-primary\/5:has([data-checked]) {
    background-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-data-checked\:bg-primary\/5:has([data-checked]) {
      background-color: color-mix(in oklab, var(--aura-primary) 5%, transparent);
    }
  }

  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }

  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }

  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[size\=sm\]\:gap-2\.5:has([data-size="sm"]) {
    gap: calc(var(--spacing) * 2.5);
  }

  .has-data-\[size\=xs\]\:gap-2:has([data-size="xs"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot="input-group-control"]:focus-visible) {
    border-color: var(--aura-ring);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has([data-slot="input-group-control"]:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
    --tw-ring-color: var(--aura-ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--aura-ring) 50%, transparent);
    }
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid="true"]) {
    border-color: var(--aura-destructive);
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has([data-slot][aria-invalid="true"]) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
    --tw-ring-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--aura-destructive) 20%, transparent);
    }
  }

  .has-\[button\:enabled\:hover\]\:bg-muted:has(:is(button:enabled:hover)) {
    background-color: var(--aura-muted);
  }

  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align="block-end"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align="block-start"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
    align-items: flex-start;
  }

  .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) {
    width: 100%;
  }

  .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) {
    border-radius: var(--radius-md);
  }

  .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>button\]\:-mr-1:has( > button) {
    margin-right: calc(var(--spacing) * -1);
  }

  .has-\[\>button\]\:-ml-1:has( > button) {
    margin-left: calc(var(--spacing) * -1);
  }

  .has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
    margin-right: -.15rem;
  }

  .has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
    margin-left: -.15rem;
  }

  .has-\[\>svg\]\:p-0:has( > svg) {
    padding: 0;
  }

  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }

  .aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--aura-muted);
  }

  .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--aura-secondary);
  }

  .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--aura-foreground);
  }

  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--aura-secondary-foreground);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--aura-destructive);
  }

  .aria-invalid\:ring-0[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--aura-destructive) 20%, transparent);
    }
  }

  .aria-invalid\:aria-checked\:border-primary[aria-invalid="true"][aria-checked="true"], .aria-pressed\:border-primary\/30[aria-pressed="true"] {
    border-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-pressed\:border-primary\/30[aria-pressed="true"] {
      border-color: color-mix(in oklab, var(--aura-primary) 30%, transparent);
    }
  }

  .aria-pressed\:bg-muted[aria-pressed="true"] {
    background-color: var(--aura-muted);
  }

  .aria-pressed\:bg-primary\/10[aria-pressed="true"] {
    background-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-pressed\:bg-primary\/10[aria-pressed="true"] {
      background-color: color-mix(in oklab, var(--aura-primary) 10%, transparent);
    }
  }

  .aria-pressed\:text-primary[aria-pressed="true"] {
    color: var(--aura-primary);
  }

  .aria-selected\:bg-accent[aria-selected="true"] {
    background-color: var(--aura-accent);
  }

  .aria-selected\:text-accent-foreground[aria-selected="true"] {
    color: var(--aura-accent-foreground);
  }

  .data-checked\:border-primary[data-checked] {
    border-color: var(--aura-primary);
  }

  .data-checked\:bg-primary[data-checked] {
    background-color: var(--aura-primary);
  }

  .data-checked\:text-primary-foreground[data-checked] {
    color: var(--aura-primary-foreground);
  }

  .data-highlighted\:bg-accent[data-highlighted] {
    background-color: var(--aura-accent);
  }

  .data-highlighted\:text-accent-foreground[data-highlighted] {
    color: var(--aura-accent-foreground);
  }

  .data-placeholder\:text-muted-foreground[data-placeholder] {
    color: var(--aura-muted-foreground);
  }

  .data-selected\:bg-muted[data-selected] {
    background-color: var(--aura-muted);
  }

  .data-selected\:text-foreground[data-selected] {
    color: var(--aura-foreground);
  }

  .data-vertical\:flex-col[data-vertical] {
    flex-direction: column;
  }

  .data-vertical\:items-stretch[data-vertical] {
    align-items: stretch;
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
    color: var(--aura-destructive);
  }

  .data-\[orientation\=horizontal\]\:mx-px[data-orientation="horizontal"] {
    margin-inline: 1px;
  }

  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
    height: 1px;
  }

  .data-\[orientation\=horizontal\]\:w-auto[data-orientation="horizontal"] {
    width: auto;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:my-px[data-orientation="vertical"] {
    margin-block: 1px;
  }

  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
    height: auto;
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
    width: 1px;
  }

  .data-\[side\=bottom\]\:-translate-x-1\/2[data-side="bottom"] {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:-translate-y-\[calc\(-50\%\+1px\)\][data-side="bottom"] {
    --tw-translate-y: calc(calc(-50% + 1px) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:-translate-y-\[calc\(50\%-3px\)\][data-side="left"] {
    --tw-translate-y: calc(calc(50% - 3px) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:translate-x-\[calc\(50\%\+2px\)\][data-side="right"] {
    --tw-translate-x: calc(50% + 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:translate-y-1\/2[data-side="right"] {
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:translate-x-1\/2[data-side="top"] {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:translate-y-\[calc\(-50\%\+2px\)\][data-side="top"] {
    --tw-translate-y: calc(-50% + 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[size\=default\]\:h-9[data-size="default"] {
    height: calc(var(--spacing) * 9);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
    gap: calc(var(--spacing) * 3);
  }

  :is(.\*\:data-\[slot\=field\]\:p-3 > *)[data-slot="field"] {
    padding: calc(var(--spacing) * 3);
  }

  :is(.\*\:data-\[slot\=field-group\]\:gap-4 > *)[data-slot="field-group"] {
    gap: calc(var(--spacing) * 4);
  }

  :is(.\*\:data-\[slot\=input-group-addon\]\:pl-2\! > *)[data-slot="input-group-addon"] {
    padding-left: calc(var(--spacing) * 2) !important;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
    position: relative;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
    isolation: isolate;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
    z-index: 50;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
    border-radius: var(--radius-sm);
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 1.5);
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-md:is(:where(.group\/toggle-group)[data-horizontal] *)[data-spacing="0"]:first-child {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-md:is(:where(.group\/toggle-group)[data-vertical] *)[data-spacing="0"]:first-child {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-md:is(:where(.group\/toggle-group)[data-horizontal] *)[data-spacing="0"]:last-child {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-md:is(:where(.group\/toggle-group)[data-vertical] *)[data-spacing="0"]:last-child {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }

  .data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color: var(--aura-background);
  }

  .data-\[state\=active\]\:shadow-sm[data-state="active"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[state\=on\]\:bg-muted[data-state="on"] {
    background-color: var(--aura-muted);
  }

  .data-\[state\=on\]\:bg-primary\/10[data-state="on"] {
    background-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=on\]\:bg-primary\/10[data-state="on"] {
      background-color: color-mix(in oklab, var(--aura-primary) 10%, transparent);
    }
  }

  .data-\[state\=on\]\:text-primary[data-state="on"] {
    color: var(--aura-primary);
  }

  .data-\[variant\=label\]\:text-sm[data-variant="label"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .data-\[spacing\=0\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing="0"][data-variant="outline"] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group)[data-horizontal] *)[data-spacing="0"][data-variant="outline"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group)[data-vertical] *)[data-spacing="0"][data-variant="outline"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group)[data-horizontal] *)[data-spacing="0"][data-variant="outline"]:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group)[data-vertical] *)[data-spacing="0"][data-variant="outline"]:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .nth-last-2\:-mt-1:nth-last-child(2) {
    margin-top: calc(var(--spacing) * -1);
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }

    .md\:flex-wrap {
      flex-wrap: wrap;
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @container bar not (min-width: 48rem) {
    .\@max-3xl\/bar\:hidden {
      display: none;
    }
  }

  @container bar not (min-width: 42rem) {
    .\@max-2xl\/bar\:w-44 {
      width: calc(var(--spacing) * 44);
    }
  }

  @container view not (min-width: 28rem) {
    .\@max-md\/view\:invisible {
      visibility: hidden;
    }

    .\@max-md\/view\:line-clamp-2 {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }

    .\@max-md\/view\:hidden {
      display: none;
    }

    .\@max-md\/view\:w-7 {
      width: calc(var(--spacing) * 7);
    }

    .\@max-md\/view\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }

    .\@max-md\/view\:py-0\.5 {
      padding-block: calc(var(--spacing) * .5);
    }

    .\@max-md\/view\:pl-1\.5 {
      padding-left: calc(var(--spacing) * 1.5);
    }

    .\@max-md\/view\:\[overflow-wrap\:anywhere\] {
      overflow-wrap: anywhere;
    }
  }

  @container view (min-width: 28rem) {
    .\@md\/view\:visible {
      visibility: visible;
    }

    .\@md\/view\:inline {
      display: inline;
    }

    .\@md\/view\:w-10 {
      width: calc(var(--spacing) * 10);
    }
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:flex-row {
      flex-direction: row;
    }

    .\@md\/field-group\:items-center {
      align-items: center;
    }
  }

  @container view (min-width: 28rem) {
    .\@md\/view\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .\@md\/view\:truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .\@md\/view\:py-px {
      padding-block: 1px;
    }

    .\@md\/view\:pl-3 {
      padding-left: calc(var(--spacing) * 3);
    }
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
      align-items: flex-start;
    }
  }

  @container bar (min-width: 42rem) {
    .\@2xl\/bar\:w-60 {
      width: calc(var(--spacing) * 60);
    }
  }

  @container bar (min-width: 48rem) {
    .\@3xl\/bar\:inline {
      display: inline;
    }
  }

  @container bar (min-width: 56rem) {
    .\@4xl\/bar\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }

  .dark\:border-amber-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-amber-700);
  }

  .dark\:border-amber-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-amber-800);
  }

  .dark\:border-blue-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-blue-700);
  }

  .dark\:border-blue-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-blue-800);
  }

  .dark\:border-cyan-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-cyan-700);
  }

  .dark\:border-cyan-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-cyan-800);
  }

  .dark\:border-emerald-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-emerald-700);
  }

  .dark\:border-emerald-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-emerald-800);
  }

  .dark\:border-fuchsia-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-fuchsia-700);
  }

  .dark\:border-fuchsia-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-fuchsia-800);
  }

  .dark\:border-gray-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-gray-700);
  }

  .dark\:border-gray-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-gray-800);
  }

  .dark\:border-green-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-green-700);
  }

  .dark\:border-green-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-green-800);
  }

  .dark\:border-indigo-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-indigo-700);
  }

  .dark\:border-indigo-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-indigo-800);
  }

  .dark\:border-input:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--aura-input);
  }

  .dark\:border-lime-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-lime-700);
  }

  .dark\:border-lime-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-lime-800);
  }

  .dark\:border-neutral-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-neutral-700);
  }

  .dark\:border-neutral-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-neutral-800);
  }

  .dark\:border-orange-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-orange-700);
  }

  .dark\:border-orange-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-orange-800);
  }

  .dark\:border-pink-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-pink-700);
  }

  .dark\:border-pink-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-pink-800);
  }

  .dark\:border-purple-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-purple-700);
  }

  .dark\:border-purple-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-purple-800);
  }

  .dark\:border-red-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-red-700);
  }

  .dark\:border-red-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-red-800);
  }

  .dark\:border-rose-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-rose-700);
  }

  .dark\:border-rose-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-rose-800);
  }

  .dark\:border-sky-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-sky-700);
  }

  .dark\:border-sky-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-sky-800);
  }

  .dark\:border-slate-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-slate-700);
  }

  .dark\:border-slate-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-slate-800);
  }

  .dark\:border-stone-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-stone-700);
  }

  .dark\:border-stone-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-stone-800);
  }

  .dark\:border-teal-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-teal-700);
  }

  .dark\:border-teal-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-teal-800);
  }

  .dark\:border-violet-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-violet-700);
  }

  .dark\:border-violet-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-violet-800);
  }

  .dark\:border-yellow-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-yellow-700);
  }

  .dark\:border-yellow-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-yellow-800);
  }

  .dark\:border-zinc-700:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-zinc-700);
  }

  .dark\:border-zinc-800:is(.dark *, [data-theme="dark"] *) {
    border-color: var(--color-zinc-800);
  }

  .dark\:bg-amber-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-amber-500);
  }

  .dark\:bg-amber-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-amber-950);
  }

  .dark\:bg-blue-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-blue-500);
  }

  .dark\:bg-blue-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-blue-950);
  }

  .dark\:bg-cyan-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-cyan-500);
  }

  .dark\:bg-cyan-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-cyan-950);
  }

  .dark\:bg-destructive\/20:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/20:is(.dark *, [data-theme="dark"] *) {
      background-color: color-mix(in oklab, var(--aura-destructive) 20%, transparent);
    }
  }

  .dark\:bg-emerald-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-emerald-500);
  }

  .dark\:bg-emerald-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-emerald-950);
  }

  .dark\:bg-fuchsia-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-fuchsia-500);
  }

  .dark\:bg-fuchsia-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-fuchsia-950);
  }

  .dark\:bg-gray-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-gray-500);
  }

  .dark\:bg-gray-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-gray-950);
  }

  .dark\:bg-green-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-green-500);
  }

  .dark\:bg-green-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-green-950);
  }

  .dark\:bg-indigo-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-indigo-500);
  }

  .dark\:bg-indigo-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-indigo-950);
  }

  .dark\:bg-input\/30:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--aura-input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *, [data-theme="dark"] *) {
      background-color: color-mix(in oklab, var(--aura-input) 30%, transparent);
    }
  }

  .dark\:bg-lime-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-lime-500);
  }

  .dark\:bg-lime-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-lime-950);
  }

  .dark\:bg-neutral-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-neutral-500);
  }

  .dark\:bg-neutral-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-neutral-950);
  }

  .dark\:bg-orange-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-orange-500);
  }

  .dark\:bg-orange-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-orange-950);
  }

  .dark\:bg-pink-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-pink-500);
  }

  .dark\:bg-pink-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-pink-950);
  }

  .dark\:bg-purple-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-purple-500);
  }

  .dark\:bg-purple-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-purple-950);
  }

  .dark\:bg-red-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-red-500);
  }

  .dark\:bg-red-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-red-950);
  }

  .dark\:bg-rose-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-rose-500);
  }

  .dark\:bg-rose-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-rose-950);
  }

  .dark\:bg-sky-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-sky-500);
  }

  .dark\:bg-sky-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-sky-950);
  }

  .dark\:bg-slate-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-slate-500);
  }

  .dark\:bg-slate-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-slate-950);
  }

  .dark\:bg-stone-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-stone-500);
  }

  .dark\:bg-stone-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-stone-950);
  }

  .dark\:bg-teal-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-teal-500);
  }

  .dark\:bg-teal-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-teal-950);
  }

  .dark\:bg-transparent:is(.dark *, [data-theme="dark"] *) {
    background-color: #0000;
  }

  .dark\:bg-violet-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-violet-500);
  }

  .dark\:bg-violet-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-violet-950);
  }

  .dark\:bg-yellow-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-yellow-500);
  }

  .dark\:bg-yellow-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-yellow-950);
  }

  .dark\:bg-zinc-500:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-zinc-500);
  }

  .dark\:bg-zinc-950:is(.dark *, [data-theme="dark"] *) {
    background-color: var(--color-zinc-950);
  }

  .dark\:text-amber-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-amber-300);
  }

  .dark\:text-amber-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-amber-400);
  }

  .dark\:text-amber-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-amber-950);
  }

  .dark\:text-blue-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-blue-300);
  }

  .dark\:text-blue-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-blue-400);
  }

  .dark\:text-blue-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-blue-950);
  }

  .dark\:text-cyan-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-cyan-300);
  }

  .dark\:text-cyan-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-cyan-400);
  }

  .dark\:text-cyan-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-cyan-950);
  }

  .dark\:text-emerald-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-emerald-300);
  }

  .dark\:text-emerald-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-emerald-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-emerald-950);
  }

  .dark\:text-fuchsia-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-fuchsia-300);
  }

  .dark\:text-fuchsia-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-fuchsia-400);
  }

  .dark\:text-fuchsia-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-fuchsia-950);
  }

  .dark\:text-gray-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-gray-300);
  }

  .dark\:text-gray-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-gray-400);
  }

  .dark\:text-gray-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-gray-950);
  }

  .dark\:text-green-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-green-300);
  }

  .dark\:text-green-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-green-400);
  }

  .dark\:text-green-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-green-950);
  }

  .dark\:text-indigo-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-indigo-300);
  }

  .dark\:text-indigo-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-indigo-400);
  }

  .dark\:text-indigo-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-indigo-950);
  }

  .dark\:text-lime-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-lime-300);
  }

  .dark\:text-lime-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-lime-400);
  }

  .dark\:text-lime-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-lime-950);
  }

  .dark\:text-muted-foreground:is(.dark *, [data-theme="dark"] *) {
    color: var(--aura-muted-foreground);
  }

  .dark\:text-neutral-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-neutral-300);
  }

  .dark\:text-neutral-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-neutral-400);
  }

  .dark\:text-neutral-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-neutral-950);
  }

  .dark\:text-orange-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-orange-300);
  }

  .dark\:text-orange-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-orange-400);
  }

  .dark\:text-orange-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-orange-950);
  }

  .dark\:text-pink-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-pink-300);
  }

  .dark\:text-pink-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-pink-400);
  }

  .dark\:text-pink-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-pink-950);
  }

  .dark\:text-purple-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-purple-300);
  }

  .dark\:text-purple-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-purple-400);
  }

  .dark\:text-purple-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-purple-950);
  }

  .dark\:text-red-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-red-300);
  }

  .dark\:text-red-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-red-400);
  }

  .dark\:text-red-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-red-950);
  }

  .dark\:text-rose-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-rose-300);
  }

  .dark\:text-rose-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-rose-400);
  }

  .dark\:text-rose-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-rose-950);
  }

  .dark\:text-sky-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-sky-300);
  }

  .dark\:text-sky-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-sky-400);
  }

  .dark\:text-sky-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-sky-950);
  }

  .dark\:text-slate-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-slate-300);
  }

  .dark\:text-slate-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-slate-400);
  }

  .dark\:text-slate-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-slate-950);
  }

  .dark\:text-stone-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-stone-300);
  }

  .dark\:text-stone-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-stone-400);
  }

  .dark\:text-stone-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-stone-950);
  }

  .dark\:text-teal-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-teal-300);
  }

  .dark\:text-teal-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-teal-400);
  }

  .dark\:text-teal-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-teal-950);
  }

  .dark\:text-violet-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-violet-300);
  }

  .dark\:text-violet-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-violet-400);
  }

  .dark\:text-violet-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-violet-950);
  }

  .dark\:text-yellow-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-yellow-300);
  }

  .dark\:text-yellow-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-yellow-400);
  }

  .dark\:text-yellow-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-yellow-950);
  }

  .dark\:text-zinc-300:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-zinc-300);
  }

  .dark\:text-zinc-400:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-zinc-400);
  }

  .dark\:text-zinc-950:is(.dark *, [data-theme="dark"] *) {
    color: var(--color-zinc-950);
  }

  @media (hover: hover) {
    .dark\:hover\:bg-destructive\/30:is(.dark *, [data-theme="dark"] *):hover {
      background-color: var(--aura-destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-destructive\/30:is(.dark *, [data-theme="dark"] *):hover {
        background-color: color-mix(in oklab, var(--aura-destructive) 30%, transparent);
      }
    }

    .dark\:hover\:bg-input\/50:is(.dark *, [data-theme="dark"] *):hover {
      background-color: var(--aura-input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *, [data-theme="dark"] *):hover {
        background-color: color-mix(in oklab, var(--aura-input) 50%, transparent);
      }
    }

    .dark\:hover\:bg-muted\/50:is(.dark *, [data-theme="dark"] *):hover {
      background-color: var(--aura-muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-muted\/50:is(.dark *, [data-theme="dark"] *):hover {
        background-color: color-mix(in oklab, var(--aura-muted) 50%, transparent);
      }
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *, [data-theme="dark"] *):focus-visible {
    --tw-ring-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *, [data-theme="dark"] *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--aura-destructive) 40%, transparent);
    }
  }

  .dark\:has-data-checked\:border-primary\/20:is(.dark *, [data-theme="dark"] *):has([data-checked]) {
    border-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-data-checked\:border-primary\/20:is(.dark *, [data-theme="dark"] *):has([data-checked]) {
      border-color: color-mix(in oklab, var(--aura-primary) 20%, transparent);
    }
  }

  .dark\:has-data-checked\:bg-primary\/10:is(.dark *, [data-theme="dark"] *):has([data-checked]) {
    background-color: var(--aura-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-data-checked\:bg-primary\/10:is(.dark *, [data-theme="dark"] *):has([data-checked]) {
      background-color: color-mix(in oklab, var(--aura-primary) 10%, transparent);
    }
  }

  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *, [data-theme="dark"] *):has([data-slot][aria-invalid="true"]) {
    --tw-ring-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *, [data-theme="dark"] *):has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--aura-destructive) 40%, transparent);
    }
  }

  .dark\:aria-invalid\:border-destructive\/50:is(.dark *, [data-theme="dark"] *)[aria-invalid="true"] {
    border-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:border-destructive\/50:is(.dark *, [data-theme="dark"] *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--aura-destructive) 50%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *, [data-theme="dark"] *)[aria-invalid="true"] {
    --tw-ring-color: var(--aura-destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *, [data-theme="dark"] *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--aura-destructive) 40%, transparent);
    }
  }

  .dark\:data-checked\:bg-primary:is(.dark *, [data-theme="dark"] *)[data-checked] {
    background-color: var(--aura-primary);
  }

  .dark\:data-\[state\=active\]\:border-input:is(.dark *, [data-theme="dark"] *)[data-state="active"] {
    border-color: var(--aura-input);
  }

  .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *, [data-theme="dark"] *)[data-state="active"] {
    background-color: var(--aura-input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *, [data-theme="dark"] *)[data-state="active"] {
      background-color: color-mix(in oklab, var(--aura-input) 30%, transparent);
    }
  }

  .dark\:data-\[state\=active\]\:text-foreground:is(.dark *, [data-theme="dark"] *)[data-state="active"] {
    color: var(--aura-foreground);
  }

  .\[\&_img\]\:size-full img {
    width: 100%;
    height: 100%;
  }

  .\[\&_img\]\:object-cover img {
    object-fit: cover;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
    color: var(--aura-muted-foreground);
  }

  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
    flex: none;
  }

  .\[\.border-b\]\:pb-2.border-b {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .\[\.border-t\]\:pt-2.border-t {
    padding-top: calc(var(--spacing) * 2);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *)[cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 *)[cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-xs *)[cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium *)[cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-muted-foreground *)[cmdk-group-heading] {
    color: var(--aura-muted-foreground);
  }

  .\[a\]\:transition-colors:is(a) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
      background-color: var(--aura-destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
        background-color: color-mix(in oklab, var(--aura-destructive) 20%, transparent);
      }
    }

    .\[a\]\:hover\:bg-muted:is(a):hover {
      background-color: var(--aura-muted);
    }

    .\[a\]\:hover\:bg-primary\/80:is(a):hover {
      background-color: var(--aura-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-primary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--aura-primary) 80%, transparent);
      }
    }

    .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
      background-color: var(--aura-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--aura-secondary) 80%, transparent);
      }
    }

    .\[a\]\:hover\:text-muted-foreground:is(a):hover {
      color: var(--aura-muted-foreground);
    }
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  :is(.data-selected\:\*\:\[svg\]\:text-foreground[data-selected] > *):is(svg) {
    color: var(--aura-foreground);
  }

  .\[\&\>\*\]\:w-full > * {
    width: 100%;
  }

  .\[\&\>\*\]\:focus-visible\:relative > :focus-visible {
    position: relative;
  }

  .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible {
    z-index: 10;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:\[\&\>\*\]\:w-auto > * {
      width: auto;
    }
  }

  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
    width: auto;
  }

  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
    flex: auto;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
      flex: auto;
    }
  }

  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }

  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) {
    width: fit-content;
  }

  .\[\&\>\[data-slot\]\]\:rounded-r-none > [data-slot] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .\[\&\>\[data-slot\]\]\:rounded-b-none > [data-slot] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-md\! > [data-slot]:not(:has( ~ [data-slot])) {
    border-top-right-radius: var(--radius-md) !important;
    border-bottom-right-radius: var(--radius-md) !important;
  }

  .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-md\! > [data-slot]:not(:has( ~ [data-slot])) {
    border-bottom-right-radius: var(--radius-md) !important;
    border-bottom-left-radius: var(--radius-md) !important;
  }

  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-t-none > [data-slot] ~ [data-slot] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-l-none > [data-slot] ~ [data-slot] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-t-0 > [data-slot] ~ [data-slot] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-l-0 > [data-slot] ~ [data-slot] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
    margin-top: 1px;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
      margin-top: 1px;
    }
  }

  .\[\&\>a\]\:underline > a {
    text-decoration-line: underline;
  }

  .\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset: 4px;
  }

  .\[\&\>a\:hover\]\:text-primary > a:hover {
    color: var(--aura-primary);
  }

  .\[\&\>input\]\:flex-1 > input {
    flex: 1;
  }

  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align="block-end"]) > input {
    padding-top: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align="block-start"]) > input {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has( > [data-align="inline-end"]) > input {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has( > [data-align="inline-start"]) > input {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
    border-radius: calc(var(--radius) - 5px);
  }

  .\[\&\>p\]\:inline > p {
    display: inline;
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3\! > svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }

  .\[\&\>svg\]\:size-3\.5 > svg, .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }
}

:root {
  --aura-background: oklch(100% 0 0);
  --aura-foreground: oklch(13.6% .036 259.2);
  --aura-card: oklch(100% 0 0);
  --aura-card-foreground: oklch(13.6% .036 259.2);
  --aura-popover: oklch(100% 0 0);
  --aura-popover-foreground: oklch(13.6% .036 259.2);
  --aura-primary: oklch(60.3% .146 249.5);
  --aura-primary-foreground: oklch(98.4% .003 247.9);
  --aura-ink: oklch(20.5% 0 0);
  --aura-ink-foreground: oklch(98.5% 0 0);
  --aura-secondary: oklch(96.8% .007 247.9);
  --aura-secondary-foreground: oklch(20.8% .04 265.8);
  --aura-muted: oklch(96.8% .007 247.9);
  --aura-muted-foreground: oklch(55.4% .041 257.4);
  --aura-accent: oklch(96.8% .007 247.9);
  --aura-accent-foreground: oklch(20.8% .04 265.8);
  --aura-destructive: oklch(57.7% .245 27.325);
  --aura-destructive-foreground: oklch(98.5% 0 0);
  --aura-border: oklch(92.9% .013 255.5);
  --aura-input: oklch(92.9% .013 255.5);
  --aura-ring: oklch(60.3% .146 249.5);
  --aura-success: oklch(62.7% .194 149.214);
  --aura-warning: oklch(76.9% .188 70.08);
  --aura-info: oklch(60.3% .146 249.5);
  --aura-selection: var(--aura-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --aura-selection: color-mix(in oklab, var(--aura-primary) 12%, var(--aura-background));
  }
}

:root {
  --aura-alt-row: var(--aura-border);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --aura-alt-row: color-mix(in oklab, var(--aura-border) 25%, var(--aura-background));
  }
}

:root {
  --aura-activity: oklch(98.5% 0 0);
}

:root:is(.dark, [data-theme="dark"]) {
  --aura-background: oklch(28.1% 0 0);
  --aura-foreground: oklch(96.1% 0 0);
  --aura-card: oklch(28.1% 0 0);
  --aura-card-foreground: oklch(96.1% 0 0);
  --aura-popover: oklch(28.1% 0 0);
  --aura-popover-foreground: oklch(96.1% 0 0);
  --aura-primary: oklch(60.3% .146 249.5);
  --aura-primary-foreground: oklch(98.5% 0 0);
  --aura-ink: oklch(92.2% 0 0);
  --aura-ink-foreground: oklch(20.5% 0 0);
  --aura-secondary: oklch(34.1% 0 0);
  --aura-secondary-foreground: oklch(92.5% 0 0);
  --aura-muted: oklch(33.3% 0 0);
  --aura-muted-foreground: oklch(60% 0 0);
  --aura-accent: oklch(34.1% 0 0);
  --aura-accent-foreground: oklch(92.5% 0 0);
  --aura-destructive: oklch(70.4% .191 22.216);
  --aura-destructive-foreground: oklch(98.5% 0 0);
  --aura-border: oklch(39.8% 0 0);
  --aura-input: oklch(39.8% 0 0);
  --aura-ring: oklch(60.3% .146 249.5);
  --aura-success: oklch(72.3% .219 149.579);
  --aura-warning: oklch(82.8% .189 84.429);
  --aura-info: oklch(60.3% .146 249.5);
  --aura-selection: var(--aura-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  :root:is(.dark, [data-theme="dark"]) {
    --aura-selection: color-mix(in oklab, var(--aura-primary) 30%, var(--aura-background));
  }
}

:root:is(.dark, [data-theme="dark"]) {
  --aura-alt-row: var(--aura-border);
}

@supports (color: color-mix(in lab, red, red)) {
  :root:is(.dark, [data-theme="dark"]) {
    --aura-alt-row: color-mix(in oklab, var(--aura-border) 30%, var(--aura-background));
  }
}

:root:is(.dark, [data-theme="dark"]) {
  --aura-activity: oklch(22.6% 0 0);
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

  .drawer.svelte-y19lgj {
    position: fixed;
    inset-block: 0;
    right: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--aura-border, var(--border));
    background: var(--aura-background, var(--background));
    color: var(--aura-foreground, var(--foreground));
    box-shadow: -12px 0 32px -8px rgb(0 0 0 / 0.14), -2px 0 6px -2px rgb(0 0 0 / 0.06);
    transform: translateX(100%);
    pointer-events: none;
    transition: transform 200ms ease-out;
  }
  .drawer.follow.svelte-y19lgj { transition: transform 200ms ease-out, width 200ms ease-out; }
  .drawer.open.svelte-y19lgj { transform: translateX(0); pointer-events: auto; }

  /* the header: a band a shade off the page, so it reads as chrome */
  .head.svelte-y19lgj {
    display: grid;
    flex-shrink: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.5rem;
    padding: 0.625rem 0.5rem 0.625rem 0.875rem;
    border-bottom: 1px solid var(--aura-border, var(--border));
    background: color-mix(in oklab, var(--aura-muted, var(--muted)) 55%, var(--aura-background, var(--background)));
  }
  .ident.svelte-y19lgj { display: flex; align-items: center; gap: 0.625rem; min-width: 0; }
  .lead.svelte-y19lgj {
    display: inline-grid;
    flex: none;
    place-items: center;
    /* the height of everything else in the row - the lens chip, the buttons */
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.375rem;
    background: color-mix(in oklab, var(--aura-primary, var(--primary)) 14%, var(--aura-background, var(--background)));
    color: var(--aura-primary, var(--primary));
    box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--aura-primary, var(--primary)) 22%, transparent);
  }
  .title.svelte-y19lgj {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    letter-spacing: -0.01em;
  }
  /* the toolbar tier, under the name; gone while nothing has moved into it */
  .actions.svelte-y19lgj {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    margin-top: 0.5rem;
    padding-right: 0.375rem;
  }
  .actions.svelte-y19lgj:not(:has(> * > *)) { display: none; }
  /* the controls span their row, so a host can put something at its far end */
  .actions.svelte-y19lgj > * { flex: 1 1 auto; min-width: 0; }
  .end.svelte-y19lgj { display: flex; align-items: center; }
  .tag.svelte-y19lgj { display: inline-flex; flex: none; }
  .end-tools.svelte-y19lgj { display: inline-flex; align-items: center; gap: 0.125rem; margin-right: 0.25rem; }
  .rule.svelte-y19lgj { display: none; width: 1px; height: 1.25rem; margin-right: 0.25rem; background: var(--aura-border, var(--border)); }

  /* one row: the controls between the name and the close button */
  .head.one.svelte-y19lgj { grid-template-columns: minmax(0, 1fr) auto auto; }
  .head.one.svelte-y19lgj .actions:where(.svelte-y19lgj) { grid-column: 2; grid-row: 1; margin-top: 0; padding-right: 0; justify-content: flex-end; }
  .head.one.svelte-y19lgj .end:where(.svelte-y19lgj) { grid-column: 3; grid-row: 1; }
  /* (unused) .head.one:has(.actions > * > *) .rule,*/
  .head.svelte-y19lgj:has(.end-tools:where(.svelte-y19lgj)) .rule:where(.svelte-y19lgj) { display: block; }
  .close.svelte-y19lgj {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    color: var(--aura-muted-foreground, var(--muted-foreground));
    cursor: pointer;
    transition: background-color 120ms, color 120ms;
  }
  .close.svelte-y19lgj:hover { background: var(--aura-accent, var(--accent)); color: var(--aura-accent-foreground, var(--accent-foreground)); }
  .close.svelte-y19lgj:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }

  .body.svelte-y19lgj { flex: 1; min-height: 0; overflow: auto; padding: 0.75rem 0.875rem; }
  /* the header's band, mirrored; hidden while empty */
  .foot.svelte-y19lgj {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.5rem;
    padding: 0.375rem 0.5rem;
    border-top: 1px solid var(--aura-border, var(--border));
    background: color-mix(in oklab, var(--aura-muted, var(--muted)) 55%, var(--aura-background, var(--background)));
  }
  /* the host's first piece takes the room; the rest (Save) sits right */
  .foot.svelte-y19lgj > * { min-width: 0; }
  .foot.svelte-y19lgj > :first-child { flex: 1; display: flex; align-items: center; gap: 0.5rem; }
  .foot.svelte-y19lgj:not(:has(> * > *)) { display: none; }

  /* the edge is the handle: a fingertip-wide strip, with a hairline on approach */
  .handle.svelte-y19lgj {
    position: absolute;
    inset-block: 0;
    left: -3px;
    width: 6px;
    cursor: col-resize;
    z-index: 1;
  }
  .handle.svelte-y19lgj:hover,
  .handle.svelte-y19lgj:active { background: color-mix(in oklch, var(--aura-ring, var(--ring)) 45%, transparent); }

  /* backgrounds are opaque so columns scrolling under a pinned cell do not show through */
  .aura-grid.svelte-ygr87a {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    color: var(--aura-foreground, var(--foreground));
    font-size: 0.8125rem;
  }
  .aura-grid.dragging.svelte-ygr87a { cursor: col-resize; user-select: none; }

  /* the header wears the activity bar's ground, so the table reads as part of the frame */
  .head-port.svelte-ygr87a {
    flex: none;
    overflow-x: hidden;
    border-bottom: 1px solid var(--aura-border, var(--border));
    background: var(--aura-activity, var(--aura-muted, var(--muted)));
  }
  .head.svelte-ygr87a { display: grid; align-items: stretch; }
  .hcell.svelte-ygr87a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
    height: 1.875rem;
    padding: 0 0.25rem 0 0.5rem;
    border-right: 1px solid var(--aura-border, var(--border));
    background: var(--aura-activity, var(--aura-muted, var(--muted)));
    color: var(--aura-muted-foreground, var(--muted-foreground));
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
    user-select: none;
  }
  .hcell.pinned.svelte-ygr87a, .lead.hcell.svelte-ygr87a { position: sticky; z-index: 2; }
  .lead.hcell.svelte-ygr87a { left: 0; padding: 0; justify-content: center; }

  /* the edge you drag: a hairline's width, primary while it moves */
  .resize.svelte-ygr87a {
    position: absolute;
    top: 0;
    right: -2px;
    z-index: 3;
    width: 4px;
    height: 100%;
    cursor: col-resize;
  }
  .resize.svelte-ygr87a:hover, .resize.on.svelte-ygr87a { background: var(--aura-primary, var(--primary)); }

  .body.svelte-ygr87a { position: relative; flex: 1; min-height: 0; overflow: auto; }
  .window.svelte-ygr87a { position: absolute; top: 0; left: 0; width: 100%; }
  .empty.svelte-ygr87a {
    display: grid;
    place-items: center;
    height: 100%;
    padding: 2rem;
    color: var(--aura-muted-foreground, var(--muted-foreground));
  }

  .row.svelte-ygr87a {
    position: absolute;
    left: 0;
    display: grid;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid color-mix(in oklab, var(--aura-border, var(--border)) 70%, transparent);
    background: var(--aura-background, var(--background));
    outline: none;
  }
  .row.svelte-ygr87a:hover { background: var(--aura-accent, var(--accent)); }
  .cell.svelte-ygr87a {
    display: flex;
    align-items: center;
    min-width: 0;
    height: 100%;
    padding: 0 0.5rem;
    overflow: hidden;
    white-space: nowrap;
  }
  .cell.pinned.svelte-ygr87a, .lead.cell.svelte-ygr87a { position: sticky; z-index: 1; background: inherit; }
  .lead.cell.svelte-ygr87a { left: 0; padding: 0; justify-content: center; }
  .centered.svelte-ygr87a .cell:where(.svelte-ygr87a):not(.start), .cell.mid.svelte-ygr87a { justify-content: center; }

  /* the pinned edge: a hairline, plus a shadow once scrolled sideways */
  .edge.svelte-ygr87a { border-right: 1px solid var(--aura-border, var(--border)); }
  .scrolled.svelte-ygr87a .edge:where(.svelte-ygr87a) { box-shadow: 6px 0 6px -6px rgb(0 0 0 / 0.18); }

  .code.svelte-pygpqe {
    width: 100%;
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.25rem;
    background: var(--aura-background, var(--background));
    color: inherit;
  }

	/* Hide scrollbars cross browser and enable momentum scroll for touch devices */
	[data-select-viewport] {
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
		-webkit-overflow-scrolling: touch !important;
	}

	[data-combobox-viewport] {
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
		-webkit-overflow-scrolling: touch !important;
	}

	[data-combobox-viewport]::-webkit-scrollbar {
		display: none !important;
	}
	[data-select-viewport]::-webkit-scrollbar {
		display: none !important;
	}

  .dim.svelte-mu65rk { display: inline-flex; align-items: center; gap: 0.35rem; min-width: 0; }
  .name.svelte-mu65rk { overflow: hidden; text-overflow: ellipsis; }
  .n.svelte-mu65rk {
    flex: none;
    padding: 0 0.3rem;
    border-radius: 0.25rem;
    background: var(--aura-background, var(--background));
    font-size: 0.6875rem;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
  }

  .rollup.svelte-1qnjfqk { display: flex; flex-direction: column; gap: 0.375rem; }
  .sum.svelte-1qnjfqk { margin: 0; font-size: 0.75rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .sum.svelte-1qnjfqk b:where(.svelte-1qnjfqk) { color: var(--aura-foreground, var(--foreground)); font-weight: 600; font-variant-numeric: tabular-nums; }
  .miss.svelte-1qnjfqk { white-space: nowrap; }
  .bars.svelte-1qnjfqk { display: flex; flex-direction: column; gap: 0.125rem; margin: 0; padding: 0; list-style: none; }
  .bar.svelte-1qnjfqk {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    height: 1.375rem;
    padding: 0 0.375rem;
    overflow: hidden;
    border: 0;
    border-radius: 0.25rem;
    background: none;
    color: inherit;
    font: inherit;
    font-size: 0.75rem;
    text-align: left;
    cursor: pointer;
  }
  .bar.svelte-1qnjfqk:disabled { cursor: default; }
  .fill.svelte-1qnjfqk {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: 0.25rem;
    background: color-mix(in oklab, var(--aura-primary, var(--primary)) 14%, transparent);
  }
  .bar.svelte-1qnjfqk:hover:not(:disabled) .fill:where(.svelte-1qnjfqk) { background: color-mix(in oklab, var(--aura-primary, var(--primary)) 24%, transparent); }
  .label.svelte-1qnjfqk { position: relative; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .count.svelte-1qnjfqk { position: relative; font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }

  .sift.svelte-1w16p9c { display: flex; flex-direction: column; gap: 0.5rem; }
  .presence.svelte-1w16p9c {
    display: flex;
    gap: 0.125rem;
    padding: 0.125rem;
    border-radius: 0.375rem;
    background: var(--aura-muted, var(--muted));
  }
  .presence.svelte-1w16p9c button:where(.svelte-1w16p9c) {
    flex: 1;
    height: 1.5rem;
    border: 0;
    border-radius: 0.3rem;
    background: none;
    color: var(--aura-muted-foreground, var(--muted-foreground));
    font: inherit;
    font-size: 0.75rem;
    cursor: pointer;
  }
  .presence.svelte-1w16p9c button.on:where(.svelte-1w16p9c) {
    background: var(--aura-background, var(--background));
    color: var(--aura-foreground, var(--foreground));
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.08);
  }
  .search.svelte-1w16p9c {
    height: 1.75rem;
    padding: 0 0.5rem;
    border: 1px solid var(--aura-input, var(--input));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    color: inherit;
    font: inherit;
    font-size: 0.75rem;
  }
  .values.svelte-1w16p9c { max-height: 14rem; margin: 0; padding: 0; overflow: auto; list-style: none; }
  .value.svelte-1w16p9c {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.375rem;
    border-radius: 0.3rem;
    font-size: 0.8125rem;
    cursor: pointer;
  }
  .value.svelte-1w16p9c:hover { background: var(--aura-accent, var(--accent)); }
  .value.svelte-1w16p9c input:where(.svelte-1w16p9c) { accent-color: var(--aura-primary, var(--primary)); }
  .label.svelte-1w16p9c { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .count.svelte-1w16p9c { font-size: 0.6875rem; font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .none.svelte-1w16p9c { margin: 0; font-size: 0.75rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }

  /* a value until you touch it: no border, ground or extra padding */
  .trigger.svelte-15w6b6w {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    /* max-content so it sizes to its label, max-width so it never outgrows its parent */
    width: max-content;
    min-width: 0;
    max-width: 100%;
    /* clip here, not on the label, whose zero min-content would ellipse `VA` to `V` */
    overflow: hidden;
    padding: 0.1rem 0.3rem;
    margin: -0.1rem -0.3rem;
    background: none;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
  }
  .trigger.flat.svelte-15w6b6w { cursor: default; }

  .trigger.svelte-15w6b6w .caret { opacity: 0; transition: opacity 0.1s; flex: none; }

  .trigger.svelte-15w6b6w:hover:not(.flat),
  .trigger.on.svelte-15w6b6w {
    border-color: var(--aura-border, var(--border, rgb(0 0 0 / 0.14)));
    background: var(--aura-accent, var(--accent, rgb(0 0 0 / 0.03)));
  }
  .trigger.svelte-15w6b6w:hover .caret,
  .trigger.on.svelte-15w6b6w .caret { opacity: 0.5; }

  /* after the plain hover rules, which have the same specificity; `flex: none` keeps the unit */
  .trigger.badge.svelte-15w6b6w {
    flex: none;
    gap: 0.15rem;
    padding: 0.05rem 0.25rem;
    margin: 0;
    border-color: var(--aura-border, var(--border, rgb(0 0 0 / 0.16)));
    border-radius: 0.3rem;
    background: var(--aura-muted, var(--muted, rgb(0 0 0 / 0.04)));
    font-size: var(--aura-note);
    line-height: 1.35;
  }
  .trigger.badge.svelte-15w6b6w .caret { opacity: 0.45; }
  .trigger.badge.svelte-15w6b6w:hover { background: var(--aura-accent, var(--accent, rgb(0 0 0 / 0.1))); }
  .trigger.badge.svelte-15w6b6w:hover .caret { opacity: 0.85; }

  .label.svelte-15w6b6w { text-overflow: ellipsis; white-space: nowrap; overflow: clip; }
  /* an absent value is quieter than a present one, everywhere */
  .label.empty.svelte-15w6b6w { opacity: 0.4; }

  .search.svelte-15w6b6w {
    width: 100%;
    padding: 0.3rem 0.45rem;
    margin-bottom: 0.35rem;
    border: 1px solid var(--aura-border, var(--border, rgb(0 0 0 / 0.14)));
    border-radius: 0.25rem;
    background: transparent;
    font: inherit;
    font-size: var(--aura-text);
    color: inherit;
  }
  .search.svelte-15w6b6w:focus { outline: 2px solid var(--aura-ring, var(--ring, rgb(0 0 0 / 0.2))); outline-offset: -1px; }

  /* an addon's box is the input group's; after the plain hover rules for the same reason */
  .trigger.addon.svelte-15w6b6w {
    align-self: stretch;
    flex: none;
    gap: 0.2rem;
    margin: 0;
    padding: 0 0.15rem 0 0.5rem;
    border: 0;
    border-left: 1px solid var(--aura-input, var(--input, rgb(0 0 0 / 0.14)));
    border-radius: 0;
    background: transparent;
    font-size: var(--aura-note);
  }
  .trigger.addon.svelte-15w6b6w .caret { opacity: 0.45; }
  .trigger.addon.svelte-15w6b6w:hover:not(.flat),
  .trigger.addon.on.svelte-15w6b6w { background: var(--aura-accent, var(--accent, rgb(0 0 0 / 0.04))); }
  .trigger.addon.svelte-15w6b6w:hover .caret { opacity: 0.9; }

  /* standing chrome (see Chrome in scope.ts): fixed height, no negative margin, caret shown; not badges or addons */
  [data-chrome='standing'] .trigger.svelte-15w6b6w:not(.badge):not(.addon) {
    min-height: 1.75rem;
    padding: 0.2rem 0.45rem;
    margin: 0;
    border-color: var(--aura-input, var(--input, rgb(0 0 0 / 0.14)));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
  }
  [data-chrome='standing'] .trigger.svelte-15w6b6w:not(.badge):not(.addon):not(.flat):hover,
  [data-chrome='standing'] .trigger:not(.badge):not(.addon).on.svelte-15w6b6w {
    border-color: var(--aura-ring, var(--ring, rgb(0 0 0 / 0.3)));
    background: var(--aura-background, var(--background));
  }
  [data-chrome='standing'] .trigger.svelte-15w6b6w:not(.badge):not(.addon) .caret {
    opacity: 0.45;
    margin-left: auto;
  }
  [data-chrome='standing'] .trigger.svelte-15w6b6w:not(.badge):not(.addon):hover .caret { opacity: 0.9; }

  /* a locked choice reads as stated: muted ground and text */
  [data-chrome='standing'] .trigger.flat.svelte-15w6b6w {
    background: var(--aura-muted, var(--muted, rgb(0 0 0 / 0.03)));
    color: var(--aura-muted-foreground, var(--muted-foreground, rgb(0 0 0 / 0.55)));
  }
  /* dimmed, not dashed: dashed means available on the pill row */
  [data-chrome='standing'] .trigger.flat.svelte-15w6b6w .caret { opacity: 0.25; }
  [data-chrome='standing'] .trigger.flat.svelte-15w6b6w:hover .caret { opacity: 0.25; }

  /* the panel scrolls, not the page: ninety units must not run off the viewport */
  .list.svelte-15w6b6w { max-height: 17rem; overflow-y: auto; }

  /* a square that holds its size before it draws, so the grid never reflows */
  .cell.svelte-lby1o8 {
    display: grid;
    place-items: center;
    aspect-ratio: 1;
    padding: 0.2rem;
    background: none;
    border: 1px solid transparent;
    border-radius: 0.3rem;
    color: inherit;
    cursor: pointer;
  }
  .cell.svelte-lby1o8:hover { background: var(--aura-accent, var(--accent, rgb(0 0 0 / 0.07))); }
  .cell.on.svelte-lby1o8 {
    border-color: var(--aura-foreground, var(--foreground, #111));
    background: var(--aura-accent, var(--accent, rgb(0 0 0 / 0.07)));
  }
  /* a domain word gets a quiet ground, so you know which half of the panel you are in */
  .cell.alias.svelte-lby1o8 { background: var(--aura-muted, var(--muted, rgb(0 0 0 / 0.04))); }
  .cell.alias.svelte-lby1o8:hover { background: var(--aura-accent, var(--accent, rgb(0 0 0 / 0.09))); }

  .band.svelte-m4u1ov { margin-bottom: 0.4rem; padding-bottom: 0.4rem; border-bottom: 1px solid var(--aura-border, var(--border)); }
  .head.svelte-m4u1ov {
    margin: 0 0 0.3rem;
    font-size: var(--aura-note);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    opacity: 0.4;
  }

  /* auto-fill, so the grid fits a popover or a drawer */
  .grid.svelte-m4u1ov {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(1.9rem, 1fr));
    gap: 0.2rem;
  }

  /* ── the style bar ── */
  .bar.svelte-m4u1ov {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.45rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid var(--aura-border, var(--border));
  }
  /* a segmented control: one strip, the picked one inverted */
  .seg.svelte-m4u1ov { display: inline-flex; border: 1px solid var(--aura-border, var(--border)); border-radius: 0.3rem; overflow: hidden; }
  .seg.svelte-m4u1ov button:where(.svelte-m4u1ov) {
    padding: 0.1rem 0.4rem;
    border: 0;
    border-left: 1px solid var(--aura-border, var(--border));
    background: none;
    font: inherit;
    font-size: var(--aura-note);
    color: inherit;
    cursor: pointer;
    opacity: 0.6;
  }
  .seg.svelte-m4u1ov button:where(.svelte-m4u1ov):first-child { border-left: 0; }
  .seg.svelte-m4u1ov button:where(.svelte-m4u1ov):hover { opacity: 1; }
  .seg.svelte-m4u1ov button.on:where(.svelte-m4u1ov) { background: var(--aura-foreground, var(--foreground)); color: var(--aura-background, var(--background)); opacity: 1; }

  .hues.svelte-m4u1ov { display: flex; flex-wrap: wrap; gap: 0.15rem; align-items: center; }
  /* swatches use Tailwind's safelisted `bg-{c}-600`, the tier `fill: solid` paints */
  .hue.svelte-m4u1ov {
    width: 0.85rem;
    height: 0.85rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 999px;
    cursor: pointer;
  }
  /* a ring, not a tick, so the mark never hides the colour */
  .hue.on.svelte-m4u1ov { outline: 2px solid var(--aura-foreground, var(--foreground)); outline-offset: 1px; }

  .facets.svelte-m4u1ov { display: flex; flex-wrap: wrap; gap: 0.2rem; margin-bottom: 0.4rem; }
  .facet.svelte-m4u1ov {
    padding: 0.1rem 0.35rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 999px;
    background: none;
    font: inherit;
    font-size: var(--aura-note);
    color: inherit;
    cursor: pointer;
    opacity: 0.7;
  }
  .facet.svelte-m4u1ov:hover { opacity: 1; }
  .facet.on.svelte-m4u1ov {
    background: var(--aura-foreground, var(--foreground));
    border-color: var(--aura-foreground, var(--foreground));
    color: var(--aura-background, var(--background));
    opacity: 1;
  }

  .clear.svelte-m4u1ov {
    display: block;
    width: 100%;
    margin-bottom: 0.35rem;
    padding: 0.25rem 0.4rem;
    background: none;
    border: 0;
    border-radius: 0.25rem;
    font: inherit;
    font-size: var(--aura-text);
    font-style: italic;
    color: inherit;
    text-align: left;
    cursor: pointer;
    opacity: 0.75;
  }
  .clear.svelte-m4u1ov:hover { background: var(--aura-accent, var(--accent)); }
  .clear.on.svelte-m4u1ov { font-weight: 600; }

  .pager.svelte-m4u1ov {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0.4rem;
    padding-top: 0.4rem;
    border-top: 1px solid var(--aura-border, var(--border));
    font-size: var(--aura-note);
    opacity: 0.6;
  }
  .pager.svelte-m4u1ov button:where(.svelte-m4u1ov) {
    padding: 0 0.4rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.25rem;
    background: none;
    font: inherit;
    font-size: var(--aura-text);
    line-height: 1.2;
    color: inherit;
    cursor: pointer;
  }
  .pager.svelte-m4u1ov button:where(.svelte-m4u1ov):disabled { opacity: 0.3; cursor: default; }
  .pager.svelte-m4u1ov button:where(.svelte-m4u1ov):not(:disabled):hover { background: var(--aura-accent, var(--accent)); }
  .none.svelte-m4u1ov { padding: 0.4rem; font-size: var(--aura-text); opacity: 0.5; }

  .preview.svelte-19dgfoo { display: inline-flex; margin-left: 0.35rem; opacity: 0.7; vertical-align: -0.15rem; }

  .sw.svelte-1jbhjuu {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.1rem 0.3rem;
    margin: -0.1rem -0.3rem;
    background: none;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font: inherit;
    color: inherit;
    cursor: pointer;
  }
  .sw.svelte-1jbhjuu:hover { border-color: var(--aura-border, var(--border, rgb(0 0 0 / 0.14))); }

  /* a fixed-width track, so a column of switches has one edge */
  .knob.svelte-1jbhjuu {
    position: relative;
    width: 1.6rem;
    height: 0.85rem;
    flex: none;
    border-radius: 999px;
    background: var(--aura-muted, var(--muted, rgb(0 0 0 / 0.12)));
    transition: background 0.12s;
  }
  .knob.svelte-1jbhjuu::after {
    content: '';
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: var(--aura-background, var(--background, #fff));
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.25);
    transition: transform 0.12s;
  }
  /* centred knob means absent */
  .knob.svelte-1jbhjuu::after { transform: translateX(0.375rem); }
  .sw.off.svelte-1jbhjuu .knob:where(.svelte-1jbhjuu)::after { transform: translateX(0); }
  .sw.on.svelte-1jbhjuu .knob:where(.svelte-1jbhjuu)::after { transform: translateX(0.75rem); }
  .sw.on.svelte-1jbhjuu .knob:where(.svelte-1jbhjuu) { background: var(--aura-primary, var(--primary, #16a34a)); }

  .word.svelte-1jbhjuu { font-variant-numeric: tabular-nums; opacity: 0.8; }

  .row.svelte-1w9tilp {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    padding: 0.25rem 0.4rem;
    background: none;
    border: 0;
    border-radius: 0.25rem;
    font: inherit;
    font-size: var(--aura-text);
    color: inherit;
    text-align: left;
    cursor: pointer;
  }
  .row.svelte-1w9tilp:hover { background: var(--aura-accent, var(--accent, rgb(0 0 0 / 0.05))); }
  .row.on.svelte-1w9tilp { font-weight: 600; }

  /* a header, not a dimmed row: dimmed reads as "not available yet" */
  .row.abstract.svelte-1w9tilp {
    cursor: default;
    font-size: var(--aura-note);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.45;
    padding-top: 0.4rem;
  }
  .row.abstract.svelte-1w9tilp:hover { background: none; }

  /* reserved, so the glyphs line up whether or not a row is ticked */
  .tick.svelte-1w9tilp { display: flex; width: 0.85rem; flex: none; justify-content: center; }
  .dis.svelte-1w9tilp { flex: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  /* quiet, and it yields first: the NAME is what you are picking by */
  .tags.svelte-1w9tilp {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--aura-note);
    opacity: var(--aura-faint, 0.4);
  }
  .none.svelte-1w9tilp { padding: 0.4rem; font-size: var(--aura-text); opacity: 0.5; }

  .sift.svelte-1cyz8ny { display: flex; flex-direction: column; gap: 0.5rem; }
  .presence.svelte-1cyz8ny {
    display: flex;
    gap: 0.125rem;
    padding: 0.125rem;
    border-radius: 0.375rem;
    background: var(--aura-muted, var(--muted));
  }
  .presence.svelte-1cyz8ny button:where(.svelte-1cyz8ny) {
    flex: 1;
    height: 1.5rem;
    border: 0;
    border-radius: 0.3rem;
    background: none;
    color: var(--aura-muted-foreground, var(--muted-foreground));
    font: inherit;
    font-size: 0.75rem;
    cursor: pointer;
  }
  .presence.svelte-1cyz8ny button.on:where(.svelte-1cyz8ny) {
    background: var(--aura-background, var(--background));
    color: var(--aura-foreground, var(--foreground));
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.08);
  }
  .values.svelte-1cyz8ny { max-height: 14rem; margin: 0; padding: 0; overflow: auto; list-style: none; }
  .value.svelte-1cyz8ny {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.375rem;
    border-radius: 0.3rem;
    font-size: 0.8125rem;
    cursor: pointer;
  }
  .value.svelte-1cyz8ny:hover { background: var(--aura-accent, var(--accent)); }
  .value.svelte-1cyz8ny input:where(.svelte-1cyz8ny) { accent-color: var(--aura-primary, var(--primary)); }
  .label.svelte-1cyz8ny { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .count.svelte-1cyz8ny { font-size: 0.6875rem; font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .none.svelte-1cyz8ny { margin: 0; font-size: 0.75rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }

  .sel.svelte-1cxkyv1 { display: inline-flex; align-items: center; gap: 0.35rem; min-width: 0; }
  .dis.svelte-1cxkyv1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .none.svelte-1cxkyv1 { opacity: 0.4; }

  .when.svelte-rcbd9t {
    padding: 0 0.4rem;
    border: 0;
    border-radius: 0.375rem;
    background: var(--aura-muted, var(--muted));
    color: var(--aura-muted-foreground, var(--muted-foreground));
    font: inherit;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.25rem;
    white-space: nowrap;
    cursor: pointer;
  }
  .when.svelte-rcbd9t:hover { color: var(--aura-foreground, var(--foreground)); }
  .when.full.svelte-rcbd9t { background: none; color: inherit; }
  .none.svelte-rcbd9t { opacity: 0.35; }

  .row.svelte-1vus64d {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    padding: 0.25rem 0.4rem;
    background: none;
    border: 0;
    border-radius: 0.25rem;
    font: inherit;
    font-size: var(--aura-text);
    color: inherit;
    text-align: left;
    cursor: pointer;
  }
  .row.svelte-1vus64d:hover { background: var(--aura-accent, var(--accent, rgb(0 0 0 / 0.05))); }
  .row.on.svelte-1vus64d { font-weight: 600; }
  .row.clear.svelte-1vus64d {
    margin-bottom: 0.3rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid var(--aura-border, var(--border, rgb(0 0 0 / 0.1)));
    border-radius: 0;
    font-style: italic;
    opacity: 0.75;
  }

  .tick.svelte-1vus64d { display: flex; width: 0.85rem; flex: none; justify-content: center; }
  .text.svelte-1vus64d { display: flex; min-width: 0; flex: 1; flex-direction: column; }
  .dis.svelte-1vus64d { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  /* the doc is context, so it must never compete with the name it explains */
  .note.svelte-1vus64d {
    font-size: var(--aura-note);
    line-height: 1.3;
    opacity: 0.55;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* tabular, so a column of symbols lines up down the panel */
  .tail.svelte-1vus64d {
    flex: none;
    font-family: ui-monospace, SFMono-Regular, monospace;
    font-size: var(--aura-note);
    font-variant-numeric: tabular-nums;
    opacity: 0.6;
  }

  .section.svelte-1vus64d {
    padding: 0.45rem 0.4rem 0.15rem;
    margin: 0;
    font-size: var(--aura-note);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    opacity: 0.4;
  }
  .none.svelte-1vus64d { padding: 0.4rem; font-size: var(--aura-text); opacity: 0.5; }

  .case.svelte-17xwrol { display: inline-flex; align-items: center; gap: 0.35rem; min-width: 0; }
  .dis.svelte-17xwrol { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .none.svelte-17xwrol { opacity: 0.4; }
  .unknown.svelte-17xwrol { color: var(--aura-destructive, var(--destructive, #b91c1c)); font-family: ui-monospace, monospace; font-size: 0.9em; }

  .fi.svelte-439z3c {
    display: flex;
    align-items: stretch;
    min-width: 0;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
  }
  .fi.svelte-439z3c:focus-within { border-color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 35%, transparent); }
  .fi.bad.svelte-439z3c { border-color: var(--aura-destructive, var(--destructive)); }
  .field.svelte-439z3c { position: relative; flex: 1; min-width: 0; }
  .paint.svelte-439z3c,
  .type.svelte-439z3c {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.8rem;
    line-height: 1.25rem;
    padding: 0.3rem 0.5rem;
    letter-spacing: normal;
    white-space: pre;
  }
  .paint.svelte-439z3c {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    color: var(--aura-foreground, var(--foreground));
  }
  .type.svelte-439z3c {
    position: relative;
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    color: transparent;
    caret-color: var(--aura-foreground, var(--foreground));
  }
  .type.svelte-439z3c::selection { background: color-mix(in oklab, var(--aura-ring, var(--ring)) 30%, transparent); color: transparent; }
  .ph.svelte-439z3c { opacity: 0.45; }
  .addon.svelte-439z3c {
    display: inline-grid;
    place-items: center;
    padding: 0 0.5rem;
    border: 0;
    border-left: 1px solid var(--aura-border, var(--border));
    background: none;
    color: var(--aura-foreground, var(--foreground));
    cursor: pointer;
    opacity: 0.7;
  }
  .addon.svelte-439z3c:hover { opacity: 1; background: var(--aura-accent, var(--accent)); }
  .problem.svelte-439z3c { margin: 0.25rem 0 0; font-size: 0.75rem; color: var(--aura-destructive, var(--destructive)); }

  /* one hue per token kind */
  .k-tag.svelte-439z3c { color: var(--aura-foreground, var(--foreground)); }
  .k-keyword.svelte-439z3c { color: rgb(124 58 237); font-weight: 600; }
  .k-op.svelte-439z3c { color: rgb(217 119 6); }
  .k-value.svelte-439z3c { color: rgb(2 132 199); }
  .k-str.svelte-439z3c { color: rgb(22 163 74); }
  .k-ref.svelte-439z3c { color: rgb(219 39 119); }
  .k-symbol.svelte-439z3c { color: rgb(13 148 136); }
  .k-error.svelte-439z3c { color: var(--aura-destructive, var(--destructive)); text-decoration: underline wavy; }

  .menu.svelte-439z3c { display: flex; flex-direction: column; min-width: 14rem; max-height: 16rem; overflow-y: auto; }
  .row.svelte-439z3c { display: flex; align-items: center; }
  .opt.svelte-439z3c {
    flex: 1;
    min-width: 0;
    padding: 0.3rem 0.5rem;
    border: 0;
    border-radius: 0.25rem;
    background: none;
    color: var(--aura-foreground, var(--foreground));
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.8rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .opt.svelte-439z3c:hover,
  .hi.svelte-439z3c > .opt:where(.svelte-439z3c),
  .opt.hi.svelte-439z3c { background: var(--aura-accent, var(--accent)); }
  .forget.svelte-439z3c {
    display: inline-grid;
    place-items: center;
    padding: 0.25rem;
    border: 0;
    background: none;
    color: var(--aura-foreground, var(--foreground));
    opacity: 0.5;
    cursor: pointer;
  }
  .forget.svelte-439z3c:hover { opacity: 1; }
  .empty.svelte-439z3c { margin: 0; padding: 0.3rem 0.5rem; font-size: 0.75rem; opacity: 0.6; }

  .filter.svelte-q8j5d3 { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.8rem; white-space: pre; }
  .k-keyword.svelte-q8j5d3 { color: rgb(124 58 237); font-weight: 600; }
  .k-op.svelte-q8j5d3 { color: rgb(217 119 6); }
  .k-value.svelte-q8j5d3 { color: rgb(2 132 199); }
  .k-str.svelte-q8j5d3 { color: rgb(22 163 74); }
  .k-ref.svelte-q8j5d3 { color: rgb(219 39 119); }
  .k-symbol.svelte-q8j5d3 { color: rgb(13 148 136); }
  .k-error.svelte-q8j5d3 { color: var(--aura-destructive, var(--destructive)); text-decoration: underline wavy; }

  .mark.svelte-16uiy63 { display: inline-grid; place-items: center; color: var(--aura-primary, var(--primary)); }

  /* tabular figures, so a changed digit does not shift its neighbours */
  .aura-number > input { font-variant-numeric: tabular-nums; }

  /* sized to the number, as Scalar.input; Field.svelte overrides it in a list row */
  .aura-number { width: fit-content; max-width: 100%; }
  .aura-number > input {
    field-sizing: content;
    box-sizing: content-box;
    min-width: 4ch;
    max-width: 16ch;
  }

  .sift.svelte-1f7wkku { display: flex; flex-direction: column; gap: 0.5rem; }
  .range.svelte-1f7wkku { display: flex; align-items: center; gap: 0.375rem; }
  .range.svelte-1f7wkku input:where(.svelte-1f7wkku) {
    width: 6rem;
    min-width: 0;
    height: 1.75rem;
    padding: 0 0.5rem;
    border: 1px solid var(--aura-input, var(--input));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    color: inherit;
    font: inherit;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
  }
  .to.svelte-1f7wkku, .unit.svelte-1f7wkku { font-size: 0.75rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .row.svelte-1f7wkku {
    display: flex;
    gap: 0.125rem;
    padding: 0.125rem;
    border-radius: 0.375rem;
    background: var(--aura-muted, var(--muted));
  }
  .row.svelte-1f7wkku button:where(.svelte-1f7wkku) {
    flex: 1;
    height: 1.5rem;
    border: 0;
    border-radius: 0.3rem;
    background: none;
    color: var(--aura-muted-foreground, var(--muted-foreground));
    font: inherit;
    font-size: 0.75rem;
    cursor: pointer;
  }
  .row.svelte-1f7wkku button.on:where(.svelte-1f7wkku) {
    background: var(--aura-background, var(--background));
    color: var(--aura-foreground, var(--foreground));
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.08);
  }

  .navmenu.svelte-170k0pe {
    position: fixed; z-index: 70; min-width: 13.5rem; max-width: 20rem; max-height: min(34rem, calc(100vh - 16px)); overflow-y: auto;
    padding: 0.25rem; border: 1px solid var(--aura-border, var(--border)); border-radius: 0.6rem; outline: none;
    background: var(--aura-popover, var(--popover, var(--aura-card, var(--card))));
    color: var(--aura-popover-foreground, var(--popover-foreground, var(--aura-foreground, var(--foreground))));
    box-shadow: 0 10px 28px rgb(0 0 0 / 0.16); font-size: 12.5px;
  }
  .navmenu.sub.svelte-170k0pe { z-index: 71; min-width: 12rem; }
  .head.svelte-170k0pe { display: flex; flex-direction: column; padding: 0.35rem 0.5rem 0.4rem; border-bottom: 1px solid var(--aura-border, var(--border)); margin-bottom: 0.2rem; line-height: 1.2; }
  .head.svelte-170k0pe .ctx:where(.svelte-170k0pe) { font-size: 10.5px; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .head.svelte-170k0pe .name:where(.svelte-170k0pe) { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .section.svelte-170k0pe + .section:where(.svelte-170k0pe) { border-top: 1px solid var(--aura-border, var(--border)); margin-top: 0.2rem; padding-top: 0.2rem; }
  .label-row.svelte-170k0pe { padding: 0.2rem 0.5rem 0.1rem; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .row.svelte-170k0pe {
    display: flex; align-items: center; gap: 0.5rem; width: 100%; min-height: 1.75rem; padding: 0 0.45rem; border: 0; border-radius: 0.375rem;
    background: none; font: inherit; text-align: left; cursor: pointer; color: inherit;
  }
  .row.on.svelte-170k0pe { background: var(--aura-muted, var(--muted)); }
  .row.off.svelte-170k0pe { opacity: 0.45; cursor: default; }
  .lead.svelte-170k0pe { display: inline-grid; place-items: center; width: 1.1rem; flex-shrink: 0; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .row.on.svelte-170k0pe .lead:where(.svelte-170k0pe) { color: var(--aura-foreground, var(--foreground)); }
  .label.svelte-170k0pe { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .note.svelte-170k0pe { flex-shrink: 1; min-width: 0; max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .row.svelte-170k0pe .check { flex-shrink: 0; color: var(--aura-primary, var(--primary)); }
  .row.svelte-170k0pe .chev { flex-shrink: 0; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .go.svelte-170k0pe { display: inline-grid; place-items: center; width: 1.2rem; height: 1.2rem; border-radius: 0.3rem; flex-shrink: 0; opacity: 0; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .row.on.svelte-170k0pe .go:where(.svelte-170k0pe) { opacity: 1; }
  .go.svelte-170k0pe:hover { background: color-mix(in srgb, var(--aura-primary, var(--primary)) 14%, transparent); color: var(--aura-primary, var(--primary)); }
  .loading.svelte-170k0pe { padding: 0.35rem 0.5rem; font-size: 11px; color: var(--aura-muted-foreground, var(--muted-foreground)); }

  .refs.svelte-au3m39 { display: inline-flex; gap: 0.25rem; min-width: 0; overflow: hidden; }
  .ref.svelte-au3m39 {
    flex: none;
    max-width: 100%;
    padding: 0 0.4rem;
    overflow: hidden;
    border: 0;
    border-radius: 0.375rem;
    background: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 6%, transparent);
    color: inherit;
    font: inherit;
    line-height: 1.375rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bare.svelte-au3m39 { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.6875rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .live.svelte-au3m39 { cursor: pointer; transition: background-color 0.1s; }
  .live.svelte-au3m39:hover { background: color-mix(in oklab, var(--aura-primary, var(--primary)) 14%, transparent); }
  .live.svelte-au3m39:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }
  .none.svelte-au3m39 { opacity: 0.35; }

  /* sized to content; field-sizing needs content-box or it clips the last char */
  .aura-scalar { width: fit-content; max-width: 100%; }
  .aura-scalar > input {
    field-sizing: content;
    box-sizing: content-box;
    min-width: 8ch;
    max-width: 38ch;
  }

  /* a decode failure is painted by InputGroup via aria-invalid */

  .navcard.svelte-5zsq41 { position: relative; display: flex; align-items: center; width: 11rem; min-width: 0; background: var(--aura-card, var(--card)); border-color: var(--aura-border, var(--border)); }
  .navcard.main.svelte-5zsq41 { width: 14rem; box-shadow: 0 1px 3px rgb(0 0 0 / 0.08); }
  .navcard.wide.svelte-5zsq41 { width: 100%; border-color: transparent; }
  /* a list row the keys are on: the whole row lit, not just its icon */
  .navcard.wide.svelte-5zsq41:focus-within { background: color-mix(in srgb, var(--aura-primary, var(--primary)) 10%, var(--aura-card, var(--card))); border-color: color-mix(in srgb, var(--aura-primary, var(--primary)) 55%, transparent); }
  .navcard.svelte-5zsq41:hover { border-color: color-mix(in srgb, var(--aura-primary, var(--primary)) 45%, transparent); }
  .navcard.on.svelte-5zsq41 { border-color: var(--aura-primary, var(--primary)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--aura-primary, var(--primary)) 25%, transparent); }
  /* the card's own ring says it is selected; the button draws none of its own */
  .face.svelte-5zsq41 { border: 0; background: none; cursor: pointer; color: inherit; font: inherit; border-radius: inherit; outline: none; }
  /* over the card's corner, so showing them never moves or widens it */
  .tools.svelte-5zsq41 {
    position: absolute; top: 0.25rem; right: 0.25rem; display: flex; align-items: center; gap: 0.125rem; padding: 0.1rem;
    border-radius: 0.4rem; background: var(--aura-card, var(--card)); box-shadow: 0 1px 3px rgb(0 0 0 / 0.12);
    opacity: 0; pointer-events: none; transition: opacity 120ms;
  }
  .navcard.svelte-5zsq41:hover .tools:where(.svelte-5zsq41), .navcard.svelte-5zsq41:focus-within .tools:where(.svelte-5zsq41) { opacity: 1; pointer-events: auto; }

  .portmap.svelte-o91vsh { position: relative; flex-shrink: 0; }
  .wires.svelte-o91vsh { position: absolute; inset: 0; overflow: visible; pointer-events: none; }
  /* an edge with no medium of its own - space, system, contains - in a grey of its own, so it reads as an edge and not as a card's outline */
  .wires.svelte-o91vsh path:where(.svelte-o91vsh) { fill: none; stroke: color-mix(in srgb, var(--aura-muted-foreground, var(--muted-foreground)) 45%, transparent); stroke-width: 1.5; }
  .wires.svelte-o91vsh path.on:where(.svelte-o91vsh) { stroke: var(--aura-primary, var(--primary)); stroke-width: 2; }
  .port.svelte-o91vsh { fill: var(--aura-card, var(--card)); stroke: color-mix(in srgb, var(--aura-muted-foreground, var(--muted-foreground)) 60%, transparent); stroke-width: 1.5; }
  .port.on.svelte-o91vsh { stroke: var(--aura-primary, var(--primary)); fill: var(--aura-primary, var(--primary)); }
  .center.svelte-o91vsh { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .center.svelte-o91vsh .navcard.main { width: 100%; }
  .under.svelte-o91vsh { position: absolute; top: 100%; margin-top: 0.4rem; z-index: 2; }
  .pill.svelte-o91vsh {
    position: absolute; z-index: 2; translate: -50% -50%; display: inline-flex; align-items: center; gap: 0.3rem; height: 1.35rem; padding: 0 0.5rem;
    border: 1px solid var(--aura-border, var(--border)); border-radius: 999px; background: var(--aura-background, var(--background)); white-space: nowrap;
    font-size: 11px; font-weight: 500; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .pill.svelte-o91vsh:hover { color: var(--aura-foreground, var(--foreground)); }
  .pill.on.svelte-o91vsh { border-color: var(--aura-primary, var(--primary)); color: var(--aura-primary, var(--primary)); }
  .pill.svelte-o91vsh .dot:where(.svelte-o91vsh) { width: 0.5rem; height: 0.5rem; border-radius: 999px; }
  .chip.svelte-o91vsh {
    position: absolute; z-index: 1; display: flex; align-items: center; padding: 0 0.2rem 0 0;
    border: 1px solid var(--aura-border, var(--border)); border-radius: 0.55rem; background: var(--aura-card, var(--card));
  }
  .chip.svelte-o91vsh:hover { border-color: color-mix(in srgb, var(--aura-primary, var(--primary)) 45%, transparent); }
  .chip.on.svelte-o91vsh { border-color: color-mix(in srgb, var(--aura-primary, var(--primary)) 55%, transparent); background: color-mix(in srgb, var(--aura-primary, var(--primary)) 6%, var(--aura-card, var(--card))); }
  .chip.focused.svelte-o91vsh { box-shadow: 0 0 0 2px color-mix(in srgb, var(--aura-primary, var(--primary)) 30%, transparent); }
  .face.svelte-o91vsh {
    display: flex; flex: 1; align-items: center; gap: 0.35rem; min-width: 0; height: 100%; padding: 0 0.35rem 0 0.25rem; border: 0;
    border-radius: inherit; background: none; font-size: 12px; text-align: left; cursor: pointer; color: inherit; outline: none;
  }
  .face.svelte-o91vsh .lead:where(.svelte-o91vsh) { display: inline-grid; place-items: center; flex-shrink: 0; transform: scale(0.72); width: 1.1rem; height: 1.1rem; }
  .face.svelte-o91vsh .dis:where(.svelte-o91vsh) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
  .face.svelte-o91vsh .more:where(.svelte-o91vsh) { flex-shrink: 0; font-size: 10px; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .face.svelte-o91vsh .n:where(.svelte-o91vsh) {
    flex-shrink: 0; min-width: 1.15rem; padding: 0 0.3rem; border-radius: 999px; text-align: center; font-size: 10px; line-height: 1rem;
    font-variant-numeric: tabular-nums; background: var(--aura-muted, var(--muted)); color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .chip.on.svelte-o91vsh .face:where(.svelte-o91vsh) .n:where(.svelte-o91vsh) { background: color-mix(in srgb, var(--aura-primary, var(--primary)) 14%, transparent); color: var(--aura-primary, var(--primary)); }
  .gram.svelte-o91vsh { display: inline-grid; place-items: center; flex-shrink: 0; width: 1.3rem; height: 1.3rem; border: 0; border-radius: 0.35rem; background: none; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .gram.svelte-o91vsh:hover { background: color-mix(in srgb, var(--aura-primary, var(--primary)) 14%, transparent); color: var(--aura-primary, var(--primary)); }
  /* mini: the outline a gram keeps in its corner, a count on each icon's corner */
  .minichar.svelte-o91vsh { display: inline-grid; place-items: center; width: 100%; height: 100%; border: 0; border-radius: 999px; background: none; cursor: pointer; }
  .minichar.svelte-o91vsh span { transform: scale(0.85); }
  .minibox.svelte-o91vsh {
    position: absolute; display: grid; place-items: center; padding: 0; border: 1px solid var(--aura-border, var(--border)); border-radius: 0.4rem;
    background: var(--aura-card, var(--card)); cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .minibox.svelte-o91vsh .n:where(.svelte-o91vsh) {
    position: absolute; top: -0.4rem; right: -0.45rem; min-width: 0.85rem; padding: 0 0.2rem; border-radius: 999px; text-align: center;
    font-size: 8.5px; line-height: 0.85rem; font-variant-numeric: tabular-nums; background: var(--aura-muted, var(--muted));
    color: var(--aura-muted-foreground, var(--muted-foreground)); box-shadow: 0 0 0 1.5px var(--aura-card, var(--card));
  }
  .minibox.svelte-o91vsh:hover { color: var(--aura-foreground, var(--foreground)); border-color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .minibox.on.svelte-o91vsh { border-color: var(--aura-primary, var(--primary)); color: var(--aura-primary, var(--primary)); background: color-mix(in srgb, var(--aura-primary, var(--primary)) 10%, var(--aura-card, var(--card))); }
  .minibox.on.svelte-o91vsh .n:where(.svelte-o91vsh) { background: var(--aura-primary, var(--primary)); color: var(--aura-primary-foreground, var(--primary-foreground)); }

  .aura-character.svelte-rx72ao {
    position: relative; display: flex; flex-direction: column; align-items: safe center; padding: 2rem 1rem 1.5rem; outline: none; min-width: 0;
  }
  .fit.svelte-rx72ao { position: relative; flex-shrink: 0; }
  .scale.svelte-rx72ao { position: absolute; left: 0; top: 0; transform-origin: 0 0; }
  .back.svelte-rx72ao { position: absolute; top: 0.25rem; left: 0.5rem; display: inline-flex; align-items: center; gap: 0.15rem; font-size: 12px; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .back.svelte-rx72ao button:where(.svelte-rx72ao) {
    display: inline-flex; align-items: center; gap: 0.15rem; border: 0; background: none; padding: 0.15rem 0.35rem;
    border-radius: 0.375rem; font: inherit; color: inherit; cursor: pointer;
  }
  .back.svelte-rx72ao button:where(.svelte-rx72ao):hover { background: var(--aura-muted, var(--muted)); color: var(--aura-foreground, var(--foreground)); }
  .back.svelte-rx72ao .sep:where(.svelte-rx72ao) { opacity: 0.5; }
  .kind.svelte-rx72ao { display: inline-flex; padding: 2px; border: 1px solid var(--aura-border, var(--border)); border-radius: 999px; background: var(--aura-background, var(--background)); }
  .seg.svelte-rx72ao {
    display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.1rem 0.6rem; border: 0; border-radius: 999px;
    background: none; font-size: 11px; font-weight: 500; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .seg.on.svelte-rx72ao { cursor: default; background: var(--aura-primary, var(--primary)); color: var(--aura-primary-foreground, var(--primary-foreground)); }
  .seg.svelte-rx72ao:not(.on):hover { background: var(--aura-muted, var(--muted)); color: var(--aura-foreground, var(--foreground)); }
  .seg.svelte-rx72ao:disabled { cursor: default; opacity: 0.5; }
  .badge.svelte-rx72ao {
    min-width: 1.1rem; padding: 0 0.3rem; border-radius: 999px; text-align: center; font-size: 10px; line-height: 1rem;
    background: var(--aura-muted, var(--muted));
  }

  .rail.svelte-1aj6gf7 { display: flex; flex-direction: column; gap: 0.25rem; width: 12.5rem; min-width: 0; font-size: 12px; outline: none; border-radius: 0.5rem; }
  .rail.collapsed.svelte-1aj6gf7 { width: 3rem; }
  .head.svelte-1aj6gf7 { display: flex; align-items: center; gap: 0.125rem; min-height: 1.5rem; }
  .title.svelte-1aj6gf7 { flex: 1; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .rail.svelte-1aj6gf7:focus-within .title:where(.svelte-1aj6gf7) { color: var(--aura-primary, var(--primary)); }
  .tool.svelte-1aj6gf7 { display: inline-grid; place-items: center; width: 1.4rem; height: 1.4rem; border: 0; border-radius: 0.375rem; background: none; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .tool.svelte-1aj6gf7:hover { background: var(--aura-muted, var(--muted)); color: var(--aura-foreground, var(--foreground)); }
  .line.svelte-1aj6gf7 { position: relative; }
  /* over the rows, so a row's hover never covers its dot */
  .track.svelte-1aj6gf7 { position: absolute; left: 0; top: 0; z-index: 1; overflow: visible; pointer-events: none; }
  .track.svelte-1aj6gf7 path:where(.svelte-1aj6gf7) { fill: none; stroke: color-mix(in srgb, var(--aura-primary, var(--primary)) 55%, transparent); stroke-width: 2.25; stroke-linecap: round; transition: stroke-width 120ms; }
  .track.svelte-1aj6gf7 path.flip:where(.svelte-1aj6gf7) { stroke-dasharray: 3 4; }
  .track.svelte-1aj6gf7 path.fold:where(.svelte-1aj6gf7) { stroke-dasharray: 1 5; stroke: var(--aura-muted-foreground, var(--muted-foreground)); }
  .track.svelte-1aj6gf7 path.lit:where(.svelte-1aj6gf7) { stroke-width: 3.5; }
  .track.svelte-1aj6gf7 circle:where(.svelte-1aj6gf7) { fill: var(--aura-card, var(--card)); stroke: color-mix(in srgb, var(--aura-primary, var(--primary)) 70%, transparent); stroke-width: 2; }
  .track.svelte-1aj6gf7 circle.start:where(.svelte-1aj6gf7) { fill: color-mix(in srgb, var(--aura-primary, var(--primary)) 30%, var(--aura-card, var(--card))); }
  .track.svelte-1aj6gf7 circle.here:where(.svelte-1aj6gf7) { fill: var(--aura-primary, var(--primary)); stroke: color-mix(in srgb, var(--aura-primary, var(--primary)) 35%, transparent); stroke-width: 4; }
  .track.svelte-1aj6gf7 circle.lit:where(.svelte-1aj6gf7):not(.here) { stroke: var(--aura-primary, var(--primary)); stroke-width: 2.75; }
  /* the row starts past the line, so its hover and ring sit beside the track, not on it */
  .station.svelte-1aj6gf7 {
    position: absolute; left: 2.9rem; right: 0; height: 38px; display: flex; flex-direction: column; justify-content: center;
    padding: 0 1.6rem 0 0.5rem; border: 0; border-radius: 0.375rem; background: none; text-align: left; cursor: pointer; color: inherit; font: inherit; outline: none;
  }
  .station.svelte-1aj6gf7:hover:not(.now) { background: color-mix(in srgb, var(--aura-muted, var(--muted)) 70%, transparent); }
  .station.svelte-1aj6gf7 .back:where(.svelte-1aj6gf7) { position: absolute; right: 0.45rem; top: 50%; translate: 0 -50%; display: inline-grid; opacity: 0; transition: opacity 120ms; color: var(--aura-primary, var(--primary)); }
  .station.svelte-1aj6gf7:hover .back:where(.svelte-1aj6gf7), .rail.svelte-1aj6gf7:focus-within .station.cursor:where(.svelte-1aj6gf7) .back:where(.svelte-1aj6gf7) { opacity: 1; }
  .station.now.svelte-1aj6gf7 { cursor: default; }
  /* the keys' station: one ring, only while the rail has the keys */
  .rail.svelte-1aj6gf7:focus-within .station.cursor:where(.svelte-1aj6gf7) { box-shadow: inset 0 0 0 1.5px var(--aura-primary, var(--primary)); }
  .station.svelte-1aj6gf7 .name:where(.svelte-1aj6gf7) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; font-size: 12.5px; }
  .station.now.svelte-1aj6gf7 .name:where(.svelte-1aj6gf7) { color: var(--aura-primary, var(--primary)); }
  .station.svelte-1aj6gf7 .type:where(.svelte-1aj6gf7) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 10px; letter-spacing: 0.01em; color: var(--aura-muted-foreground, var(--muted-foreground)); opacity: 0.75; }
  .collapsed.svelte-1aj6gf7 .station:where(.svelte-1aj6gf7) { left: 0; padding: 0; }
  .leg.svelte-1aj6gf7 {
    position: absolute; left: 3.4rem; right: 0; height: 30px; display: flex; align-items: center; gap: 0.3rem; min-width: 0;
    white-space: nowrap; font-size: 11px;
  }
  .leg.svelte-1aj6gf7 .dir:where(.svelte-1aj6gf7) { flex-shrink: 0; width: 1rem; text-align: center; font-weight: 600; color: var(--aura-primary, var(--primary)); }
  .leg.svelte-1aj6gf7 .taken:where(.svelte-1aj6gf7) { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
  .count.svelte-1aj6gf7 { flex-shrink: 0; font-size: 10px; font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .gram.svelte-1aj6gf7 {
    flex-shrink: 0; display: inline-grid; place-items: center; width: 1.3rem; height: 1.3rem; border: 0; border-radius: 0.3rem; background: none; cursor: pointer;
    color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .gram.svelte-1aj6gf7:hover { background: var(--aura-muted, var(--muted)); color: var(--aura-primary, var(--primary)); }
  .more.svelte-1aj6gf7 {
    flex-shrink: 0; margin-left: auto; padding: 0 0.4rem; height: 1.25rem; border: 1px solid var(--aura-border, var(--border)); border-radius: 999px; background: none;
    font: inherit; font-size: 10px; font-variant-numeric: tabular-nums; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .more.svelte-1aj6gf7:hover, .more.on.svelte-1aj6gf7 { border-color: var(--aura-primary, var(--primary)); color: var(--aura-primary, var(--primary)); }
  .leg.svelte-1aj6gf7 .fold:where(.svelte-1aj6gf7) { border: 0; background: none; padding: 0 0.25rem; font: inherit; font-size: 11px; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .leg.svelte-1aj6gf7 .fold:where(.svelte-1aj6gf7):hover { color: var(--aura-foreground, var(--foreground)); }

  /* portalled: its own tokens, since it sits outside the rail */
  .navrail-fly.svelte-1aj6gf7 {
    position: fixed; z-index: 60; min-width: 12rem; max-width: 18rem; max-height: 22rem; overflow-y: auto; padding: 0.3rem;
    border: 1px solid var(--aura-border, var(--border)); border-radius: 0.5rem; background: var(--aura-popover, var(--popover, var(--aura-card, var(--card))));
    color: var(--aura-popover-foreground, var(--popover-foreground, var(--aura-foreground, var(--foreground)))); box-shadow: 0 6px 20px rgb(0 0 0 / 0.14); font-size: 12px;
  }
  .flyhead.svelte-1aj6gf7 { padding: 0.2rem 0.4rem 0.3rem; font-size: 10.5px; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .flyrow.svelte-1aj6gf7 { display: flex; align-items: center; gap: 0.125rem; border-radius: 0.375rem; }
  .flyrow.on.svelte-1aj6gf7 { background: var(--aura-muted, var(--muted)); }
  .flyrow.svelte-1aj6gf7 .take:where(.svelte-1aj6gf7) { flex: 1; min-width: 0; display: flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.4rem; border: 0; background: none; font: inherit; text-align: left; cursor: pointer; color: inherit; }
  .flyrow.svelte-1aj6gf7 .dir:where(.svelte-1aj6gf7) { flex-shrink: 0; width: 1rem; text-align: center; font-weight: 600; color: var(--aura-primary, var(--primary)); }
  .flyname.svelte-1aj6gf7 { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .gram-none.svelte-1aj6gf7 { width: 1.3rem; flex-shrink: 0; }
  .gramdis.svelte-1aj6gf7 { flex-shrink: 0; font-size: 10px; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .flyhint.svelte-1aj6gf7 { padding: 0.35rem 0.4rem 0.15rem; font-size: 10px; color: var(--aura-muted-foreground, var(--muted-foreground)); border-top: 1px solid var(--aura-border, var(--border)); margin-top: 0.25rem; }

  /* the lib chip's shape: one hairline box, a coloured cap, plain ground */
  .chip.svelte-pidbe0 {
    display: inline-flex;
    flex: none;
    align-items: stretch;
    height: 1.75rem;
    overflow: hidden;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    color: var(--aura-foreground, var(--foreground));
    font-size: 0.75rem;
  }
  .chip.svelte-pidbe0 button:where(.svelte-pidbe0) {
    display: inline-flex;
    align-items: center;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
  }
  .chip.svelte-pidbe0 button:where(.svelte-pidbe0):hover { background: var(--aura-accent, var(--accent)); }
  .chip.svelte-pidbe0 button:where(.svelte-pidbe0):focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: -2px; }
  .main.svelte-pidbe0 { gap: 0.4rem; padding: 0 0.4rem 0 0; }
  .cap.svelte-pidbe0 { display: grid; place-items: center; width: 1.75rem; height: 100%; }
  .name.svelte-pidbe0 { font-weight: 500; white-space: nowrap; }
  .count.svelte-pidbe0 {
    display: inline-grid;
    place-items: center;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.25rem;
    border-radius: 0.25rem;
    background: var(--aura-warning, #d97706);
    color: white;
    font-size: 0.625rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
  }
  .pin.svelte-pidbe0 {
    justify-content: center;
    width: 1.75rem;
    border-left: 1px solid var(--aura-border, var(--border)) !important;
    color: var(--aura-muted-foreground, var(--muted-foreground)) !important;
  }
  .pin.svelte-pidbe0:hover { color: var(--aura-foreground, var(--foreground)) !important; }
  /* pinned is blue, as ionUx draws a pinned row's pin */
  .pin.on.svelte-pidbe0 { color: var(--aura-primary, var(--primary)) !important; }

  .pop.svelte-pidbe0 { display: flex; flex-direction: column; gap: 0.625rem; width: 19rem; }
  .head.svelte-pidbe0 { display: flex; align-items: center; gap: 0.5rem; }
  .tile.svelte-pidbe0 { display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 0.375rem; }
  .head.svelte-pidbe0 .title:where(.svelte-pidbe0) { font-size: 0.8125rem; font-weight: 600; }
  .head.svelte-pidbe0 .kind:where(.svelte-pidbe0) { font-size: 0.6875rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }

  .tabs.svelte-pidbe0 {
    display: flex;
    gap: 0.125rem;
    padding: 0.125rem;
    border-radius: 0.5rem;
    background: var(--aura-muted, var(--muted));
    font-size: 0.75rem;
  }
  .tabs.svelte-pidbe0 button:where(.svelte-pidbe0) {
    flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
    height: 1.625rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    color: var(--aura-muted-foreground, var(--muted-foreground));
    font: inherit;
    cursor: pointer;
  }
  .tabs.svelte-pidbe0 button:where(.svelte-pidbe0):hover { color: var(--aura-foreground, var(--foreground)); }
  .tabs.svelte-pidbe0 button.on:where(.svelte-pidbe0) {
    background: var(--aura-background, var(--background));
    color: var(--aura-foreground, var(--foreground));
    font-weight: 500;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.08);
  }
  .tabs.svelte-pidbe0 button:where(.svelte-pidbe0):focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: -2px; }
  .n.svelte-pidbe0 { font-variant-numeric: tabular-nums; font-weight: 400; opacity: 0.75; }
  .n.waiting.svelte-pidbe0 {
    padding: 0 0.3rem;
    border-radius: 0.25rem;
    background: var(--aura-warning, #d97706);
    color: white;
    font-size: 0.625rem;
    font-weight: 600;
    opacity: 1;
  }

  .list.svelte-pidbe0 { display: flex; flex-direction: column; gap: 0.375rem; max-height: 18rem; overflow: auto; }
  .empty.svelte-pidbe0 { margin: 0; padding: 0.5rem; font-size: 0.75rem; text-align: center; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  ul.svelte-pidbe0 { margin: 0; padding: 0; list-style: none; }
  li.svelte-pidbe0 { display: flex; align-items: center; }
  .row.svelte-pidbe0 {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.5rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    color: var(--aura-foreground, var(--foreground));
    font: inherit;
    font-size: 0.8125rem;
    text-align: left;
    cursor: pointer;
  }
  .row.svelte-pidbe0:hover, .accept.svelte-pidbe0:hover { background: var(--aura-accent, var(--accent)); }
  .text.svelte-pidbe0 { flex: 1; min-width: 0; display: flex; flex-direction: column; }
  .dis.svelte-pidbe0, .note.svelte-pidbe0 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .note.svelte-pidbe0 { font-size: 0.6875rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .when.svelte-pidbe0 { flex: none; font-size: 0.6875rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .accept.svelte-pidbe0 {
    display: inline-grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    color: var(--aura-success, #16a34a);
    cursor: pointer;
  }
  .mock.svelte-pidbe0 {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding-top: 0.375rem;
    border-top: 1px solid var(--aura-border, var(--border));
    font-size: 0.6875rem;
    color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .tag.svelte-pidbe0 {
    padding: 0 0.35rem;
    border: 1px dashed currentColor;
    border-radius: 0.25rem;
    font-size: 0.5625rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  .dot.svelte-pidbe0 { flex: none; width: 0.5rem; height: 0.5rem; border-radius: 999px; }
  .queued.svelte-pidbe0, .running.svelte-pidbe0 { background: var(--aura-primary, var(--primary)); }
  .running.svelte-pidbe0 { animation: svelte-pidbe0-breathe 1.4s ease-in-out infinite; }
  .review.svelte-pidbe0 { background: var(--aura-warning, #d97706); }
  .done.svelte-pidbe0 { background: var(--aura-success, #16a34a); }
  .failed.svelte-pidbe0 { background: var(--aura-destructive, var(--destructive)); }
  @keyframes svelte-pidbe0-breathe { 50% { opacity: 0.35; } }
  @media (prefers-reduced-motion: reduce) { .running.svelte-pidbe0 { animation: none; } }

  .trigger.svelte-yxluug {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    color: var(--aura-muted-foreground, var(--muted-foreground));
    cursor: pointer;
    transition: background-color 120ms, color 120ms;
  }
  .trigger.svelte-yxluug:hover, .trigger.on.svelte-yxluug { background: var(--aura-accent, var(--accent)); color: var(--aura-foreground, var(--foreground)); }
  .trigger.ai.svelte-yxluug:hover, .trigger.ai.on.svelte-yxluug { color: var(--aura-primary, var(--primary)); }
  .trigger.svelte-yxluug:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }

  .pop.svelte-yxluug { display: flex; flex-direction: column; gap: 0.375rem; width: 17rem; }
  h3.svelte-yxluug {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0 0 0.125rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .n.svelte-yxluug { font-weight: 400; text-transform: none; letter-spacing: 0; }
  .mock.svelte-yxluug {
    margin-left: auto;
    padding: 0 0.35rem;
    border: 1px dashed currentColor;
    border-radius: 0.25rem;
    font-size: 0.5625rem;
    letter-spacing: 0.05em;
  }
  .empty.svelte-yxluug, .foot.svelte-yxluug { margin: 0; padding: 0.25rem 0.25rem; font-size: 0.75rem; line-height: 1.45; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .foot.svelte-yxluug { padding-top: 0.375rem; border-top: 1px solid var(--aura-border, var(--border)); }
  code.svelte-yxluug { font-size: 0.6875rem; }
  ul.svelte-yxluug { margin: 0; padding: 0; list-style: none; }
  .row.svelte-yxluug {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.375rem 0.375rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    color: var(--aura-foreground, var(--foreground));
    font: inherit;
    text-align: left;
    cursor: pointer;
  }
  .row.svelte-yxluug:hover:not(:disabled) { background: var(--aura-accent, var(--accent)); }
  .row.svelte-yxluug:disabled { opacity: 0.45; cursor: default; }
  .glyph.svelte-yxluug {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 0.375rem;
    background: var(--aura-muted, var(--muted));
  }
  .glyph.ai.svelte-yxluug {
    background: color-mix(in oklab, var(--aura-primary, var(--primary)) 14%, var(--aura-background, var(--background)));
    color: var(--aura-primary, var(--primary));
  }
  .text.svelte-yxluug { min-width: 0; display: flex; flex-direction: column; }
  .dis.svelte-yxluug { font-size: 0.8125rem; font-weight: 500; }
  .note.svelte-yxluug { font-size: 0.6875rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }

  /* the mode picker's trigger, exactly - one kind of dropdown in the row */
  .aura-source {
    height: 1.75rem !important;
    min-height: 1.75rem;
    gap: 0.3rem;
    padding: 0 0.45rem 0 0.55rem !important;
    border-radius: 0.375rem !important;
    box-shadow: none !important;
    font-size: 0.75rem !important;
  }
  .face.svelte-og2ieh { display: inline-flex; align-items: center; gap: 0.4rem; }
  .name.svelte-og2ieh { font-weight: 500; }
  .row.svelte-og2ieh { display: inline-flex; align-items: center; justify-content: space-between; gap: 1.5rem; width: 100%; }
  .label.svelte-og2ieh { display: inline-flex; align-items: center; gap: 0.5rem; }
  .count.svelte-og2ieh { font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }

  .dot.svelte-140qa13 {
    display: inline-block;
    width: 0.45rem;
    height: 0.45rem;
    flex: none;
    border-radius: 999px;
    vertical-align: middle;
  }
  .queued.svelte-140qa13,
  .running.svelte-140qa13 { background: var(--aura-primary, var(--primary, #2563eb)); }
  .review.svelte-140qa13 { background: #d97706; }
  .failed.svelte-140qa13 { background: var(--aura-destructive, var(--destructive, #dc2626)); }
  .done.svelte-140qa13 { background: #16a34a; }

  .running.svelte-140qa13 { animation: svelte-140qa13-breathe 1.4s ease-in-out infinite; }
  @keyframes svelte-140qa13-breathe {
    50% { opacity: 0.35; }
  }
  @media (prefers-reduced-motion: reduce) {
    .running.svelte-140qa13 { animation: none; }
  }

  .hoist.svelte-13r1a81 {
    position: relative; display: inline-grid; place-items: center; width: 22px; height: 22px;
    border: 0; border-radius: 0.3rem; background: none; color: inherit; cursor: pointer;
  }
  .hoist.svelte-13r1a81:hover, .hoist[aria-expanded='true'].svelte-13r1a81 { background: var(--aura-accent, var(--accent)); color: var(--aura-foreground, var(--foreground)); }
  /* the count on the icon's corner, loud enough to be seen from across the table */
  .count.svelte-13r1a81 {
    position: absolute; top: -1px; right: -3px; min-width: 13px; height: 13px; padding: 0 3px; box-sizing: border-box;
    border-radius: 999px; background: var(--aura-primary, var(--primary, #2563eb)); color: #fff;
    font-size: 9px; font-weight: 700; line-height: 13px; text-align: center; font-variant-numeric: tabular-nums;
  }
  .list.svelte-13r1a81 { display: flex; flex-direction: column; gap: 0.35rem; padding: 0.4rem 0.5rem; max-height: 22rem; overflow: auto; }
  .const.svelte-13r1a81 { display: flex; align-items: center; gap: 0.3rem; min-width: 0; }
  .mark.svelte-13r1a81 { display: grid; place-items: center; width: 0.75rem; opacity: 0.5; }
  .label.svelte-13r1a81 { font-size: 0.7rem; opacity: 0.55; white-space: nowrap; }
  .val.svelte-13r1a81 { font-size: 0.72rem; font-weight: 600; min-width: 0; }

  .menu.svelte-qjel1n { display: flex; flex-direction: column; gap: 0.5rem; width: 17rem; }
  .head.svelte-qjel1n { display: flex; align-items: baseline; gap: 0.4rem; padding: 0 0.25rem; }
  .name.svelte-qjel1n { font-size: 0.8125rem; font-weight: 600; }
  .type.svelte-qjel1n { font-family: ui-monospace, monospace; font-size: 0.6875rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .group.svelte-qjel1n { display: flex; flex-direction: column; }
  .group.svelte-qjel1n button:where(.svelte-qjel1n) {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 1.75rem;
    padding: 0 0.375rem;
    border: 0;
    border-radius: 0.3rem;
    background: none;
    color: var(--aura-foreground, var(--foreground));
    font: inherit;
    font-size: 0.8125rem;
    text-align: left;
    cursor: pointer;
  }
  .group.svelte-qjel1n button:where(.svelte-qjel1n):hover { background: var(--aura-accent, var(--accent)); }
  .group.svelte-qjel1n button.on:where(.svelte-qjel1n) { color: var(--aura-primary, var(--primary)); font-weight: 500; }
  section.svelte-qjel1n { display: flex; flex-direction: column; gap: 0.375rem; padding-top: 0.5rem; border-top: 1px solid var(--aura-border, var(--border)); }
  h4.svelte-qjel1n {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 0.25rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .clear.svelte-qjel1n {
    margin-left: auto;
    border: 0;
    background: none;
    color: var(--aura-primary, var(--primary));
    font: inherit;
    font-size: 0.6875rem;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
  }
  .search.svelte-qjel1n {
    height: 1.75rem;
    padding: 0 0.5rem;
    border: 1px solid var(--aura-input, var(--input));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    color: inherit;
    font: inherit;
    font-size: 0.8125rem;
  }
  .search.svelte-qjel1n:focus { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: -1px; }
  .hidden.svelte-qjel1n { display: flex; flex-wrap: wrap; gap: 0.25rem; }
  .chip.svelte-qjel1n {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    height: 1.5rem;
    padding: 0 0.5rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    color: inherit;
    font: inherit;
    font-size: 0.75rem;
    cursor: pointer;
  }
  .chip.svelte-qjel1n:hover { background: var(--aura-accent, var(--accent)); }
  .foot.svelte-qjel1n { padding-top: 0.375rem; border-top: 1px solid var(--aura-border, var(--border)); }

  /* the whole column, so every pin lines up at its right edge */
  .cell.svelte-h2i92e { display: flex; align-items: center; gap: 0.25rem; width: 100%; min-width: 0; }
  .pin.svelte-h2i92e {
    flex: none; display: inline-grid; place-items: center; width: 1.25rem; height: 1.25rem; margin-left: auto;
    padding: 0; border: 0; border-radius: 0.25rem; background: none; cursor: pointer;
    color: var(--aura-muted-foreground, var(--muted-foreground)); opacity: 0;
  }
  /* a pinned row says so; any row offers one on hover */
  .pin.on.svelte-h2i92e { opacity: 1; color: var(--aura-primary, var(--primary)); }
  .aura-grid .row:hover .pin.svelte-h2i92e:not(.on), .pin.svelte-h2i92e:focus-visible { opacity: 0.7; }
  .pin.svelte-h2i92e:hover { opacity: 1; background: var(--aura-accent, var(--accent)); }
  .name.svelte-h2i92e {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 100%;
    min-width: 0;
    padding: 0.125rem 0.375rem 0.125rem 0.125rem;
    margin-left: -0.125rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    color: var(--aura-foreground, var(--foreground));
    font: inherit;
    font-weight: 500;
    text-align: left;
  }
  .text.svelte-h2i92e { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .live.svelte-h2i92e { cursor: pointer; }
  .live.svelte-h2i92e:hover {
    background: color-mix(in oklab, var(--aura-primary, var(--primary)) 10%, transparent);
    color: var(--aura-primary, var(--primary));
  }
  .live.svelte-h2i92e:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }

  .badge.svelte-1jaepwm {
    --tint: var(--aura-foreground, var(--foreground));
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    max-width: 100%;
    padding: 0 0.4rem 0 0.25rem;
    overflow: hidden;
    border: 0;
    border-radius: 0.375rem;
    background: color-mix(in oklab, var(--tint) 7%, transparent);
    color: var(--aura-foreground, var(--foreground));
    font: inherit;
    font-size: 0.75rem;
    line-height: 1.375rem;
    white-space: nowrap;
  }
  .badge.lib.svelte-1jaepwm { --tint: var(--color-sky-500, #0ea5e9); padding-left: 0.35rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
  .live.svelte-1jaepwm { cursor: pointer; }
  .live.svelte-1jaepwm:hover { background: color-mix(in oklab, var(--tint) 16%, transparent); }
  .live.svelte-1jaepwm:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }
  .none.svelte-1jaepwm { opacity: 0.35; }

  .list.svelte-q2nbql { max-height: 16rem; margin: 0; padding: 0; overflow: auto; list-style: none; }
  .row.svelte-q2nbql {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 1.75rem;
    padding: 0 0.375rem;
    border-radius: 0.3rem;
    font-size: 0.8125rem;
    cursor: pointer;
  }
  .row.svelte-q2nbql:hover { background: var(--aura-accent, var(--accent)); }
  .row.svelte-q2nbql input:where(.svelte-q2nbql) { accent-color: var(--aura-primary, var(--primary)); }
  .label.svelte-q2nbql { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mono.svelte-q2nbql, .lib.svelte-q2nbql { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
  .lib.svelte-q2nbql { font-size: 0.6875rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .count.svelte-q2nbql { font-size: 0.6875rem; font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }

  .marks.svelte-1fukiw8 { display: inline-flex; gap: 0.25rem; min-width: 0; max-width: 100%; overflow: hidden; }
  .mark.svelte-1fukiw8 {
    flex: none;
    padding: 0 0.35rem;
    border-radius: 0.3rem;
    background: var(--aura-muted, var(--muted));
    color: var(--aura-foreground, var(--foreground));
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.6875rem;
    line-height: 1.25rem;
    white-space: nowrap;
  }
  .none.svelte-1fukiw8 { opacity: 0.35; }

  .facets.svelte-1f0pssw { display: flex; flex-direction: column; gap: 0.375rem; overflow: hidden; }
  .what.svelte-1f0pssw { margin: 0; padding: 0 0.25rem; font-size: 0.6875rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .seg.svelte-1f0pssw {
    display: flex;
    gap: 0.125rem;
    padding: 0.125rem;
    border-radius: 0.375rem;
    background: var(--aura-muted, var(--muted));
  }
  .seg.svelte-1f0pssw button:where(.svelte-1f0pssw) {
    flex: 1;
    height: 1.5rem;
    border: 0;
    border-radius: 0.3rem;
    background: none;
    color: var(--aura-muted-foreground, var(--muted-foreground));
    font: inherit;
    font-size: 0.75rem;
    cursor: pointer;
  }
  .seg.svelte-1f0pssw button.on:where(.svelte-1f0pssw) {
    background: var(--aura-background, var(--background));
    color: var(--aura-foreground, var(--foreground));
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.08);
  }
  .find.svelte-1f0pssw {
    height: 1.75rem;
    padding: 0 0.5rem;
    border: 1px solid var(--aura-input, var(--input));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    color: inherit;
    font: inherit;
    font-size: 0.8125rem;
  }
  .list.svelte-1f0pssw { max-height: 16rem; margin: 0; padding: 0; overflow: auto; list-style: none; }
  .row.svelte-1f0pssw, .back.svelte-1f0pssw {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    height: 1.75rem;
    padding: 0 0.375rem;
    border: 0;
    border-radius: 0.3rem;
    background: none;
    color: var(--aura-foreground, var(--foreground));
    font: inherit;
    font-size: 0.8125rem;
    text-align: left;
    cursor: pointer;
  }
  .row.svelte-1f0pssw:hover, .back.svelte-1f0pssw:hover { background: var(--aura-accent, var(--accent)); }
  .row.svelte-1f0pssw input:where(.svelte-1f0pssw) { accent-color: var(--aura-primary, var(--primary)); }
  .back.svelte-1f0pssw { width: auto; height: 1.5rem; margin-bottom: 0.25rem; padding-left: 0.125rem; color: var(--aura-muted-foreground, var(--muted-foreground)); font-size: 0.75rem; }
  .label.svelte-1f0pssw { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mark.svelte-1f0pssw { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.75rem; }
  .count.svelte-1f0pssw { font-size: 0.6875rem; font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .facets.svelte-1f0pssw .filtered { color: var(--aura-primary, var(--primary)); }

  /* no chrome until hover - the sheet's rule; a grid of bordered cells is a spreadsheet */
  .cell.svelte-1xh7y7d {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    max-width: 100%;
    padding: 0.1rem 0.25rem;
    margin: 0 -0.25rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }
  .cell.flat.svelte-1xh7y7d { cursor: inherit; }
  .cell.svelte-1xh7y7d:not(.flat):hover {
    border-color: var(--aura-border, var(--border));
    background: var(--aura-background, var(--background));
  }
  .val.svelte-1xh7y7d { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .absent.svelte-1xh7y7d { opacity: 0.35; }

  /* a changed cell says so, with the sheet's mark: a bar on its leading edge */
  .cell[data-change='add'].svelte-1xh7y7d,
  .cell[data-change='update'].svelte-1xh7y7d {
    box-shadow: inset 3px 0 0 var(--aura-update, #2563eb);
    background: color-mix(in oklch, var(--aura-update, #2563eb) 7%, transparent);
  }
  .cell[data-change='add'].svelte-1xh7y7d {
    box-shadow: inset 3px 0 0 var(--aura-add, #16a34a);
    background: color-mix(in oklch, var(--aura-add, #16a34a) 7%, transparent);
  }
  .cell[data-change='remove'].svelte-1xh7y7d .val:where(.svelte-1xh7y7d) { text-decoration: line-through; opacity: 0.5; }

  .chips.svelte-5h5m6a { display: flex; flex-wrap: wrap; gap: 0.35rem; }
  .chip.svelte-5h5m6a {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3em;
    padding: 0.15rem 0.6rem;
    border: 1px solid var(--aura-line, rgb(0 0 0 / 0.12));
    border-radius: 999px;
    background: none;
    font: inherit;
    font-size: 0.72rem;
    color: inherit;
    cursor: pointer;
  }
  /* a server track needs a Db, and chips are not handed one yet */
  .chip.svelte-5h5m6a:disabled { cursor: default; opacity: 0.45; }
  .chip.svelte-5h5m6a:not(:disabled):hover { background: rgb(0 0 0 / 0.04); }
  .glyph.svelte-5h5m6a { opacity: 0.5; }
  .of.svelte-5h5m6a { opacity: 0.55; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }

  .part.svelte-1vqgs4k {
    container: cell / inline-size;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    padding: 0.1rem 0.25rem;
    margin: 0 -0.25rem;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }
  .part.flat.svelte-1vqgs4k { cursor: inherit; }
  .part.svelte-1vqgs4k:not(.flat):hover { border-color: var(--aura-border, var(--border)); background: var(--aura-background, var(--background)); }

  .facets.svelte-1ko3v7u { overflow: hidden; }
  .list.svelte-1ko3v7u { max-height: 16rem; margin: 0; padding: 0; overflow: auto; list-style: none; }
  .row.svelte-1ko3v7u, .back.svelte-1ko3v7u, .drill.svelte-1ko3v7u {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    border: 0;
    border-radius: 0.3rem;
    background: none;
    color: var(--aura-foreground, var(--foreground));
    font: inherit;
    font-size: 0.8125rem;
    text-align: left;
    cursor: pointer;
  }
  .row.svelte-1ko3v7u { width: 100%; height: 1.75rem; padding: 0 0.375rem; }
  .row.svelte-1ko3v7u:hover:not(:disabled), .back.svelte-1ko3v7u:hover, .drill.svelte-1ko3v7u:hover, .tick.svelte-1ko3v7u:hover { background: var(--aura-accent, var(--accent)); }
  .row.svelte-1ko3v7u:disabled { cursor: default; }
  .back.svelte-1ko3v7u { height: 1.5rem; margin-bottom: 0.25rem; padding: 0 0.375rem 0 0.125rem; color: var(--aura-muted-foreground, var(--muted-foreground)); font-size: 0.75rem; }
  .label.svelte-1ko3v7u { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .count.svelte-1ko3v7u { font-size: 0.6875rem; font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .one.svelte-1ko3v7u { max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .facets.svelte-1ko3v7u .filtered { color: var(--aura-primary, var(--primary)); }
  .value.svelte-1ko3v7u { display: flex; align-items: center; }
  .tick.svelte-1ko3v7u {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    height: 1.75rem;
    padding: 0 0.375rem;
    border-radius: 0.3rem;
    font-size: 0.8125rem;
    cursor: pointer;
  }
  .tick.svelte-1ko3v7u input:where(.svelte-1ko3v7u) { accent-color: var(--aura-primary, var(--primary)); }
  .drill.svelte-1ko3v7u { height: 1.75rem; padding: 0 0.25rem 0 0.375rem; }

  /* min-width 0 all the way down: whatever box a host puts this in, the grid scrolls inside it rather than growing it */
  .aura-table.svelte-1yje60j { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; min-width: 0; min-height: 0; }
  .grid-box.svelte-1yje60j { flex: 1; min-width: 0; min-height: 12rem; }
  .grid-box.fitted.svelte-1yje60j { flex: none; min-height: 0; }
  .aura-table.fits.svelte-1yje60j { height: auto; }

  .filterbar.svelte-1yje60j {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .filterbar.svelte-1yje60j button:where(.svelte-1yje60j) {
    border: 0;
    background: none;
    color: var(--aura-primary, var(--primary));
    font: inherit;
    cursor: pointer;
  }

  /* the header: centred like the cells under it - the start padding balances the menu at the end */
  .hbtn.svelte-1yje60j {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-width: 0;
    height: 100%;
    padding: 0 0 0 1rem;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }
  .hbtn.svelte-1yje60j:hover { color: var(--aura-foreground, var(--foreground)); }
  .hbtn.start.svelte-1yje60j { justify-content: flex-start; padding-left: 0; }
  .hbtn.still.svelte-1yje60j { cursor: default; }
  .htext.svelte-1yje60j { overflow: hidden; text-overflow: ellipsis; }
  .ends.svelte-1yje60j { display: inline-flex; flex: none; align-items: center; gap: 0.0625rem; }
  .filtered.svelte-1yje60j { display: inline-flex; color: var(--aura-primary, var(--primary)); }
  .more.svelte-1yje60j {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 1rem;
    height: 1.25rem;
    border: 0;
    border-radius: 0.25rem;
    background: none;
    color: inherit;
    opacity: 0;
    cursor: pointer;
  }
  .aura-grid .hcell:hover .more.svelte-1yje60j, .more.svelte-1yje60j:focus-visible { opacity: 1; }
  .more.svelte-1yje60j:hover { background: var(--aura-accent, var(--accent)); color: var(--aura-foreground, var(--foreground)); }

  /* the gutter: the unsaved dot and the checkbox, each its own fixed slot */
  .hoistcol.svelte-1yje60j { display: inline-grid; place-items: center; width: 26px; }
  .dotcol.svelte-1yje60j { display: inline-grid; place-items: center; width: 10px; }
  .pickcol.svelte-1yje60j { position: relative; display: inline-grid; place-items: center; width: 22px; }
  /* the dot rides the checkbox's top corner, so the gutter is one slot */
  .mark.svelte-1yje60j { position: absolute; top: 0; right: 0; display: inline-grid; place-items: center; line-height: 0; pointer-events: none; }
  .mark.svelte-1yje60j > * { transform: scale(0.8); }
  .dirty.svelte-1yje60j { width: 0.4rem; height: 0.4rem; border-radius: 999px; background: var(--aura-primary, var(--primary)); }
  .box.svelte-1yje60j { opacity: 0; transition: opacity 0.1s; }
  /* the checkbox waits until wanted: on hover, on a picked row, and every row once several are picked */
  .aura-grid .row:hover .box.svelte-1yje60j,
  .aura-grid .row.on .box.svelte-1yje60j,
  .aura-grid .row.many .box.svelte-1yje60j,
  .box.svelte-1yje60j:focus-within { opacity: 1; }

  /* a pickable row says so; a picked one stays said - opaque, so pinned cells cover */
  .aura-grid .row.pickable { cursor: pointer; }
  .aura-grid .row.on,
  .aura-grid .row.on:hover { background: var(--aura-selection, var(--accent)); }

  .edit.svelte-1yje60j { min-width: 12rem; }
  /* a part's editor is a form - an address wants the room */
  .edit.part.svelte-1yje60j { width: 20rem; max-width: 80vw; }

  .glyph.svelte-1sokwwt { display: inline-flex; flex: none; padding-top: 0.05rem; }
  .main.svelte-1sokwwt { display: flex; flex-direction: column; min-width: 0; flex: 1; gap: 0.05rem; }
  .one.svelte-1sokwwt { display: flex; align-items: baseline; gap: 0.35rem; min-width: 0; }
  .title.svelte-1sokwwt { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .badge.svelte-1sokwwt {
    flex: none;
    padding: 0 0.3rem;
    border-radius: 0.25rem;
    background: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 7%, transparent);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: var(--aura-note);
    line-height: 1.45;
  }
  .badge.fn.svelte-1sokwwt { background: none; border: 1px solid var(--aura-border, var(--border)); }
  .two.svelte-1sokwwt {
    display: flex;
    gap: 0.3rem;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: var(--aura-note);
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 55%, transparent);
  }
  .mono.svelte-1sokwwt { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
  .sep.svelte-1sokwwt { opacity: 0.5; }
  .end.svelte-1sokwwt {
    flex: none;
    align-self: center;
    font-size: var(--aura-note);
    font-variant-numeric: tabular-nums;
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 50%, transparent);
  }

  .list.svelte-1hgjh1h { display: flex; flex-direction: column; min-width: 0; font-size: var(--aura-text); }
  .bar.svelte-1hgjh1h {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.6rem;
    padding-bottom: 0.4rem;
    font-size: var(--aura-note);
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 60%, transparent);
  }
  .count.svelte-1hgjh1h { font-variant-numeric: tabular-nums; color: var(--aura-foreground, var(--foreground)); font-weight: 500; }
  .shared.svelte-1hgjh1h { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .grow.svelte-1hgjh1h { flex: 1; }
  .find.svelte-1hgjh1h {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.1rem 0.4rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
  }
  .find.svelte-1hgjh1h input:where(.svelte-1hgjh1h) { width: 8rem; border: 0; outline: none; background: none; font: inherit; color: var(--aura-foreground, var(--foreground)); }
  .find.svelte-1hgjh1h:focus-within { border-color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 35%, transparent); }
  .pick.svelte-1hgjh1h { display: inline-flex; align-items: center; gap: 0.3rem; }
  .pick.svelte-1hgjh1h select:where(.svelte-1hgjh1h) {
    padding: 0.05rem 0.3rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    font: inherit;
    color: var(--aura-foreground, var(--foreground));
  }
  .ghead.svelte-1hgjh1h {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    margin-top: 0.35rem;
    padding: 0.2rem 0.25rem;
    border: 0;
    background: none;
    font: inherit;
    font-size: var(--aura-note);
    font-weight: 600;
    letter-spacing: 0.02em;
    text-align: left;
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 70%, transparent);
    cursor: pointer;
  }
  .ghead.svelte-1hgjh1h:hover { color: var(--aura-foreground, var(--foreground)); }
  .glabel.svelte-1hgjh1h { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
  .gn.svelte-1hgjh1h { font-weight: 400; font-variant-numeric: tabular-nums; opacity: 0.6; }
  .rows.svelte-1hgjh1h { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
  .rows.indent.svelte-1hgjh1h { padding-left: 1rem; }
  .row.svelte-1hgjh1h {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    width: 100%;
    padding: 0.35rem 0.4rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
  }
  .row.svelte-1hgjh1h:hover { background: var(--aura-accent, var(--accent)); }
  .row.svelte-1hgjh1h:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: -2px; }
  .quiet.svelte-1hgjh1h { margin: 0; padding: 0.4rem 0; font-size: var(--aura-note); opacity: 0.55; }
  .err.svelte-1hgjh1h {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    margin: 0;
    padding: 0.5rem 0.6rem;
    border-radius: 0.375rem;
    background: color-mix(in oklab, rgb(245 158 11) 12%, transparent);
    font-size: var(--aura-note);
    color: var(--aura-foreground, var(--foreground));
  }
  /* the glyph carries the amber, so the words stay readable on either ground */
  .err.svelte-1hgjh1h svg { color: rgb(217 119 6); }

  .aura-list-surface.svelte-16rirkq { height: 100%; overflow: auto; }
  .aura-list-surface.fits.svelte-16rirkq { height: auto; overflow: visible; }

  .aura-grouped.svelte-1q098uk { display: flex; flex-direction: column; gap: 0.75rem; }
  .ghead.svelte-1q098uk { display: flex; align-items: center; gap: 0.375rem; min-height: 1.75rem; }
  .fold.svelte-1q098uk, .name.svelte-1q098uk { display: inline-flex; align-items: center; gap: 0.375rem; border: 0; padding: 0.125rem 0.25rem; border-radius: 0.375rem; background: none; cursor: pointer; color: inherit; font: inherit; }
  .fold.svelte-1q098uk { color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .fold.svelte-1q098uk:hover, .name.svelte-1q098uk:hover { background: var(--aura-muted, var(--muted)); }
  .pick.svelte-1q098uk { display: inline-grid; place-items: center; width: 22px; }
  .label.svelte-1q098uk { font-size: 0.875rem; font-weight: 600; }
  .count.svelte-1q098uk { font-size: 0.75rem; font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .grow.svelte-1q098uk { display: flex; flex: 1; min-width: 0; padding-left: 0.5rem; }
  .tools.svelte-1q098uk { display: inline-flex; align-items: center; gap: 0.25rem; padding-right: 0.5rem; }
  .gbody.svelte-1q098uk { margin-top: 0.25rem; }

  /* `goes`, not `link`: legacy ionUx styles a global `.link` */
  .refs.svelte-5uaeqn { display: inline-flex; flex-wrap: wrap; gap: 0.3rem; min-width: 0; }
  .ref.svelte-5uaeqn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.05rem 0.6rem 0.05rem 0.2rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 999px;
    background: var(--aura-background, var(--background));
    font: inherit;
    color: var(--aura-foreground, var(--foreground));
  }
  .ref.svelte-5uaeqn svg { width: 0.75rem; height: 0.75rem; }
  .name.svelte-5uaeqn { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .goes.svelte-5uaeqn { cursor: pointer; }
  .goes.svelte-5uaeqn:hover { background: var(--aura-accent, var(--accent)); border-color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 30%, transparent); }
  .goes.svelte-5uaeqn:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }

  /* Quiet chrome: editors are borderless at rest and grow a border on hover or focus. */
  .aura-field { min-width: 0; font-size: var(--aura-text); gap: 0; align-items: center; }

  /* pair: inline and self-sizing, so it never fights its layout */
  .aura-field.aura-pair { display: inline-flex; width: auto; flex: none; }
  .aura-field.aura-bare { display: inline-flex; width: auto; flex: none; }

  /* row: display contents, so its cells land in the parent grid's tracks */
  .aura-field.aura-row { display: contents; }

  /* above: the label is a small caption and the control takes the width */
  .aura-field[data-orientation='vertical'] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    width: 100%;
  }
  .aura-field[data-orientation='vertical'] .aura-label {
    justify-content: flex-start;
    font-size: var(--aura-note);
    opacity: var(--aura-faint);
  }
  .aura-field[data-orientation='vertical'] .val { width: 100%; }

  /* the control at rest: no border, no ground, no extra height */
  .aura-field [data-slot='input-group'],
  .aura-field input,
  .aura-field textarea {
    width: auto;
    min-width: 0;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    min-height: 1.6rem;
    height: auto;
  }

  /* on approach; never the input inside a group, which would draw a second box */
  .aura-field:hover [data-slot='input-group'],
  .aura-field:hover input:not([data-slot='input-group-control']),
  .aura-field:hover textarea {
    border-color: var(--aura-border, var(--border));
    background: var(--aura-background, var(--background));
  }
  .aura-field [data-slot='input-group']:focus-within,
  .aura-field input:not([data-slot='input-group-control']):focus,
  .aura-field textarea:focus {
    border-color: var(--aura-ring, var(--ring));
    background: var(--aura-background, var(--background));
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--aura-ring, var(--ring)) 25%, transparent);
  }

  /* sized to content, not shadcn's w-full, so a column of numbers stays narrow */
  .aura-field [data-slot='input-group'] { width: fit-content; }

  /* Standing chrome, from data-chrome="standing" on an ancestor; must stay below the quiet rules. */
  [data-chrome='standing'] .aura-field [data-slot='input-group'] {
    border-color: var(--aura-input, var(--input, rgb(0 0 0 / 0.14)));
    background: var(--aura-background, var(--background));
  }
  /* on approach a shade firmer, not the focus blue - blue is for the box you are in */
  [data-chrome='standing'] .aura-field:hover [data-slot='input-group'],
  [data-chrome='standing'] .aura-field:hover input:not([data-slot='input-group-control']) {
    border-color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 28%, var(--aura-input, var(--input)));
  }

  /* a bare input too, since not every editor is an InputGroup yet */
  
    [data-chrome='standing'] .aura-field input:not([data-slot='input-group-control'])
  ,
  [data-chrome='standing'] .aura-field textarea {
    border-color: var(--aura-input, var(--input, rgb(0 0 0 / 0.14)));
    background: var(--aura-background, var(--background));
    border-radius: 0.375rem;
  }

  /* in a value column the group, never a picker inside it, takes --aura-editor's width */
  [data-chrome='standing'] .aura-field.aura-row [data-slot='input-group'],
  [data-chrome='standing'] .aura-field.aura-row .trigger:not(.badge):not(.addon) {
    width: var(--aura-editor);
    max-width: 100%;
  }
  [data-chrome='standing'] .aura-field.aura-row [data-slot='input-group'] > input {
    flex: 1;
    min-width: 0;
    max-width: none;
    /* the parent is sized, so the input must stop measuring itself */
    field-sizing: auto;
    box-sizing: border-box;
  }

  /* shorter than shadcn's h-9, with the padding down to match */
  [data-chrome='standing'] .aura-field [data-slot='input-group'],
  [data-chrome='standing'] .aura-field .trigger:not(.badge) {
    min-height: 1.55rem;
  }
  [data-chrome='standing'] .aura-field [data-slot='input-group'] input,
  [data-chrome='standing'] .aura-field input:not([data-slot='input-group-control']) {
    padding-block: 0.1rem;
    min-height: 1.45rem;
  }

  /* a standing bare field keeps its placeholder, since its box is visible */
  [data-chrome='standing'] .aura-bare:not(.hot) input::placeholder {
    color: var(--aura-muted-foreground, var(--muted-foreground, rgb(0 0 0 / 0.45)));
  }

  /* state is on the label, never the value: undo shadcn's destructive cascade */
  .aura-field[data-invalid='true'] .val,
  .aura-field[data-invalid='true'] .val * { color: var(--aura-foreground, var(--foreground)); }

  /* labels right-aligned, so every label ends at its colon */
  .aura-field .aura-label {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    flex: none;
    opacity: 0.55;
    font-weight: 400;
  }
  /* the icon stays left of the text, so the icons form a column */
  .aura-field .aura-label > .mark { order: -1; }

  /* a pending change is a bar on the leading edge, green add and blue update; the label stays ink */
  .aura-field[data-change='add'],
  .aura-field[data-change='update'] { --aura-bar: var(--aura-update, #2563eb); }
  .aura-field[data-change='add'] { --aura-bar: var(--aura-add, #16a34a); }

  .aura-field.aura-row[data-change='add'] > :first-child,
  .aura-field.aura-row[data-change='update'] > :first-child {
    box-shadow: inset 3px 0 0 var(--aura-bar);
  }
  /* a bare or paired field has no row to mark, so its editor carries the bar */
  .aura-field:not(.aura-row)[data-change='add'] :is([data-slot='input-group'], .trigger),
  .aura-field:not(.aura-row)[data-change='update'] :is([data-slot='input-group'], .trigger) {
    box-shadow: inset 3px 0 0 var(--aura-bar);
  }
  .aura-field[data-change='add'] .aura-label,
  .aura-field[data-change='update'] .aura-label { opacity: 0.85; }

  /* remove is struck through, not hidden, so it can be checked before saving */
  .aura-field[data-change='remove'] .aura-label,
  .aura-field[data-change='remove'] .val {
    text-decoration: line-through;
    opacity: 0.45;
  }
  .aura-field.aura-row[data-change='remove'] > :first-child {
    box-shadow: inset 3px 0 0 color-mix(in oklch, currentColor 30%, transparent);
  }

  /* the label never goes red; the error is the editor's border */
  .aura-field[data-invalid='true'] .aura-label { color: var(--aura-foreground, var(--foreground)); }
  .aura-field[data-invalid='true'] :is([data-slot='input-group'], .trigger:not(.addon)) {
    border-color: var(--aura-destructive, var(--destructive)) !important;
  }
  .aura-field[data-level='warn'] :is([data-slot='input-group'], .trigger:not(.addon)) {
    border-color: #d97706 !important;
  }

  /* no rule per row; a row shows itself on hover */
  .aura-field.aura-row > * {
    display: flex;
    align-items: center;
    min-height: 1.75rem;
  }
  .aura-field.aura-row.hot > * { background: var(--aura-accent, var(--accent)); }
  /* rounded ends, so the highlight reads as one row */
  .aura-field.aura-row.hot > *:first-child {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
  }
  .aura-field.aura-row.hot > *:last-child {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }

  /* global under .aura-field, so Part.svelte's row draws with the same cells */
  .aura-field .mark { display: inline-flex; width: 1rem; justify-content: center; }
  /* fixed width, so swapping the colon for the trash never shifts the value column */
  .aura-field .gutter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    flex: none;
    font-size: var(--aura-text);
  }
  /* the colon is faint, not the cell, since a parent's opacity caps its children */
  .aura-field .gutter [aria-hidden='true'] { opacity: 0.3; }
  .gutter.svelte-byquyl .lock:where(.svelte-byquyl) { opacity: 0.55; }
  .aura-field .val { min-width: 0; }
  .absent.svelte-byquyl { opacity: 0.3; }

  /* an empty bare field draws nothing until hover; fully global since .aura-bare is shadcn's element */
  .aura-bare:not(.hot) .absent { visibility: hidden; }
  .aura-bare:not(.hot) input::placeholder { color: transparent; }
  .lock.svelte-byquyl { display: inline-flex; }
  /* a label-above field's caption row: the label, then its one control */
  .caption.svelte-byquyl { display: inline-flex; align-items: center; gap: 0.35rem; min-height: 1.1rem; }
  .cap.svelte-byquyl { display: inline-flex; flex: none; width: 0.75rem; }
  .cap.svelte-byquyl button:where(.svelte-byquyl) { opacity: 0.6; }
  .cap.svelte-byquyl button:where(.svelte-byquyl):hover { opacity: 1; }
  .aura-error {
    display: flex;
    align-items: flex-start;
    gap: 0.3rem;
    font-size: var(--aura-note);
    line-height: 1.35;
    color: var(--aura-destructive, var(--destructive));
  }
  .aura-error.warn { color: #b45309; }
  .aura-error > svg { margin-top: 0.1rem; }
  .undo.svelte-byquyl { background: none; border: 0; padding: 0; display: flex; cursor: pointer; opacity: 1; }
  .undo.svelte-byquyl:hover { color: var(--aura-foreground, var(--foreground)); }
  /* red from the moment it shows, so what hover offered is plain; a tint behind it on the button itself */
  .trash.svelte-byquyl {
    background: none; border: 0; padding: 2px; border-radius: 4px; display: flex; cursor: pointer;
    color: var(--aura-destructive, var(--destructive, #dc2626));
  }
  .trash.svelte-byquyl:hover {
    background: color-mix(in oklab, var(--aura-destructive, var(--destructive, #dc2626)) 14%, transparent);
  }

  /* loud on purpose: an unknown name is a typo */
  .unknown.svelte-byquyl {
    font-family: ui-monospace, monospace;
    font-size: var(--aura-note);
    color: var(--aura-destructive, var(--destructive));
  }

  .fields.svelte-1e1dds2 {
    display: grid;
    /* n-up by width: the group says how it reads, the surface how wide it is */
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.75rem 1.25rem;
  }
  .compact.svelte-1e1dds2 { gap: 0.4rem 1rem; }
  .field.svelte-1e1dds2 { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
  .label.svelte-1e1dds2 { font-size: 0.7rem; opacity: 0.6; }
  .value.svelte-1e1dds2 { font-size: 0.8rem; font-weight: 500; }

  .pairs.svelte-9vnt2k {
    display: grid;
    grid-template-columns: minmax(6rem, max-content) 1fr;
    gap: 0.35rem 1rem;
    margin: 0;
  }
  .compact.svelte-9vnt2k { gap: 0.15rem 0.75rem; }
  dt.svelte-9vnt2k { font-size: 0.75rem; opacity: 0.6; }
  dd.svelte-9vnt2k { font-size: 0.75rem; margin: 0; min-width: 0; }

  .tiles.svelte-2e8plg {
    display: grid;
    /* n-up by width, like `fields` */
    grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr));
    gap: 0.5rem;
  }
  .tile.svelte-2e8plg {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.5rem 0.625rem;
    border: 1px solid var(--aura-border, var(--border, rgb(0 0 0 / 0.1)));
    border-radius: 0.5rem;
  }
  .label.svelte-2e8plg {
    font-size: 0.625rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.55;
  }
  /* the value is what the eye lands on */
  .value.svelte-2e8plg { font-size: 1.05rem; font-weight: 600; line-height: 1.1; }

  .card.svelte-1qp790d {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--aura-line, rgb(0 0 0 / 0.1));
    border-radius: 8px;
  }
  header.svelte-1qp790d { display: flex; align-items: baseline; gap: 0.5em; }
  .dis.svelte-1qp790d { font-size: 0.9rem; font-weight: 600; }
  .spec.svelte-1qp790d {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.7rem;
    opacity: 0.5;
  }
  section.svelte-1qp790d { display: flex; flex-direction: column; gap: 0.5rem; }
  h3.svelte-1qp790d {
    margin: 0;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.55;
  }
  .tracks.svelte-1qp790d { margin-top: 0.1rem; }

  .add.svelte-16vikuo { display: inline-flex; font-size: var(--aura-note); }

  .row.svelte-16vikuo {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    padding: 0.25rem 0.4rem;
    background: none;
    border: 0;
    border-radius: 0.25rem;
    font: inherit;
    font-size: var(--aura-text);
    color: inherit;
    text-align: left;
    cursor: pointer;
  }
  .row.svelte-16vikuo:hover { background: var(--aura-accent, var(--accent, rgb(0 0 0 / 0.05))); }
  .mark.svelte-16vikuo { display: flex; width: 0.9rem; flex: none; justify-content: center; }
  .dis.svelte-16vikuo { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .tag.svelte-16vikuo { font-size: var(--aura-note); opacity: 0.45; font-family: ui-monospace, monospace; }

  .adhoc.svelte-16vikuo {
    margin-top: 0.4rem;
    padding-top: 0.4rem;
    border-top: 1px solid var(--aura-border, var(--border, rgb(0 0 0 / 0.1)));
  }
  .head.svelte-16vikuo {
    margin: 0 0 0.3rem;
    font-size: var(--aura-note);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    opacity: 0.4;
  }
  .line.svelte-16vikuo { display: flex; gap: 0.25rem; margin-bottom: 0.3rem; }
  .name.svelte-16vikuo, .kind.svelte-16vikuo {
    padding: 0.25rem 0.35rem;
    border: 1px solid var(--aura-border, var(--border, rgb(0 0 0 / 0.14)));
    border-radius: 0.25rem;
    background: transparent;
    font: inherit;
    font-size: var(--aura-note);
    color: inherit;
  }
  .name.svelte-16vikuo { flex: 1; min-width: 0; font-family: ui-monospace, monospace; }
  .kind.svelte-16vikuo { flex: none; }

  .go.svelte-16vikuo {
    width: 100%;
    padding: 0.25rem;
    border: 1px solid var(--aura-border, var(--border, rgb(0 0 0 / 0.16)));
    border-radius: 0.25rem;
    background: var(--aura-muted, var(--muted, rgb(0 0 0 / 0.04)));
    font: inherit;
    font-size: var(--aura-note);
    color: inherit;
    cursor: pointer;
  }
  .go.svelte-16vikuo:disabled { opacity: 0.4; cursor: default; }
  .go.svelte-16vikuo:not(:disabled):hover { background: var(--aura-accent, var(--accent, rgb(0 0 0 / 0.1))); }
  .none.svelte-16vikuo { padding: 0.4rem; font-size: var(--aura-text); opacity: 0.5; }

  /* the label is a button here, so it takes the label's look and none of a button's */
  .name.svelte-zjm5w, .summary.svelte-zjm5w {
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    text-align: left;
  }
  /* the value keeps the row's size; the label takes a slot label's (text-sm) */
  .summary.svelte-zjm5w { font: inherit; }
  /* where a slot's label sits: from the icon column, not pushed to the colon */
  .name.svelte-zjm5w { justify-content: flex-start; }
  .live.svelte-zjm5w .name:where(.svelte-zjm5w), .live.svelte-zjm5w .summary:where(.svelte-zjm5w) { cursor: pointer; }
  .name.svelte-zjm5w:focus-visible, .summary.svelte-zjm5w:focus-visible, .done.svelte-zjm5w:focus-visible {
    outline: 2px solid var(--aura-ring, var(--ring));
    outline-offset: 1px;
    border-radius: 0.25rem;
  }
  .open.svelte-zjm5w .name:where(.svelte-zjm5w) { opacity: 1; font-weight: 500; }
  /* the way it opens, said quietly - on approach, and while open */
  .chev.svelte-zjm5w { display: inline-flex; opacity: 0; transition: opacity 120ms; }
  .hot.svelte-zjm5w .chev:where(.svelte-zjm5w), .open.svelte-zjm5w .chev:where(.svelte-zjm5w) { opacity: 0.6; }
  .summary.svelte-zjm5w { display: flex; min-width: 0; width: 100%; }

  .tools.svelte-zjm5w { display: inline-flex; align-items: center; gap: 0.4rem; margin-left: auto; }
  /* Add is a button, not an editor; beat the standing rule's --aura-editor width */
  .part-row.svelte-zjm5w .tools:where(.svelte-zjm5w) .add .trigger { width: max-content !important; }
  .done.svelte-zjm5w {
    display: inline-flex;
    align-items: center;
    height: 1.5rem;
    padding: 0 0.55rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    color: inherit;
    font: inherit;
    font-size: var(--aura-note);
    cursor: pointer;
  }
  .done.svelte-zjm5w:hover { background: var(--aura-accent, var(--accent)); }
  .val.svelte-zjm5w:has(.tools:where(.svelte-zjm5w)) { justify-content: flex-end; }

  /* the kit, indented under the row's label like a section's contents */
  .part-body.svelte-zjm5w { padding: 0.25rem 0.35rem 0.75rem 1.75rem; }

  .unknown.svelte-zjm5w {
    font-family: ui-monospace, monospace;
    font-size: var(--aura-note);
    color: var(--aura-destructive, var(--destructive));
  }

  .markers.svelte-1ufufz4 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.85rem;
  }

  /* a tighter gap than between clusters, so they read as groups */
  .cluster.svelte-1ufufz4 { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; }

  .kind.svelte-1ufufz4 { display: inline-flex; opacity: var(--aura-faint); }
  .cluster.svelte-1ufufz4:hover .kind:where(.svelte-1ufufz4) { opacity: 0.8; }

  /* a hairline, so the icon reads as the run's label, not its first pill */
  .rule.svelte-1ufufz4 {
    width: 1px;
    height: 0.85rem;
    margin-right: 0.15rem;
    background: var(--aura-border, var(--border));
  }

  .adder.svelte-1ufufz4 { display: inline-flex; }

  .skip.svelte-1xz62ca { margin: 0.3rem 0 0; font-size: var(--aura-note, 0.6875rem); color: var(--aura-muted-foreground, var(--muted-foreground)); }
  /* dashed, not Picker's badge: a placeholder, like an `available` pill */
  .markers .adder .trigger {
    border-style: dashed !important;
    border-color: var(--aura-border, var(--border)) !important;
    /* a rounded rectangle, matching the pills beside it */
    border-radius: 0.375rem;
    padding: 0.05rem 0.5rem;
    font-size: var(--aura-note);
    opacity: 0.5;
  }
  .markers .adder .trigger:hover {
    opacity: 1;
    border-color: var(--aura-foreground, var(--foreground)) !important;
    background: none !important;
  }
  /* the caret is noise on a `+ add` - the word is already the affordance */
  .markers .adder .trigger .caret { display: none; }

  .head.svelte-1xz62ca {
    margin: 0 0 0.25rem;
    font-size: var(--aura-note);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    opacity: var(--aura-faint);
  }

  .row.svelte-1xz62ca {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    padding: 0.25rem 0.4rem;
    background: none;
    border: 0;
    border-radius: 0.25rem;
    font: inherit;
    font-size: var(--aura-text);
    color: inherit;
    text-align: left;
    cursor: pointer;
  }
  .row.svelte-1xz62ca:hover { background: var(--aura-accent, var(--accent)); }
  .nm.svelte-1xz62ca { font-family: ui-monospace, monospace; }

  .own.svelte-1xz62ca { margin-top: 0.45rem; padding-top: 0.45rem; border-top: 1px solid var(--aura-border, var(--border)); }
  .own.alone.svelte-1xz62ca { margin-top: 0; padding-top: 0; border-top: 0; }

  .line.svelte-1xz62ca { display: flex; gap: 0.25rem; }
  .tag.svelte-1xz62ca {
    flex: 1;
    min-width: 0;
    padding: 0.25rem 0.35rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.25rem;
    background: transparent;
    font: inherit;
    font-size: var(--aura-note);
    font-family: ui-monospace, monospace;
    color: inherit;
  }
  .go.svelte-1xz62ca {
    flex: none;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.25rem;
    background: var(--aura-muted, var(--muted));
    font: inherit;
    font-size: var(--aura-note);
    color: inherit;
    cursor: pointer;
  }
  .go.svelte-1xz62ca:disabled { opacity: 0.4; cursor: default; }
  .go.svelte-1xz62ca:not(:disabled):hover { background: var(--aura-accent, var(--accent)); }

  .tools.svelte-hbkyf1 {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
    margin-left: auto;
    font-size: var(--aura-note, 0.6875rem);
  }
  /* in a host's header: the whole row, so the mode can sit at its far end */
  .tools.hosted.svelte-hbkyf1 { flex: 1; margin-left: 0; }
  /* one 1.75rem height for every control in the row, shadcn's select trigger included */
  .mode.svelte-hbkyf1 { display: inline-flex; margin-left: auto; padding-left: 0.5rem; }
  .mode.svelte-hbkyf1 .aura-mode {
    height: 1.75rem;
    min-height: 1.75rem;
    gap: 0.3rem;
    padding: 0 0.45rem 0 0.55rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    box-shadow: none;
  }
  .group.svelte-hbkyf1 { display: inline-flex; align-items: center; gap: 0.05rem; }
  .icon.svelte-hbkyf1 {
    display: inline-grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    color: var(--aura-foreground, var(--foreground));
    cursor: pointer;
  }
  .icon.svelte-hbkyf1:hover { background: var(--aura-accent, var(--accent)); }
  .icon.svelte-hbkyf1:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }
  .pos.svelte-hbkyf1 {
    padding: 0 0.25rem;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: var(--aura-muted-foreground, var(--muted-foreground));
  }

  /* the lib chip's height, so the type line is one row of equal parts */
  .doc.svelte-1bu6id3 {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 0.25rem;
    height: 1.25rem;
    padding: 0 0.4rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.25rem;
    background: var(--aura-background, var(--background));
    color: var(--aura-foreground, var(--foreground));
    font-family: inherit;
    font-size: 0.6875rem;
    line-height: 1;
    cursor: pointer;
  }
  .doc.svelte-1bu6id3:hover { background: var(--aura-accent, var(--accent)); }
  .doc.on.svelte-1bu6id3 {
    border-color: var(--aura-primary, var(--primary));
    background: color-mix(in oklab, var(--aura-primary, var(--primary)) 12%, var(--aura-background, var(--background)));
    color: var(--aura-primary, var(--primary));
  }
  .doc.svelte-1bu6id3:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }

  .trail.svelte-1kt2swy { display: flex; align-items: center; gap: 0.5rem; min-width: 0; margin-bottom: 0.375rem; }
  .trail.hosted.svelte-1kt2swy { flex: 1; margin-bottom: 0; }
  .step.svelte-1kt2swy {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    min-width: 0;
    max-width: 60%;
    height: 1.5rem;
    padding: 0 0.4rem 0 0.2rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    color: var(--aura-muted-foreground, var(--muted-foreground));
    font: inherit;
    font-size: 0.75rem;
    cursor: pointer;
  }
  .step.fwd.svelte-1kt2swy { margin-left: auto; padding: 0 0.2rem 0 0.4rem; }
  .step.svelte-1kt2swy:hover { background: var(--aura-accent, var(--accent)); color: var(--aura-foreground, var(--foreground)); }
  .step.svelte-1kt2swy:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }
  .to.svelte-1kt2swy { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  /* label and gutter at max-content; minmax(0, 1fr) so a long value cannot widen the grid */
  .aura-rows.svelte-ge4l26 {
    display: grid;
    grid-template-columns: max-content max-content minmax(0, 1fr);
    align-items: stretch;
    row-gap: 0.25rem;
    margin-inline: -0.35rem;
    /* items sit a little in from their section's heading */
    padding-left: 1rem;
    min-width: 0;
  }

  /* everything that is not a row spans, so a new kind of child needs no rule here */
  .aura-rows.svelte-ge4l26 > :not(.aura-row) {
    grid-column: 1 / -1;
    min-width: 0;
    margin-inline: 0.35rem;
  }

  /* headings stay at the sheet's own left edge, out of the indent */
  .aura-rows.svelte-ge4l26 > .section-head { margin-left: -0.65rem; }
  .aura-rows.svelte-ge4l26 > :not(.section-head) .section-head { margin-left: -1rem; }

  /* except a row's error line, which sits under the value column; must follow the span rule */
  .aura-rows.svelte-ge4l26 > .aura-error {
    grid-column: 3 / -1;
    margin: -0.15rem 0.35rem 0.2rem 0;
  }

  .rename.svelte-24ppgn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    background: none;
    color: inherit;
    opacity: 0.4;
    cursor: pointer;
  }
  .rename.svelte-24ppgn:hover,
  .rename.pending.svelte-24ppgn,
  .rename.bad.svelte-24ppgn { opacity: 1; border-color: var(--aura-border, var(--border)); }
  /* the same small signals the rows use: blue pending, red wrong */
  .rename.pending.svelte-24ppgn::after,
  .rename.bad.svelte-24ppgn::after {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 999px;
    background: var(--aura-update, #2563eb);
  }
  .rename.bad.svelte-24ppgn::after { background: var(--aura-destructive, var(--destructive)); }

  .panel.svelte-24ppgn { display: flex; flex-direction: column; gap: 0.5rem; min-width: 20rem; }
  .from.svelte-24ppgn { margin: 0; font-size: var(--aura-note); opacity: 0.6; }
  .id.svelte-24ppgn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--aura-border, var(--border));
    font-size: var(--aura-text);
  }
  .k.svelte-24ppgn { opacity: 0.55; }
  code.svelte-24ppgn { font-size: var(--aura-note); user-select: all; }
  .copy.svelte-24ppgn {
    display: inline-flex;
    margin-left: auto;
    padding: 0.2rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.3rem;
    background: none;
    color: inherit;
    cursor: pointer;
  }
  .copy.svelte-24ppgn:hover { background: var(--aura-accent, var(--accent)); }

  .tracks.svelte-1tc47op { display: flex; flex-direction: column; min-width: 0; }
  .strip.svelte-1tc47op {
    position: sticky;
    top: var(--sheet-head, 0px);
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 0.1rem 0.9rem;
    border-bottom: 1px solid var(--aura-border, var(--border));
    background: var(--aura-background, var(--background));
  }
  .tab.svelte-1tc47op {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: -1px;
    padding: 0.35rem 0 0.4rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    font: inherit;
    font-size: var(--aura-text);
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 55%, transparent);
    cursor: pointer;
  }
  .tab.svelte-1tc47op:hover { color: var(--aura-foreground, var(--foreground)); }
  .tab.on.svelte-1tc47op { color: var(--aura-foreground, var(--foreground)); border-bottom-color: var(--aura-foreground, var(--foreground)); font-weight: 500; }
  .tab.bad.svelte-1tc47op { color: rgb(217 119 6); }
  .tab.svelte-1tc47op:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 2px; border-radius: 2px; }
  .n.svelte-1tc47op { font-variant-numeric: tabular-nums; font-size: var(--aura-note); opacity: 0.6; font-weight: 400; }
  .dot.svelte-1tc47op { opacity: 0.4; }
  /* room under the strip - and none without one, or it is a gap under the header */
  .body.svelte-1tc47op { min-width: 0; }
  .body.tabbed.svelte-1tc47op { padding-top: 0.75rem; }

  /* the marker rows' shape: a glyph, a short rule, then the chips */
  .line.svelte-9rvcog { display: flex; align-items: center; gap: 0.5rem; min-width: 0; font-size: var(--aura-text); }
  .lead.svelte-9rvcog { display: inline-flex; flex: none; width: 1rem; justify-content: center; opacity: 0.5; }
  .bar.svelte-9rvcog { flex: none; width: 1px; height: 1rem; background: var(--aura-border, var(--border)); }
  .items.svelte-9rvcog { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.9rem; min-width: 0; }
  .link-group.svelte-9rvcog { display: inline-flex; align-items: center; gap: 0.4rem; }
  .label.svelte-9rvcog { font-size: var(--aura-note); color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 55%, transparent); }
  .chip.svelte-9rvcog {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.05rem 0.55rem 0.05rem 0.2rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 999px;
    background: var(--aura-background, var(--background));
    font: inherit;
    font-size: var(--aura-note);
    color: var(--aura-foreground, var(--foreground));
    cursor: pointer;
  }
  .chip.svelte-9rvcog:hover:not(:disabled) { background: var(--aura-accent, var(--accent)); }
  .chip.svelte-9rvcog:disabled { cursor: default; }
  .chip.svelte-9rvcog:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }
  .chip.svelte-9rvcog svg { width: 0.7rem; height: 0.7rem; }
  .quiet.svelte-9rvcog { opacity: 0.45; }
  .err.svelte-9rvcog { display: inline-flex; align-items: center; gap: 0.3rem; font-size: var(--aura-note); color: rgb(217 119 6); }

  .shell.svelte-yf694q { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
  .props.svelte-yf694q { display: flex; flex-direction: column; gap: 0.875rem; min-width: 0; }
  .shell.dense.svelte-yf694q .props:where(.svelte-yf694q) { gap: 0.6rem; }
  /* `top`, not `head`: a sheet's section headings are `.head` */
  .top.svelte-yf694q { min-width: 0; }
  /* while stuck: a hairline under the header, so it reads as lifted over the list */
  /* (unused) .top.sticky[data-stuck] { box-shadow: 0 1px 0 0 var(--aura-border, var(--border)); }*/
  .top.sticky.svelte-yf694q {
    position: sticky;
    top: 0;
    z-index: 3;
    margin-top: -0.25rem;
    padding: 0.25rem 0 0.35rem;
    background: var(--aura-background, var(--background));
  }

  /* fixed tracks of the measured width; auto-fill, and min() so a narrow rail never scrolls */
  .tiles.svelte-weciek {
    display: grid;
    grid-template-columns: repeat(auto-fill, min(100%, var(--aura-tile)));
    justify-content: start;
    gap: 0.5rem 0.75rem;
  }

  /* the tile fills its track */
  .tiles.svelte-weciek > * { min-width: 0; }

  /* and so does the control inside it, or uniform tiles hold ragged controls */
  .tiles.svelte-weciek .trigger { width: 100%; }
  .tiles.svelte-weciek [data-slot='input-group'] { width: 100%; }

  .section-head.svelte-ype1aa {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    margin: 1.25rem 0 0.3rem;
    font-size: var(--aura-note);
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 62%, transparent);
  }
  .section-head.first.svelte-ype1aa { margin-top: 0.1rem; }
  .title.svelte-ype1aa { flex: none; }
  .rule.svelte-ype1aa {
    flex: 1;
    min-width: 1rem;
    height: 1px;
    background: var(--aura-border, var(--border));
  }
  .end.svelte-ype1aa { flex: none; display: inline-flex; letter-spacing: normal; text-transform: none; font-weight: 400; }

  /* quiet, because adding a tag is rarer than reading one */
  .foot.svelte-1aa89mf { opacity: 0.6; }
  .foot.svelte-1aa89mf:hover { opacity: 1; }


  .chain.svelte-1r317a2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 0.3rem;
    row-gap: 0.15rem;
    font-size: var(--aura-text);
    line-height: 1.3;
  }
  .lead.svelte-1r317a2 { opacity: 0.45; font-size: var(--aura-note); padding-top: 0.08rem; }
  .rung.svelte-1r317a2 { display: inline-flex; flex-direction: column; min-width: 0; }
  .name.svelte-1r317a2 { padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; }
  .goes.svelte-1r317a2 { cursor: pointer; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 2px; }
  .goes.svelte-1r317a2:hover { text-decoration-color: currentColor; }
  .goes.svelte-1r317a2:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; border-radius: 2px; }
  /* reserved on every rung so a lib label never shifts the line */
  .lib.svelte-1r317a2 {
    min-height: 0.8rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.6rem;
    letter-spacing: 0.02em;
    opacity: 0.45;
  }
  .sep.svelte-1r317a2 { opacity: 0.3; padding-top: 0.02rem; }
  .fork.svelte-1r317a2 {
    display: inline-flex;
    flex-direction: column;
    gap: 0.05rem;
    padding: 0 0.45rem;
    border-inline: 1px solid color-mix(in oklab, var(--aura-foreground, var(--foreground)) 22%, transparent);
    border-radius: 0.35rem;
  }
  .branch.svelte-1r317a2 { display: inline-flex; align-items: baseline; gap: 0.3rem; }
  .branch.svelte-1r317a2 .lib:where(.svelte-1r317a2) { display: none; }
  .op.svelte-1r317a2 { width: 0.6rem; opacity: 0.5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
  .stub.svelte-1r317a2 { opacity: 0.35; }

  .chip.svelte-6qzhs3 {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    max-width: 100%;
    padding: 0.05rem 0.4rem 0.05rem 0.3rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.3rem;
    background: var(--aura-background, var(--background));
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: var(--aura-note);
    line-height: 1.35;
    white-space: nowrap;
    color: var(--aura-foreground, var(--foreground));
  }
  .goes.svelte-6qzhs3 { cursor: pointer; }
  .goes.svelte-6qzhs3:hover { border-color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 35%, transparent); background: var(--aura-accent, var(--accent)); }
  .goes.svelte-6qzhs3:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }
  .art.svelte-6qzhs3 { display: inline-flex; }
  .art.svelte-6qzhs3 svg { width: 0.75rem; height: 0.75rem; }
  .wrap.svelte-6qzhs3 { opacity: 0.55; }
  .of.svelte-6qzhs3 { opacity: 0.4; }
  .maybe.svelte-6qzhs3 { opacity: 0.5; margin-left: -0.1rem; }

  .markers.svelte-9u00as { display: flex; flex-wrap: wrap; gap: 0.25rem; }
  .grid.svelte-9u00as {
    display: grid;
    grid-template-columns: 0.9rem max-content max-content minmax(0, 1fr);
    align-items: center;
    column-gap: 0.6rem;
    row-gap: 0.3rem;
  }
  .toggle.svelte-9u00as { display: inline-flex; justify-content: center; }
  .caret.svelte-9u00as {
    display: inline-grid;
    place-items: center;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: 0;
    border-radius: 0.25rem;
    background: none;
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 55%, transparent);
    cursor: pointer;
  }
  .caret.svelte-9u00as:hover { background: var(--aura-accent, var(--accent)); color: var(--aura-foreground, var(--foreground)); }
  .caret.svelte-9u00as:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }
  .name.svelte-9u00as { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--aura-text); }
  .type.svelte-9u00as { min-width: 0; }
  .note.svelte-9u00as {
    display: flex;
    gap: 0.5rem;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    font-size: var(--aura-note);
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 55%, transparent);
  }
  .val.svelte-9u00as { flex: none; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--aura-foreground, var(--foreground)); opacity: 0.75; }
  .mono.svelte-9u00as { flex: none; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
  .doc.svelte-9u00as { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .nest.svelte-9u00as {
    grid-column: 2 / -1;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0.1rem 0 0.35rem;
    padding: 0.45rem 0 0.45rem 0.75rem;
    border-left: 2px solid var(--aura-border, var(--border));
  }
  .options.svelte-9u00as { display: flex; flex-wrap: wrap; gap: 0.3rem; }
  .opt.svelte-9u00as {
    padding: 0.05rem 0.45rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 999px;
    background: none;
    font: inherit;
    font-size: var(--aura-note);
    color: var(--aura-foreground, var(--foreground));
    cursor: pointer;
  }
  .opt.svelte-9u00as:hover { background: var(--aura-accent, var(--accent)); }

  .slots.svelte-8t2z3g { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
  .switch.svelte-8t2z3g {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    align-self: flex-end;
    margin-top: -0.2rem;
    font-size: var(--aura-note);
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 65%, transparent);
    cursor: pointer;
  }
  .switch.svelte-8t2z3g .n:where(.svelte-8t2z3g) { font-variant-numeric: tabular-nums; opacity: 0.7; }
  .from.svelte-8t2z3g {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    margin-top: 0.35rem;
    padding-top: 0.45rem;
    border-top: 1px solid var(--aura-border, var(--border));
    font-size: var(--aura-note);
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 55%, transparent);
  }
  .from.svelte-8t2z3g .goes:where(.svelte-8t2z3g) {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 600;
    color: var(--aura-foreground, var(--foreground));
    cursor: pointer;
  }
  .from.svelte-8t2z3g .goes:where(.svelte-8t2z3g):hover { text-decoration: underline; text-underline-offset: 2px; }
  .lib.svelte-8t2z3g { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; opacity: 0.7; }
  .quiet.svelte-8t2z3g { margin: 0; font-size: var(--aura-note); opacity: 0.55; }

  .meta.svelte-gasi6h { display: flex; flex-direction: column; gap: 0.5rem; }
  .switch.svelte-gasi6h {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    align-self: flex-end;
    margin-top: -0.2rem;
    font-size: var(--aura-note);
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 65%, transparent);
    cursor: pointer;
  }
  .switch.svelte-gasi6h .n:where(.svelte-gasi6h) { font-variant-numeric: tabular-nums; opacity: 0.7; }
  .grid.svelte-gasi6h {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 1rem;
    row-gap: 0.3rem;
  }
  .name.svelte-gasi6h { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
  .val.svelte-gasi6h { min-width: 0; overflow-wrap: anywhere; }
  .dim.svelte-gasi6h { opacity: 0.5; }

  .inst.svelte-wwat23 { display: flex; flex-direction: column; gap: 0.9rem; }
  h4.svelte-wwat23 {
    margin: 0 0 0.25rem;
    font-size: var(--aura-note);
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    opacity: 0.45;
  }

  .values.svelte-nsw6tu { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
  .bar.svelte-nsw6tu { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; font-size: var(--aura-note); }
  .count.svelte-nsw6tu { font-weight: 500; font-variant-numeric: tabular-nums; }
  .find.svelte-nsw6tu {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.1rem 0.4rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
  }
  .find.svelte-nsw6tu input:where(.svelte-nsw6tu) { width: 9rem; border: 0; outline: none; background: none; font: inherit; color: var(--aura-foreground, var(--foreground)); }
  .grid.svelte-nsw6tu { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: 1rem; row-gap: 0.25rem; }
  .key.svelte-nsw6tu { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
  .doc.svelte-nsw6tu { min-width: 0; color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 65%, transparent); }
  .quiet.svelte-nsw6tu { margin: 0; font-size: var(--aura-note); opacity: 0.55; }

  .doc.svelte-1erxkws { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; font-size: var(--aura-text); }
  .doc.dense.svelte-1erxkws { gap: 0.4rem; }
  /* the band reaches the card's edges, so it reads as the card's own header */
  .band.svelte-1erxkws {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin: -0.75rem -0.75rem 0;
    padding: 0.6rem 0.75rem 0.7rem;
    border-bottom: 1px solid var(--aura-border, var(--border));
    border-radius: 0.5rem 0.5rem 0 0;
    background: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 4%, var(--aura-background, var(--background)));
  }
  .band.sticky.svelte-1erxkws { position: sticky; top: 0; z-index: 3; }
  /* while stuck: square off the corners that only make sense at the card's edge */
  /* (unused) .band.sticky[data-stuck] { border-radius: 0; }*/
  .eyebrow.svelte-1erxkws {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: var(--aura-note);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 55%, transparent);
  }
  .eyebrow.svelte-1erxkws .from:where(.svelte-1erxkws) { font-weight: 400; letter-spacing: 0; text-transform: none; }
  .summary.svelte-1erxkws { margin: 0; max-width: 65ch; color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 75%, transparent); }
  .head.svelte-1erxkws { display: flex; align-items: flex-start; gap: 0.6rem; min-width: 0; }
  .id.svelte-1erxkws { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }
  .title.svelte-1erxkws { display: flex; align-items: baseline; gap: 0.4rem; min-width: 0; }
  .name.svelte-1erxkws { font-weight: 600; font-size: 0.95rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dense.svelte-1erxkws .name:where(.svelte-1erxkws) { font-size: 0.85rem; }
  .flag.svelte-1erxkws {
    padding: 0 0.3rem;
    border: 1px dashed var(--aura-border, var(--border));
    border-radius: 0.25rem;
    font-size: var(--aura-note);
    opacity: 0.7;
  }
  .sub.svelte-1erxkws { display: flex; align-items: center; gap: 0.4rem; min-width: 0; }
  .qname.svelte-1erxkws {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.7rem;
    color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 50%, transparent);
  }

  .aura-mode.svelte-1ir3edw { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--aura-note, 0.75rem); }
  button.svelte-1ir3edw { display: inline-flex; align-items: center; gap: 0.3rem; border-radius: 0.375rem; cursor: pointer; line-height: 1; }
  button.svelte-1ir3edw:disabled { opacity: 0.4; cursor: default; }
  .toggle.svelte-1ir3edw {
    height: 1.625rem; padding: 0 0.5rem;
    border: 1px solid var(--aura-border, var(--border, #e5e7eb));
    background: var(--aura-bg, var(--background, #fff)); color: var(--aura-fg, var(--foreground, inherit));
  }
  .toggle.svelte-1ir3edw:hover { background: var(--aura-muted, var(--muted, #f4f4f5)); }
  .toggle.on.svelte-1ir3edw {
    border-color: color-mix(in oklab, var(--aura-primary, var(--primary, #2563eb)) 45%, transparent);
    background: color-mix(in oklab, var(--aura-primary, var(--primary, #2563eb)) 10%, transparent);
    color: var(--aura-primary, var(--primary, #2563eb));
  }
  .bar.svelte-1ir3edw {
    display: inline-flex; padding: 2px; gap: 2px; border-radius: 0.5rem;
    background: var(--aura-muted, var(--muted, #f4f4f5));
  }
  .bar.svelte-1ir3edw button:where(.svelte-1ir3edw) { height: 1.375rem; padding: 0 0.55rem; border: 0; background: transparent; color: var(--aura-muted-fg, var(--muted-foreground, #71717a)); }
  .bar.svelte-1ir3edw button:where(.svelte-1ir3edw):hover:not(:disabled) { color: var(--aura-fg, var(--foreground, inherit)); }
  .bar.svelte-1ir3edw button.on:where(.svelte-1ir3edw) {
    background: var(--aura-bg, var(--background, #fff)); color: var(--aura-fg, var(--foreground, inherit));
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.08); font-weight: 500;
  }

  .spread.svelte-mp0ege {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
  }
  .word.svelte-mp0ege { font-size: var(--aura-note, 0.6875rem); opacity: 0.55; }
  .spread.svelte-mp0ege:hover .word:where(.svelte-mp0ege),
  .spread.active.svelte-mp0ege .word:where(.svelte-mp0ege) { opacity: 1; }
  .unique.svelte-mp0ege { font-size: var(--aura-note, 0.6875rem); opacity: 0.45; font-style: italic; }

  /* its own heading style, so the column reads right in Many AND in a table header's popover */
  .head.svelte-x1cy5c {
    margin: 0 0 0.25rem;
    font-size: var(--aura-note, 0.6875rem);
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    opacity: 0.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  ul.svelte-x1cy5c { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.1rem; }
  .row.svelte-x1cy5c {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.25rem 0.4rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    font: inherit;
    font-size: var(--aura-text, 0.8125rem);
    color: inherit;
    text-align: left;
    cursor: pointer;
  }
  .row.svelte-x1cy5c:hover { background: var(--aura-accent, var(--accent)); }
  .row.on.svelte-x1cy5c { background: var(--aura-accent, var(--accent)); font-weight: 500; }
  .val.svelte-x1cy5c { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  /* its own heading style, so the column reads right in Many AND in a table header's popover */
  .head.svelte-1e24kbz {
    margin: 0 0 0.25rem;
    font-size: var(--aura-note, 0.6875rem);
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    opacity: 0.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  ul.svelte-1e24kbz { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.1rem; }
  .row.svelte-1e24kbz {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.25rem 0.4rem;
    font-size: var(--aura-text, 0.8125rem);
  }
  .dis.svelte-1e24kbz { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .count.svelte-1e24kbz { margin: 0.4rem 0.4rem 0; font-size: var(--aura-note, 0.6875rem); opacity: 0.45; }
  .setall.svelte-1e24kbz { display: flex; flex-direction: column; gap: 0.35rem; margin: 0 0.4rem 0.6rem; }
  .setall.svelte-1e24kbz [data-slot='input-group'],
  .setall.svelte-1e24kbz .trigger:not(.addon) { width: 100%; max-width: none; }
  .done.svelte-1e24kbz { margin: -0.25rem 0.4rem 0.6rem; font-size: var(--aura-note, 0.6875rem); color: var(--aura-primary, var(--primary)); }
  .dot.svelte-1e24kbz { width: 0.4rem; height: 0.4rem; margin-left: auto; border-radius: 999px; background: var(--aura-primary, var(--primary)); flex: none; }

  /* columns side by side, a hairline between; a drill column is narrower */
  .aura-many.svelte-ziqpmy { display: flex; align-items: flex-start; gap: 0; min-width: 0; font-size: var(--aura-text); }
  .aura-many.svelte-ziqpmy > .col {
    flex: none;
    min-width: 0;
    padding-inline: 0.75rem;
    animation: svelte-ziqpmy-open 0.16s ease-out;
  }
  .aura-many.svelte-ziqpmy > .col + .col { border-left: 1px solid var(--aura-border, var(--border)); width: 16rem; }
  .aura-many.svelte-ziqpmy > .col.summary { flex: 1 1 26rem; padding-left: 0; }
  @keyframes svelte-ziqpmy-open {
    from { opacity: 0; transform: translateX(-0.5rem); }
  }
  @media (prefers-reduced-motion: reduce) {
    .aura-many.svelte-ziqpmy > .col { animation: none; }
  }

  .aura-many.svelte-ziqpmy .head {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0.75rem 0 0.25rem;
    font-size: var(--aura-note);
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    opacity: 0.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .aura-many.svelte-ziqpmy > .col + .col .head { margin-top: 0; }

  .total.svelte-ziqpmy { margin: 0 0 0.25rem; font-size: var(--aura-note); opacity: 0.55; }

  /* the sheet's three tracks - label, colon, value - so Many reads as a sheet */
  .rows.svelte-ziqpmy {
    display: grid;
    grid-template-columns: max-content max-content minmax(0, 1fr);
    align-items: center;
    row-gap: 0.25rem;
    margin: 0;
  }
  dt.svelte-ziqpmy {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 1.75rem;
    opacity: 0.55;
    white-space: nowrap;
  }
  .mark.svelte-ziqpmy { display: inline-flex; width: 1rem; justify-content: center; }
  .gutter.svelte-ziqpmy { width: 1.75rem; text-align: center; opacity: 0.3; }
  dd.svelte-ziqpmy { display: flex; align-items: center; gap: 0.4rem; min-width: 0; margin: 0; min-height: 1.75rem; }
  dd.on.svelte-ziqpmy { font-weight: 500; }
  .same.svelte-ziqpmy { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .missing.svelte-ziqpmy { font-size: var(--aura-note); opacity: 0.45; }
  .absent.svelte-ziqpmy { opacity: 0.3; }

  .switch.svelte-11l7tzj { display: inline-flex; align-items: center; gap: 0.1rem; }
  .icon.svelte-11l7tzj {
    display: inline-grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border: 0;
    border-radius: 0.375rem;
    background: none;
    color: var(--aura-foreground, var(--foreground));
    cursor: pointer;
  }
  .icon.svelte-11l7tzj:hover { background: var(--aura-accent, var(--accent)); }
  .pick.svelte-11l7tzj {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    height: 1.5rem;
    margin-left: 0.25rem;
    padding: 0 0.5rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    font: inherit;
    font-size: var(--aura-note);
    color: var(--aura-foreground, var(--foreground));
    cursor: pointer;
  }
  .pick.svelte-11l7tzj:hover { background: var(--aura-accent, var(--accent)); }
  .icon.svelte-11l7tzj:focus-visible, .pick.svelte-11l7tzj:focus-visible { outline: 2px solid var(--aura-ring, var(--ring)); outline-offset: 1px; }
  .search.svelte-11l7tzj {
    width: 100%;
    margin-bottom: 0.35rem;
    padding: 0.3rem 0.5rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    font: inherit;
    font-size: var(--aura-text);
    color: var(--aura-foreground, var(--foreground));
    outline: none;
  }
  .search.svelte-11l7tzj:focus { border-color: color-mix(in oklab, var(--aura-foreground, var(--foreground)) 35%, transparent); }
  .list.svelte-11l7tzj { max-height: 18rem; overflow-y: auto; }

  .compare.svelte-15vvyx9 { min-width: 0; font-size: var(--aura-text); }
  .lists.svelte-15vvyx9 { display: grid; column-gap: 1.25rem; align-items: stretch; min-width: 0; }
  .col.svelte-15vvyx9 { display: flex; flex-direction: column; gap: 0.6rem; min-width: 0; }
  .col.rule.svelte-15vvyx9 { padding-left: 1.25rem; border-left: 1px solid var(--aura-border, var(--border)); }
  .lhead.svelte-15vvyx9 {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid var(--aura-border, var(--border));
    min-width: 0;
  }
  .lineup.svelte-15vvyx9 {
    display: grid;
    column-gap: 0.75rem;
    row-gap: 0.25rem;
    align-items: center;
    min-width: 0;
    font-size: var(--aura-text);
  }
  .colhead.svelte-15vvyx9 {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-self: end;
    min-width: 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--aura-border, var(--border));
  }
  .corner.svelte-15vvyx9 { border-bottom: 1px solid var(--aura-border, var(--border)); align-self: stretch; }
  .pick.svelte-15vvyx9 { font-size: var(--aura-note); opacity: 0.45; padding-block: 0.6rem; }

  .head.svelte-15vvyx9 {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0.75rem 0 0.1rem;
    font-size: var(--aura-note);
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    opacity: 0.45;
  }

  .label.svelte-15vvyx9 {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 1.75rem;
    padding-right: 0.5rem;
    white-space: nowrap;
    color: color-mix(in oklch, currentColor 55%, transparent);
  }
  /* a row where the records disagree reads a shade stronger, with a tell */
  .label.differs.svelte-15vvyx9 { color: inherit; }
  .tell.svelte-15vvyx9 { width: 0.35rem; height: 0.35rem; border-radius: 999px; background: #d97706; flex: none; }
  .mark.svelte-15vvyx9 { display: inline-flex; width: 1rem; justify-content: center; }

  .cell.svelte-15vvyx9 {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 1.75rem;
  }
  /* a cell's editor fills its column - the columns are the sized thing here */
  .cell.svelte-15vvyx9 [data-slot='input-group'],
  .cell.svelte-15vvyx9 .trigger:not(.addon) { width: 100%; max-width: none; }
  .absent.svelte-15vvyx9 { opacity: 0.3; padding-inline: 0.4rem; }

  /* the offer's room is always reserved (visibility), so values never shift on hover */
  .cell.svelte-15vvyx9 { gap: 0.3rem; }
  .cell.lead.svelte-15vvyx9 { flex-direction: row-reverse; justify-content: flex-end; }
  .offer.svelte-15vvyx9 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 1.55rem;
    height: 1.55rem;
    padding: 0;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
    background: var(--aura-background, var(--background));
    color: inherit;
    cursor: pointer;
    visibility: hidden;
  }
  .cell.svelte-15vvyx9:hover .offer:where(.svelte-15vvyx9):not(.off),
  .offer.svelte-15vvyx9:not(.off):focus-visible { visibility: visible; }
  .offer.off.svelte-15vvyx9 { visibility: hidden !important; pointer-events: none; }
  .offer.svelte-15vvyx9:hover { background: var(--aura-accent, var(--accent)); }

  /* sticky, not fixed: it belongs to whatever container scrolls */
  .bar.svelte-19dw82z {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.5rem 0.4rem 0.75rem;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.5rem;
    background: var(--aura-background, var(--background));
    box-shadow: 0 4px 16px -8px rgb(0 0 0 / 0.25);
    font-size: var(--aura-text, 0.8125rem);
  }
  .bar.flat.svelte-19dw82z {
    position: static;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
  /* the same small signal a dirty table row carries, so the two read as one */
  .dot.svelte-19dw82z {
    width: 0.45rem;
    height: 0.45rem;
    flex: none;
    border-radius: 999px;
    background: var(--aura-primary, var(--primary));
  }
  .what.svelte-19dw82z { font-weight: 500; white-space: nowrap; }
  .where.svelte-19dw82z { font-weight: 400; opacity: var(--aura-faint, 0.4); }
  .grow.svelte-19dw82z { flex: 1; }
  .error.svelte-19dw82z {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    color: var(--aura-destructive, var(--destructive));
    font-size: var(--aura-note, 0.6875rem);
  }
  .error.svelte-19dw82z > span:where(.svelte-19dw82z) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  /* a card that takes a tab stop shows it: the outline in the accent */
  .node.svelte-1be1xmk { outline: none; }
  .node.svelte-1be1xmk:focus-visible rect:where(.svelte-1be1xmk):first-child { stroke: var(--aura-primary, #3b82f6); stroke-width: 2; }
  .canvas.svelte-1be1xmk {
    display: block;
    font-family: ui-sans-serif, system-ui, sans-serif;
  }
  .fade.svelte-1be1xmk {
    transition: opacity 150ms, stroke-opacity 150ms;
  }
  .label.svelte-1be1xmk {
    fill: var(--gram-ink);
    font-size: 13px;
    font-weight: 600;
  }
  .sub.svelte-1be1xmk {
    fill: var(--gram-muted);
    font-size: 12px;
  }
  .fold.svelte-1be1xmk { cursor: pointer; }
  .foldbg.svelte-1be1xmk { fill: var(--aura-primary, #3b82f6); }
  .foldsign.svelte-1be1xmk { font-size: 13px; font-weight: 600; fill: var(--aura-primary-foreground, #fff); pointer-events: none; }
  .badge.svelte-1be1xmk {
    fill: var(--gram-muted);
    font-size: 11px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
  }
  .row-label.svelte-1be1xmk {
    fill: var(--gram-ink);
    font-size: 13px;
    font-weight: 500;
  }
  .lane-name.svelte-1be1xmk {
    fill: var(--gram-muted);
    font-size: 12px;
    font-weight: 600;
  }
  .edge-label.svelte-1be1xmk {
    fill: var(--gram-muted);
    font-size: 11px;
    font-weight: 500;
  }
  .sha.svelte-1be1xmk {
    fill: var(--gram-muted);
    font-size: 11px;
    font-family: ui-monospace, monospace;
  }
  /* labels over ribbons and lines keep a ground-coloured halo */
  .halo.svelte-1be1xmk {
    paint-order: stroke;
    stroke: var(--gram-ground);
    stroke-width: 4px;
    stroke-linejoin: round;
  }

  .columns.svelte-1rwt2ab {
    --gram-accent: var(--aura-primary, #3b82f6);
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: ui-sans-serif, system-ui, sans-serif;
  }
  .bar.svelte-1rwt2ab {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    min-height: 32px;
    padding: 4px 10px;
    border: 1px solid var(--gram-line);
    border-radius: 10px;
    background: var(--gram-chip);
    font-size: 12px;
  }
  .label.svelte-1rwt2ab {
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--gram-muted);
  }
  .hint.svelte-1rwt2ab,
  .note.svelte-1rwt2ab {
    color: var(--gram-muted);
  }
  .note.svelte-1rwt2ab {
    margin-left: auto;
  }
  .zoom.svelte-1rwt2ab {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--gram-line);
    border-radius: 8px;
    overflow: hidden;
  }
  .zoom.svelte-1rwt2ab button:where(.svelte-1rwt2ab) {
    min-width: 26px;
    height: 24px;
    padding: 0 6px;
    border: 0;
    border-left: 1px solid var(--gram-line);
    background: var(--gram-card);
    color: var(--gram-ink);
    font: inherit;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
  }
  .zoom.svelte-1rwt2ab button:where(.svelte-1rwt2ab):first-child {
    border-left: 0;
  }
  .zoom.svelte-1rwt2ab button:where(.svelte-1rwt2ab):disabled {
    color: var(--gram-muted);
    cursor: default;
  }
  .zoom.svelte-1rwt2ab .pct:where(.svelte-1rwt2ab) {
    min-width: 46px;
  }
  .area.svelte-1rwt2ab {
    display: block;
    max-width: 100%;
  }
  .pin.svelte-1rwt2ab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 10px;
    border: 1px solid color-mix(in oklab, var(--gram-accent) 40%, transparent);
    border-radius: 999px;
    background: color-mix(in oklab, var(--gram-accent) 10%, var(--gram-card));
    color: var(--gram-ink);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
  }
  .pin-col.svelte-1rwt2ab {
    font-weight: 400;
    color: var(--gram-muted);
  }
  .x.svelte-1rwt2ab {
    color: var(--gram-muted);
  }
  svg.svelte-1rwt2ab {
    display: block;
    overflow: visible;
  }
  .head.svelte-1rwt2ab {
    fill: var(--gram-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
  }
  .after.svelte-1rwt2ab {
    fill: var(--gram-muted);
    font-size: 10.5px;
    opacity: 0.8;
  }
  .link.svelte-1rwt2ab {
    stroke: color-mix(in oklab, var(--tint, var(--gram-line-strong)) 70%, var(--gram-line-strong));
    stroke-width: 1.4;
    opacity: 0.6;
  }
  .link.pin.svelte-1rwt2ab {
    stroke: var(--tint, var(--gram-accent));
    stroke-width: 2.4;
    opacity: 0.9;
  }
  .link.hover.svelte-1rwt2ab {
    stroke: var(--tint, var(--gram-accent));
    stroke-width: 2;
    stroke-dasharray: 5 4;
    opacity: 0.75;
  }
  .chip.svelte-1rwt2ab {
    cursor: pointer;
    outline: none;
    transition: opacity 120ms;
  }
  .static.svelte-1rwt2ab .chip:where(.svelte-1rwt2ab) {
    cursor: default;
  }
  .box.svelte-1rwt2ab {
    fill: var(--gram-card);
    stroke: var(--gram-line);
  }
  .chip.pin.svelte-1rwt2ab .box:where(.svelte-1rwt2ab) {
    fill: color-mix(in oklab, var(--tint, var(--gram-accent)) 10%, var(--gram-card));
    stroke: var(--tint, var(--gram-accent));
    stroke-width: 1.6;
  }
  .chip.hover.svelte-1rwt2ab .box:where(.svelte-1rwt2ab),
  .chip.svelte-1rwt2ab:focus-visible .box:where(.svelte-1rwt2ab) {
    stroke: var(--tint, var(--gram-accent));
    stroke-dasharray: 4 3;
    stroke-width: 1.6;
  }
  .chip.off.svelte-1rwt2ab,
  .chip.none.svelte-1rwt2ab {
    opacity: 0.38;
  }
  .stripe.svelte-1rwt2ab {
    fill: var(--tint);
  }
  .icon.svelte-1rwt2ab {
    stroke: var(--tint, var(--gram-muted));
  }
  .chip.pin.svelte-1rwt2ab .icon:where(.svelte-1rwt2ab),
  .chip.hover.svelte-1rwt2ab .icon:where(.svelte-1rwt2ab) {
    stroke: var(--tint, var(--gram-accent));
  }
  .sub.svelte-1rwt2ab {
    fill: var(--gram-muted);
    font-size: 11px;
  }
  .value.svelte-1rwt2ab {
    fill: var(--gram-ink);
    font-size: 13px;
    font-weight: 600;
  }
  .of.svelte-1rwt2ab {
    fill: var(--gram-muted);
    font-size: 11px;
  }
  .badge.svelte-1rwt2ab {
    fill: var(--gram-chip);
  }
  .chip.on.svelte-1rwt2ab .badge:where(.svelte-1rwt2ab),
  .chip.pin.svelte-1rwt2ab .badge:where(.svelte-1rwt2ab),
  .chip.hover.svelte-1rwt2ab .badge:where(.svelte-1rwt2ab) {
    fill: color-mix(in oklab, var(--tint, var(--gram-accent)) 16%, var(--gram-card));
  }
  .num.svelte-1rwt2ab {
    fill: var(--gram-ink);
    font-size: 11.5px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
  }

  .gram.svelte-ywv1bh {
    --gram-ink: var(--aura-foreground, var(--foreground, #111));
    --gram-muted: var(--aura-muted-foreground, var(--muted-foreground, #6b7280));
    --gram-card: var(--aura-card, var(--card, #fff));
    --gram-ground: var(--aura-background, var(--background, #fff));
    --gram-line: var(--aura-border, var(--border, #e5e7eb));
    --gram-line-strong: color-mix(in oklab, var(--gram-muted) 55%, var(--gram-line));
    --gram-chip: color-mix(in oklab, var(--gram-muted) 14%, var(--gram-card));
    font-size: 12px;
    color: var(--gram-ink);
  }
  /* is-: a bare `block` would pick up Tailwind's utility of the same name */
  .is-block.svelte-ywv1bh {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
  }
  .is-hover.svelte-ywv1bh {
    display: block;
  }
  .frame.svelte-ywv1bh {
    display: block;
    max-width: 100%;
    overflow: hidden;
  }
  /* a Breakdown's block scrolls without the frame a too-big gram gets */
  .frame.explore.svelte-ywv1bh {
    overflow: auto;
  }
  .frame.scrolls.svelte-ywv1bh {
    overflow: auto;
    border: 1px solid var(--gram-line);
    border-radius: 0.5rem;
  }
  .caption.svelte-ywv1bh {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
    flex-wrap: wrap;
  }
  .title.svelte-ywv1bh {
    font-weight: 600;
  }
  .note.svelte-ywv1bh {
    color: var(--gram-muted);
    font-size: 11px;
  }
  .warn.svelte-ywv1bh {
    color: var(--aura-warning, #d97706);
    font-size: 11px;
  }
  .err.svelte-ywv1bh {
    color: var(--aura-destructive, var(--destructive, #dc2626));
    font-size: 12px;
  }

  .card.svelte-ershbw {
    position: fixed;
    z-index: 50;
    width: max-content;
    max-width: min(496px, calc(100vw - 16px));
    padding: 8px;
    border: 1px solid var(--aura-border, #e5e7eb);
    border-radius: 0.5rem;
    background: var(--aura-popover, var(--aura-background, #fff));
    color: var(--aura-foreground, #111);
    box-shadow: 0 6px 20px rgb(0 0 0 / 0.12);
    visibility: hidden;
    opacity: 0;
    transition: opacity 120ms;
  }
  .card.open.svelte-ershbw {
    visibility: visible;
    opacity: 1;
  }
  .foot.svelte-ershbw {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    margin: 6px 2px 0;
    font-size: 11px;
  }
  .name.svelte-ershbw {
    font-weight: 600;
  }
  .gist.svelte-ershbw {
    opacity: 0.6;
  }

  .pill.svelte-1uzxzt1 {
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
    max-width: 100%;
    padding: 0 0.4em;
    border-radius: 0.35em;
    background: color-mix(in oklab, var(--aura-muted-foreground, #6b7280) 12%, transparent);
    color: var(--aura-foreground, inherit);
    font-size: 0.9em;
    line-height: inherit;
    white-space: nowrap;
  }
  svg.svelte-1uzxzt1 {
    width: 1em;
    height: 1em;
    flex: none;
    opacity: 0.65;
  }
  .kind.svelte-1uzxzt1 {
    opacity: 0.7;
  }
  .dot.svelte-1uzxzt1 {
    opacity: 0.4;
  }
  .title.svelte-1uzxzt1 {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .err.svelte-1uzxzt1 {
    color: var(--aura-destructive, #dc2626);
  }

  .trigger.svelte-pe2ygk {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: inherit;
    cursor: pointer;
    vertical-align: baseline;
  }
  .trigger.svelte-pe2ygk:focus-visible {
    outline: 2px solid var(--aura-ring, #3b82f6);
    outline-offset: 2px;
    border-radius: 0.35em;
  }
  .words.svelte-pe2ygk {
    text-decoration: underline dotted;
    text-decoration-color: color-mix(in oklab, currentColor 55%, transparent);
    text-underline-offset: 3px;
  }

  .viewport.svelte-27t3xq {
    /* Canvas draws with these; GramFigure sets the same on its own frame */
    --gram-ink: var(--aura-foreground, var(--foreground, #111));
    --gram-muted: var(--aura-muted-foreground, var(--muted-foreground, #6b7280));
    --gram-card: var(--aura-card, var(--card, #fff));
    --gram-ground: var(--aura-background, var(--background, #fff));
    --gram-line: var(--aura-border, var(--border, #e5e7eb));
    --gram-line-strong: color-mix(in oklab, var(--gram-muted) 55%, var(--gram-line));
    --gram-chip: color-mix(in oklab, var(--gram-muted) 14%, var(--gram-card));
    font-size: 12px;
    color: var(--gram-ink);
    /* clip, not hidden: a focused card must never scroll the frame - only a pan moves it */
    position: relative; overflow: hidden; overflow: clip; border-radius: 0.5rem; cursor: grab; touch-action: none;
    background: var(--aura-muted, var(--muted)); background: color-mix(in srgb, var(--aura-muted, var(--muted)) 45%, transparent);
  }
  .viewport.svelte-27t3xq:active { cursor: grabbing; }
  .viewport.plain.svelte-27t3xq { background: none; border-radius: 0; }
  .stage.svelte-27t3xq { position: absolute; left: 0; top: 0; transform-origin: 0 0; }
  .zoom.svelte-27t3xq {
    position: absolute; right: 0.5rem; bottom: 0.5rem; display: flex; align-items: center; gap: 0.125rem; padding: 0.15rem;
    border: 1px solid var(--aura-border, var(--border)); border-radius: 0.5rem; background: var(--aura-card, var(--card)); cursor: default;
  }
  .zoom.svelte-27t3xq button:where(.svelte-27t3xq) { display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; border: 0; border-radius: 0.375rem; background: none; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .zoom.svelte-27t3xq button:where(.svelte-27t3xq):hover { background: var(--aura-muted, var(--muted)); color: var(--aura-foreground, var(--foreground)); }
  .pct.svelte-27t3xq { min-width: 2.6rem; text-align: center; font-size: 11px; font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }

  .grams.svelte-vvpnl6 {
    display: grid;
    grid-template-columns: minmax(12rem, 16rem) 1fr;
    height: 100%;
    min-height: 0;
  }
  .list.svelte-vvpnl6 {
    overflow: auto;
    padding: 0.5rem;
    border-right: 1px solid var(--aura-border, var(--border));
  }
  .group.svelte-vvpnl6 {
    margin: 0.5rem 0.5rem 0.25rem;
    font-size: 11px;
    opacity: 0.5;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  .row.svelte-vvpnl6 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.3rem 0.5rem;
    border-radius: 0.375rem;
    text-align: left;
    font-size: 13px;
  }
  .row.svelte-vvpnl6:hover {
    background: var(--aura-accent, var(--accent));
  }
  .row.on.svelte-vvpnl6 {
    background: var(--aura-selection, var(--accent));
  }
  .name.svelte-vvpnl6 {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .kind.svelte-vvpnl6 {
    font-size: 11px;
    opacity: 0.5;
  }
  .stage.svelte-vvpnl6 {
    overflow: auto;
    padding: 1rem;
    min-width: 0;
  }
  header.svelte-vvpnl6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
  }
  code.svelte-vvpnl6 {
    font-size: 12px;
    opacity: 0.7;
  }
  .switch.svelte-vvpnl6 {
    display: inline-flex;
    border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.375rem;
    overflow: hidden;
  }
  .switch.svelte-vvpnl6 button:where(.svelte-vvpnl6) {
    padding: 0.2rem 0.6rem;
    font-size: 12px;
  }
  .switch.svelte-vvpnl6 button.on:where(.svelte-vvpnl6) {
    background: var(--aura-accent, var(--accent));
    font-weight: 600;
  }
  .prose.svelte-vvpnl6 {
    max-width: 40rem;
    font-size: 14px;
    line-height: 1.6;
  }
  .note.svelte-vvpnl6 {
    margin: 1rem;
    font-size: 0.8rem;
    opacity: 0.6;
  }

  .cols.svelte-an5rcd { display: flex; gap: 1rem; align-items: flex-start; min-width: 0; }
  .navcol.svelte-an5rcd { flex: 1 1 44rem; min-width: 0; overflow-x: auto; }
  .railcol.svelte-an5rcd { flex: 0 0 auto; padding-right: 0.75rem; border-right: 1px solid var(--aura-border, var(--border)); max-height: calc(100vh - 7rem); overflow-y: auto; }
  .sidecol.svelte-an5rcd { flex: 0 1 24rem; min-width: 16rem; border-left: 1px solid var(--aura-border, var(--border)); padding-left: 1rem; }
  .sidehead.svelte-an5rcd { display: flex; align-items: center; gap: 0.25rem; margin-bottom: 0.5rem; }
  .sidehead.svelte-an5rcd > span:where(.svelte-an5rcd):first-child { flex: 1; }
  .tool.svelte-an5rcd { display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; border: 0; border-radius: 0.375rem; background: none; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .tool.svelte-an5rcd:hover { background: var(--aura-muted, var(--muted)); color: var(--aura-foreground, var(--foreground)); }
  .note.svelte-an5rcd { margin: 0; padding: 1rem; font-size: 0.8rem; opacity: 0.6; }
  .rows.svelte-an5rcd { display: flex; flex-direction: column; gap: 0.125rem; max-height: calc(100vh - 11rem); overflow-y: auto; }
  .count.svelte-an5rcd { font-size: 11px; font-variant-numeric: tabular-nums; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .backlist.svelte-an5rcd { display: inline-flex; align-items: center; gap: 0.15rem; border: 0; background: none; padding: 0.15rem 0.35rem 0.15rem 0; font-size: 12px; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .backlist.svelte-an5rcd { margin-bottom: 0.35rem; }
  .backlist.svelte-an5rcd:hover { color: var(--aura-foreground, var(--foreground)); }
    .segs.svelte-an5rcd { display: inline-flex; padding: 2px; border: 1px solid var(--aura-border, var(--border)); border-radius: 0.5rem; gap: 2px; }
  .s.svelte-an5rcd { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.15rem 0.55rem; border: 0; border-radius: 0.375rem; background: none; font-size: 12px; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .s.on.svelte-an5rcd { background: var(--aura-muted, var(--muted)); color: var(--aura-foreground, var(--foreground)); font-weight: 500; }
  /* where a Hierarchy starts, when not the character's own spec */
  .from.svelte-an5rcd { font-size: 12px; color: var(--aura-muted-foreground, var(--muted-foreground)); white-space: nowrap; }
  .from.svelte-an5rcd b:where(.svelte-an5rcd) { font-weight: 500; color: var(--aura-foreground, var(--foreground)); }
  /* a medium's colour, on its chip */
  .dot.svelte-an5rcd { width: 0.5rem; height: 0.5rem; border-radius: 999px; flex: none; }
  .s.svelte-an5rcd:not(.on) .dot:where(.svelte-an5rcd) { opacity: 0.35; }
  .gramctl.svelte-an5rcd .s:where(.svelte-an5rcd) { white-space: nowrap; }
  .gramctl.svelte-an5rcd .segs:where(.svelte-an5rcd) { flex-wrap: wrap; min-width: 0; }
  .gramkeys.svelte-an5rcd { outline: none; border-radius: 0.5rem; }
  .gramwrap.svelte-an5rcd { position: relative; }
  /* filling the host: the gram takes all the height left */
  .cols.fill.svelte-an5rcd { height: 100%; }
  .fill.svelte-an5rcd .navcol:where(.svelte-an5rcd) { display: flex; flex-direction: column; height: 100%; min-height: 0; }
  .fill.svelte-an5rcd .gramwrap:where(.svelte-an5rcd) { flex: 1; min-height: 0; }
  .fill.svelte-an5rcd .gramkeys:where(.svelte-an5rcd) { height: 100%; }
  /* the listed relationship's bar, in main's header or heading the navigator */
  .tbar.svelte-an5rcd { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem; min-width: 0; padding: 0 0 0.5rem; }
  [data-panel-tools] .tbar.svelte-an5rcd, .head .tbar.svelte-an5rcd { padding: 0; flex-wrap: nowrap; }
  .tbar.svelte-an5rcd .sep:where(.svelte-an5rcd) { display: inline-grid; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .tbar.svelte-an5rcd .rel:where(.svelte-an5rcd) { flex-shrink: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 0; background: none; padding: 0 0.2rem; font-size: 14px; font-weight: 500; cursor: pointer; color: inherit; }
  .tbar.svelte-an5rcd .rel:where(.svelte-an5rcd):hover { color: var(--aura-primary, var(--primary)); }
  .tbar.svelte-an5rcd .segs:where(.svelte-an5rcd) { flex-shrink: 0; }
  .tbar.svelte-an5rcd .tool.on:where(.svelte-an5rcd) { color: var(--aura-primary, var(--primary)); background: color-mix(in srgb, var(--aura-primary, var(--primary)) 10%, transparent); }
  .tbar.svelte-an5rcd .help:where(.svelte-an5rcd), .gramctl.svelte-an5rcd .help:where(.svelte-an5rcd) { cursor: help; }
  .gramctl.svelte-an5rcd {
    position: absolute; z-index: 5; top: 0.5rem; left: 0.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem; padding: 0.2rem;
    /* clear of the corner map: the bar wraps rather than run under it */
    max-width: calc(100% - 10rem);
    border: 1px solid var(--aura-border, var(--border)); border-radius: 0.6rem; background: var(--aura-card, var(--card)); box-shadow: 0 2px 8px rgb(0 0 0 / 0.06);
  }
  .gramctl.svelte-an5rcd .tool.on:where(.svelte-an5rcd) { color: var(--aura-primary, var(--primary)); background: color-mix(in srgb, var(--aura-primary, var(--primary)) 10%, transparent); }
  .map.svelte-an5rcd {
    position: absolute; z-index: 5; top: 0.5rem; right: 0.5rem; padding: 0.35rem 0.35rem 0.25rem; border: 1px solid var(--aura-border, var(--border));
    border-radius: 0.6rem; background: var(--aura-card, var(--card)); box-shadow: 0 4px 14px rgb(0 0 0 / 0.1);
  }
  .map.folded.svelte-an5rcd { padding: 0.15rem; }
  .map.svelte-an5rcd .fold:where(.svelte-an5rcd) { position: absolute; z-index: 1; top: 0.15rem; left: 0.15rem; display: inline-grid; place-items: center; width: 1.3rem; height: 1.3rem; border: 0; border-radius: 0.35rem; background: none; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .map.folded.svelte-an5rcd .fold:where(.svelte-an5rcd) { position: static; }
  .map.svelte-an5rcd .fold:where(.svelte-an5rcd):hover { background: var(--aura-muted, var(--muted)); color: var(--aura-foreground, var(--foreground)); }
  .kinds.svelte-an5rcd { display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 0.4rem; }
  .kc.svelte-an5rcd {
    display: inline-flex; align-items: center; gap: 0.3rem; height: 1.4rem; padding: 0 0.5rem; border: 1px solid var(--aura-border, var(--border));
    border-radius: 999px; background: none; font-size: 11px; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .kc.svelte-an5rcd b:where(.svelte-an5rcd) { font-weight: 500; font-variant-numeric: tabular-nums; }
  .kc.root.svelte-an5rcd { font-weight: 500; }
  .kc.svelte-an5rcd:hover { color: var(--aura-foreground, var(--foreground)); }
  .kc.on.svelte-an5rcd { border-color: var(--aura-primary, var(--primary)); color: var(--aura-primary, var(--primary)); background: color-mix(in srgb, var(--aura-primary, var(--primary)) 8%, transparent); }
  .ofkind.svelte-an5rcd { font-weight: 400; color: var(--aura-muted-foreground, var(--muted-foreground)); }

  .viewbar.svelte-acadts { display: inline-flex; flex-shrink: 0; padding: 2px; gap: 2px; border: 1px solid var(--aura-border, var(--border)); border-radius: 0.5rem; }
  .v.svelte-acadts {
    display: inline-flex; align-items: center; gap: 0.3rem; height: 1.5rem; padding: 0 0.55rem; border: 0; border-radius: 0.375rem;
    background: none; font-size: 12px; white-space: nowrap; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .v.svelte-acadts:hover:not(.on) { color: var(--aura-foreground, var(--foreground)); background: color-mix(in srgb, var(--aura-muted, var(--muted)) 60%, transparent); }
  .v.svelte-acadts:not(.on) { padding: 0 0.4rem; }
  .v.on.svelte-acadts { background: var(--aura-muted, var(--muted)); color: var(--aura-foreground, var(--foreground)); font-weight: 500; cursor: default; }

  /* a container, so a narrow main drops words before it drops the name */
  .head.svelte-wiazqt { display: flex; align-items: center; gap: 0.35rem; min-width: 0; flex: 1; overflow: hidden; container-type: inline-size; }
  @container (max-width: 460px) {
    .crumb.svelte-wiazqt .t:where(.svelte-wiazqt), .chip.svelte-wiazqt .t:where(.svelte-wiazqt) { display: none; }
    .head.svelte-wiazqt .viewbar .v span, .head.svelte-wiazqt .tbar .s span { display: none; }
  }
  .crumb.svelte-wiazqt { display: inline-flex; flex-shrink: 0; align-items: center; gap: 0.375rem; height: 1.75rem; padding: 0 0.375rem; border: 0; border-radius: 0.375rem; background: none; font-size: 14px; font-weight: 600; cursor: pointer; color: inherit; }
  .crumb.svelte-wiazqt:hover { background: var(--aura-muted, var(--muted)); }
  .name.svelte-wiazqt { min-width: 3rem; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; }
  .ctx.svelte-wiazqt { margin-right: 0.3rem; font-weight: 400; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .chip.svelte-wiazqt {
    display: inline-flex; flex-shrink: 0; align-items: center; gap: 0.25rem; height: 1.35rem; padding: 0 0.45rem; border: 1px dashed var(--aura-border, var(--border));
    border-radius: 0.375rem; background: none; font-size: 11px; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground));
    max-width: 10rem; overflow: hidden; white-space: nowrap;
  }
  .chip.svelte-wiazqt:hover { border-style: solid; border-color: var(--aura-primary, var(--primary)); color: var(--aura-primary, var(--primary)); }
  .grow.svelte-wiazqt { flex: 1; min-width: 0.5rem; }

  .navview.svelte-jwk8z0 { height: 100%; min-height: 0; overflow: auto; padding: 0.5rem 0.75rem 0.5rem; }
  .navtools.svelte-jwk8z0 { display: inline-flex; align-items: center; gap: 0.3rem; min-width: 0; }
  .note.svelte-jwk8z0 { margin: 0; padding: 1rem; font-size: 0.8rem; opacity: 0.6; }

  .prop-sheet.svelte-1okbv71 { padding: 0.75rem; }
  .note.svelte-1okbv71 { margin: 0; font-size: 0.8rem; opacity: 0.6; }
  .err.svelte-1okbv71 { margin: 0; font-size: 0.75rem; color: var(--aura-destructive, var(--destructive)); }
  .save.svelte-1okbv71 { margin-top: 0.75rem; }

  .tools.svelte-1xu0458 { display: flex; align-items: center; gap: 0.5rem; }
  .explore.svelte-1xu0458 { display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; border: 0; border-radius: 0.375rem; background: none; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .explore.svelte-1xu0458:hover { background: var(--aura-muted, var(--muted)); color: var(--aura-foreground, var(--foreground)); }
  .empty.svelte-1xu0458 { margin: 0; font-size: 0.75rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }

  .head.svelte-25s3l2 { display: flex; flex: 1; min-width: 0; }
  .head.inline.svelte-25s3l2 { padding: 0.25rem 0.5rem; border-bottom: 1px solid var(--aura-border, var(--border)); }
  .surface-view.svelte-25s3l2 { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; }
  /* the nav's sub-lens bar: a 1.5rem row, 0.25rem above and below, a rule under */
  .toolrow.svelte-25s3l2 {
    display: flex; align-items: center; gap: 0.5rem; min-height: 2rem; padding: 0.25rem 0.5rem; box-sizing: border-box;
    border-bottom: 1px solid var(--aura-border, var(--border));
  }
  .filter.svelte-25s3l2 { flex: 1; min-width: 0; }
  .status.svelte-25s3l2 { font-size: 0.75rem; opacity: 0.6; white-space: nowrap; font-variant-numeric: tabular-nums; }
  .grow.svelte-25s3l2 { flex: 1; }
  .stools.svelte-25s3l2 { display: inline-flex; align-items: center; gap: 0.25rem; }
  .body.svelte-25s3l2 { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: 0.5rem 0.75rem 0.75rem; gap: 0.5rem; }
  /* not `grid` - that is Tailwind's display:grid in the host, and a grid item grows to its content */
  .surface-box.svelte-25s3l2 { flex: 1; min-width: 0; min-height: 0; }
  .grouped-box.svelte-25s3l2 { flex: 1; min-width: 0; min-height: 0; overflow: auto; }
  .groupby.svelte-25s3l2 {
    display: inline-flex; align-items: center; gap: 0.3rem; height: 1.5rem; padding: 0 0.5rem; border-radius: 0.375rem;
    border: 1px solid transparent; background: none; cursor: pointer; font: inherit; font-size: 0.75rem;
    color: var(--aura-muted-foreground, var(--muted-foreground));
  }
  .groupby.svelte-25s3l2:hover, .groupby[aria-expanded='true'].svelte-25s3l2 { background: var(--aura-muted, var(--muted)); color: var(--aura-foreground, var(--foreground)); }
  .groupby.on.svelte-25s3l2 { color: var(--aura-foreground, var(--foreground)); }
  .err.svelte-25s3l2 { margin: 0; padding: 0 0.75rem; font-size: 0.75rem; color: var(--aura-destructive, var(--destructive)); }
  .save.svelte-25s3l2 { margin-top: 0.5rem; }
  .empty.svelte-25s3l2 { margin: 0; font-size: 0.75rem; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .link.svelte-25s3l2 { background: none; border: 0; padding: 0; cursor: pointer; color: var(--aura-primary, var(--primary, #2563eb)); text-decoration: underline; font: inherit; }

  .ion-code.svelte-p1ip6s .code-badge {
    display: inline-flex; align-items: center; gap: 0.2rem; padding: 0 0.35rem; margin: 0 0.05rem; border-radius: 0.3rem;
    font-family: var(--aura-font-sans, ui-sans-serif, system-ui, sans-serif); font-size: 0.78em; line-height: 1.35; vertical-align: 0.05em;
    background: color-mix(in oklab, var(--aura-primary, var(--primary)) 14%, transparent); color: var(--aura-foreground, var(--foreground));
    border: 1px solid color-mix(in oklab, var(--aura-primary, var(--primary)) 35%, transparent);
  }
  .ion-code.svelte-p1ip6s .code-badge.pickable { cursor: pointer; }
  .ion-code.svelte-p1ip6s .code-badge.pickable:hover { filter: brightness(0.95); box-shadow: 0 0 0 1px color-mix(in oklab, var(--aura-primary, var(--primary)) 45%, transparent); }
  .ion-code.svelte-p1ip6s .code-badge.tone-filter { background: color-mix(in oklab, #8b5cf6 14%, transparent); border-color: color-mix(in oklab, #8b5cf6 40%, transparent); }
  .ion-code.svelte-p1ip6s .code-badge.tone-ref { background: color-mix(in oklab, #10b981 14%, transparent); border-color: color-mix(in oklab, #10b981 40%, transparent); }
  .ion-code.svelte-p1ip6s .code-badge.tone-bad { background: color-mix(in oklab, var(--aura-destructive, #dc2626) 12%, transparent); border-color: color-mix(in oklab, var(--aura-destructive, #dc2626) 45%, transparent); }
  .ion-code.svelte-p1ip6s .code-badge-icon, .slash-icon { display: inline-flex; }
  .ion-code.svelte-p1ip6s .code-badge-icon svg { width: 0.85em; height: 0.85em; }
  .slash-hint { display: flex !important; align-items: center; gap: 0.4rem; }
  .slash-icon svg { width: 0.9rem; height: 0.9rem; }
  .slash-note { margin-left: auto; padding-left: 1rem; font-size: 0.85em; opacity: 0.6; }
  .wrap.svelte-p1ip6s { position: relative; min-width: 0; }
  .placeholder.svelte-p1ip6s {
    position: absolute; left: 0.5rem; top: 5px; pointer-events: none; white-space: nowrap; overflow: hidden; max-width: calc(100% - 1rem);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.8rem; line-height: 19px; opacity: 0.4;
  }
  .ion-code.svelte-p1ip6s { position: relative; min-width: 0; border: 1px solid var(--aura-border, var(--border)); border-radius: 0.25rem; overflow: hidden; }
  .ion-code.box.svelte-p1ip6s { resize: vertical; }

  .tool.svelte-d0jbbt { display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; border: 0; border-radius: 0.375rem; background: none; cursor: pointer; color: var(--aura-muted-foreground, var(--muted-foreground)); }
  .tool.svelte-d0jbbt:hover { background: var(--aura-muted, var(--muted)); color: var(--aura-foreground, var(--foreground)); }
  .note.svelte-d0jbbt { margin: 0; padding: 1rem; font-size: 0.8rem; opacity: 0.6; }

  .menu.svelte-15z5t99 { display: flex; flex-direction: column; min-width: 11rem; max-width: 26rem; padding: 0.2rem; font-size: 0.8rem; }
  .head.svelte-15z5t99 { padding: 0.35rem 0.5rem 0.15rem; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.55; }
  .item.svelte-15z5t99 { display: flex; align-items: stretch; border-radius: 0.25rem; }
  .item.svelte-15z5t99:hover:not(.off) { background: var(--aura-accent, var(--accent)); }
  .item.off.svelte-15z5t99 { opacity: 0.45; }
  .main.svelte-15z5t99 {
    flex: 1; min-width: 0; display: flex; align-items: center; gap: 0.4rem; text-align: left;
    padding: 0.3rem 0.5rem 0.3rem calc(0.5rem + var(--depth, 0) * 1.1rem);
  }
  .main.svelte-15z5t99:disabled { cursor: default; }
  .item.svelte-15z5t99 svg { width: 0.9rem; height: 0.9rem; }
  .mark.svelte-15z5t99, .ico.svelte-15z5t99 { flex: none; display: inline-flex; width: 0.9rem; }
  .mark.svelte-15z5t99 { color: var(--aura-primary, var(--primary)); }
  /* the note sits right after its label, never out in a column of its own */
  .text.svelte-15z5t99 { flex: 1; min-width: 0; display: flex; align-items: baseline; gap: 0.5rem; overflow: hidden; }
  .label.svelte-15z5t99 { flex: none; white-space: nowrap; }
  .note.svelte-15z5t99 { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.7rem; opacity: 0.55; font-variant-numeric: tabular-nums; }
  kbd.svelte-15z5t99 { flex: none; font-family: inherit; font-size: 0.68rem; opacity: 0.5; }
  .exp.svelte-15z5t99 { flex: none; display: inline-flex; align-items: center; gap: 0.1rem; padding: 0 0.4rem; border-radius: 0.25rem; opacity: 0.65; }
  .exp.svelte-15z5t99:hover { opacity: 1; background: color-mix(in oklab, currentColor 8%, transparent); }
  .exp.svelte-15z5t99 .n:where(.svelte-15z5t99) { font-size: 0.66rem; font-variant-numeric: tabular-nums; }
  .exp.svelte-15z5t99 svg { width: 0.75rem; height: 0.75rem; }

  .trigger.svelte-19uebcs { display: inline-flex; align-items: center; gap: 0.2rem; padding: 0.1rem 0.35rem; border-radius: 0.3rem; font-size: 0.74rem; white-space: nowrap; }
  .trigger.svelte-19uebcs:hover:not(:disabled) { background: var(--aura-muted, var(--muted)); }
  .trigger.svelte-19uebcs:disabled { opacity: 0.4; }
  .trigger.svelte-19uebcs svg { width: 0.85rem; height: 0.85rem; }

  .card.svelte-1fsobn8 { border-bottom: 1px solid var(--aura-border, var(--border)); min-width: 0; }
  /* one line; the card's actions float over its end on hover, and while one is in use */
  .card.svelte-1fsobn8:not(:hover):not(:focus-within) .tools:where(.svelte-1fsobn8) { opacity: 0; pointer-events: none; }
  .card.err.svelte-1fsobn8 header:where(.svelte-1fsobn8) { color: var(--aura-destructive, var(--destructive)); }
  .card.busy.svelte-1fsobn8 .grid-wrap:where(.svelte-1fsobn8), .card.busy.svelte-1fsobn8 .code:where(.svelte-1fsobn8) { opacity: 0.55; transition: opacity 0.15s; }
  header.svelte-1fsobn8 { position: relative; display: flex; flex-wrap: nowrap; align-items: center; gap: 0.2rem 0.35rem; padding: 0.2rem 0.4rem; font-size: 0.76rem; min-width: 0; }
  header.svelte-1fsobn8 svg { width: 0.9rem; height: 0.9rem; }
  .icon.svelte-1fsobn8 { display: inline-flex; padding: 0.15rem; border-radius: 0.25rem; opacity: 0.7; }
  .icon.svelte-1fsobn8:hover:not(:disabled) { opacity: 1; background: var(--aura-muted, var(--muted)); }
  .icon.svelte-1fsobn8:disabled { opacity: 0.3; }
  .mode.svelte-1fsobn8 { display: inline-flex; opacity: 0.55; }
  .expr.svelte-1fsobn8 {
    flex: 1 1 12rem; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.8rem;
  }
  .expr.svelte-1fsobn8:hover { text-decoration: underline; }
  .lens.svelte-1fsobn8 { display: inline-flex; align-items: center; gap: 0.3rem; font-weight: 600; font-size: 0.8rem; }
  .lens.svelte-1fsobn8:hover { text-decoration: underline; }
  .tabs.svelte-1fsobn8 { display: inline-flex; gap: 0.1rem; min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .sect.svelte-1fsobn8 { display: inline-flex; align-items: center; border-radius: 999px; flex: none; }
  .sect.on.svelte-1fsobn8 { background: var(--aura-accent, var(--accent)); }
  .sect.on.svelte-1fsobn8 > button.on:where(.svelte-1fsobn8) { background: none; }
  .pick.svelte-1fsobn8 { display: inline-flex; }
  .pick.svelte-1fsobn8 .trigger { padding: 0.05rem 0.3rem 0.05rem 0.1rem; border-radius: 0 999px 999px 0; }
  .part.svelte-1fsobn8 { font-size: 0.68rem; font-weight: 500; opacity: 0.7; }
  .tabs.svelte-1fsobn8 button:where(.svelte-1fsobn8) { flex: none; display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.05rem 0.45rem; border-radius: 999px; font-size: 0.74rem; opacity: 0.75; }
  .tabs.svelte-1fsobn8 button:where(.svelte-1fsobn8):hover:not(:disabled) { background: var(--aura-muted, var(--muted)); opacity: 1; }
  .tabs.svelte-1fsobn8 button.on:where(.svelte-1fsobn8) { background: var(--aura-accent, var(--accent)); font-weight: 600; opacity: 1; }
  .tabs.svelte-1fsobn8 button:where(.svelte-1fsobn8):disabled { opacity: 0.35; }
  .tabs.svelte-1fsobn8 .n:where(.svelte-1fsobn8) { font-size: 0.68rem; opacity: 0.7; font-variant-numeric: tabular-nums; }
  .grow.svelte-1fsobn8 { flex: 1; }
  .meta.svelte-1fsobn8 { flex: none; margin-left: auto; opacity: 0.55; white-space: nowrap; font-variant-numeric: tabular-nums; }
  .tools.svelte-1fsobn8 {
    position: absolute; right: 0.3rem; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; gap: 0.1rem;
    padding-left: 1.5rem; transition: opacity 0.12s;
    background: linear-gradient(to right, transparent, var(--aura-background, var(--background)) 1.5rem);
  }
  /* inset a little from the card's edges, and no floor under a short table */
  .grid-wrap.svelte-1fsobn8 { min-width: 0; padding: 0 4px 4px; box-sizing: border-box; }
  .grid-wrap.svelte-1fsobn8 .grid-box { min-height: 0; }
  .progress.svelte-1fsobn8 { height: 2px; margin-top: -1px; overflow: hidden; position: relative; }
  .progress.svelte-1fsobn8::after {
    content: ''; position: absolute; inset: 0; width: 35%;
    background: var(--aura-primary, var(--primary)); animation: svelte-1fsobn8-slide 0.9s ease-in-out infinite;
  }
  @keyframes svelte-1fsobn8-slide { from { transform: translateX(-100%); } to { transform: translateX(300%); } }
  .code.svelte-1fsobn8 { padding: 0 0.4rem 0.4rem; }
  .note.svelte-1fsobn8 { margin: 0; padding: 0.2rem 0.6rem 0.5rem; font-size: 0.8rem; opacity: 0.6; }
  .pad.svelte-1fsobn8 { padding: 0 0.6rem 0.5rem; }
  .msg.svelte-1fsobn8 { margin: 0; white-space: pre-wrap; font-size: 0.8rem; color: var(--aura-destructive, var(--destructive)); }
  .trace.svelte-1fsobn8 { font-size: 0.7rem; max-height: 16rem; overflow: auto; opacity: 0.8; }

  .field.svelte-13m2etx {
    flex: 1 1 0; display: flex; align-items: flex-start;
    border: 1px solid var(--aura-border, var(--border)); border-radius: 0.3rem; background: var(--aura-background, var(--background));
  }
  .field.svelte-13m2etx:focus-within { border-color: color-mix(in oklab, var(--aura-primary, var(--primary)) 55%, transparent); }
  .field.svelte-13m2etx .ion-code { border: 0; }
  .body.svelte-13m2etx { flex: 1; min-width: 0; }
  .end.svelte-13m2etx { flex: none; height: 26px; display: inline-flex; align-items: stretch; }
  .end.svelte-13m2etx > * { display: inline-flex; align-items: center; border-left: 1px solid var(--aura-border, var(--border)); }
  .end.svelte-13m2etx .trigger, .end.svelte-13m2etx button { height: 100%; padding: 0 0.3rem; border-radius: 0; }
  .end.svelte-13m2etx > :last-child, .end.svelte-13m2etx > :last-child .trigger { border-radius: 0 0.3rem 0.3rem 0; }
  .end.svelte-13m2etx svg { width: 0.85rem; height: 0.85rem; }

  .form.svelte-1xbdj6b { display: flex; flex-direction: column; gap: 0.4rem; padding: 0.5rem; min-width: 15rem; font-size: 0.8rem; }
  .what.svelte-1xbdj6b { font-size: 0.75rem; opacity: 0.75; word-break: break-all; }
  input.svelte-1xbdj6b { padding: 0.25rem 0.4rem; border: 1px solid var(--aura-border, var(--border)); border-radius: 0.25rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; background: transparent; }
  .row.svelte-1xbdj6b { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
  .hint.svelte-1xbdj6b { font-size: 0.7rem; opacity: 0.6; }
  .row.svelte-1xbdj6b button:where(.svelte-1xbdj6b) { padding: 0.2rem 0.6rem; border-radius: 0.25rem; font-weight: 600; background: var(--aura-primary, var(--primary)); color: var(--aura-primary-foreground, var(--primary-foreground)); }
  .row.svelte-1xbdj6b button:where(.svelte-1xbdj6b):disabled { opacity: 0.4; }

  .save.svelte-1o9q26f { opacity: 0.7; }
  .save.svelte-1o9q26f:hover:not(:disabled) { opacity: 1; background: var(--aura-muted, var(--muted)); }
  .save.svelte-1o9q26f:disabled { opacity: 0.3; }

  .call.svelte-2ttv2w { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; gap: 0.25rem; align-items: flex-start; }
  .fn.svelte-2ttv2w { flex: none; height: 28px; display: inline-flex; }
  .fn.svelte-2ttv2w .trigger {
    height: 28px; padding: 0 0.45rem; border-radius: 0.3rem; font-size: 0.76rem; font-weight: 600;
    background: color-mix(in oklab, var(--aura-primary, var(--primary)) 10%, transparent);
    border: 1px solid color-mix(in oklab, var(--aura-primary, var(--primary)) 30%, transparent);
  }
  .arg.svelte-2ttv2w {
    flex: none; width: 6rem; height: 28px; box-sizing: border-box; padding: 0 0.4rem;
    border: 1px solid var(--aura-border, var(--border)); border-radius: 0.3rem; background: var(--aura-background, var(--background));
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.78rem;
  }
  .arg.svelte-2ttv2w:focus { outline: none; border-color: color-mix(in oklab, var(--aura-primary, var(--primary)) 55%, transparent); }
  .more.svelte-2ttv2w { flex: none; height: 28px; padding: 0 0.4rem; border: 1px dashed var(--aura-border, var(--border)); border-radius: 0.3rem; font-size: 0.72rem; opacity: 0.7; }
  .more.svelte-2ttv2w:hover { opacity: 1; background: var(--aura-muted, var(--muted)); }

  .pills.svelte-1883036 { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; min-height: 26px; padding: 1px 0.25rem; }
  .pill.svelte-1883036 {
    display: inline-flex; align-items: center; height: 22px; border-radius: 999px; font-size: 0.74rem;
    background: color-mix(in oklab, var(--aura-primary, var(--primary)) 10%, transparent);
    border: 1px solid color-mix(in oklab, var(--aura-primary, var(--primary)) 30%, transparent);
  }
  .pill.set.svelte-1883036 { background: color-mix(in oklab, #10b981 12%, transparent); border-color: color-mix(in oklab, #10b981 40%, transparent); }
  .pill.svelte-1883036 .trigger { height: 100%; padding: 0 0.15rem 0 0.45rem; border-radius: 999px 0 0 999px; font-weight: 600; }
  .pill.svelte-1883036 svg { width: 0.8rem; height: 0.8rem; }
  .x.svelte-1883036 { display: inline-flex; align-items: center; height: 100%; padding: 0 0.35rem 0 0.15rem; border-radius: 0 999px 999px 0; opacity: 0.55; }
  .x.svelte-1883036:hover { opacity: 1; }
  .add.svelte-1883036 { display: inline-flex; align-items: center; gap: 0.2rem; height: 22px; padding: 0 0.45rem; border: 1px dashed var(--aura-border, var(--border)); border-radius: 999px; font-size: 0.72rem; opacity: 0.75; }
  .add.svelte-1883036:hover, .add[aria-expanded='true'].svelte-1883036 { opacity: 1; background: var(--aura-muted, var(--muted)); }
  .add.svelte-1883036 svg { width: 0.75rem; height: 0.75rem; }
  .picker.svelte-1883036 { display: flex; flex-direction: column; width: 22rem; max-width: 80vw; font-size: 0.8rem; }
  .search.svelte-1883036 { display: flex; align-items: center; gap: 0.35rem; padding: 0.4rem 0.5rem; border-bottom: 1px solid var(--aura-border, var(--border)); }
  .search.svelte-1883036 svg { width: 0.85rem; height: 0.85rem; opacity: 0.5; }
  .search.svelte-1883036 input:where(.svelte-1883036) { flex: 1; min-width: 0; border: 0; outline: none; background: transparent; font: inherit; }
  .list.svelte-1883036 { display: flex; flex-direction: column; max-height: 20rem; overflow: auto; padding: 0.2rem; }
  .row.svelte-1883036 { display: flex; align-items: stretch; border-radius: 0.25rem; }
  .row.svelte-1883036:hover:not(.taken) { background: var(--aura-accent, var(--accent)); }
  .row.taken.svelte-1883036 { opacity: 0.45; }
  .main.svelte-1883036 { flex: 1; min-width: 0; display: flex; align-items: center; gap: 0.45rem; padding: 0.25rem 0.4rem 0.25rem calc(0.4rem + var(--depth, 0) * 1.1rem); text-align: left; }
  .row.svelte-1883036 svg { width: 0.9rem; height: 0.9rem; }
  .ico.svelte-1883036 { flex: none; display: inline-flex; }
  /* the spec sits under its lens's name, not off in a column of its own */
  .text.svelte-1883036 { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
  .line.svelte-1883036 { display: flex; align-items: center; gap: 0.4rem; min-width: 0; }
  .label.svelte-1883036 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .exp.svelte-1883036 { flex: none; display: inline-flex; align-items: center; gap: 0.1rem; padding: 0 0.4rem; border-radius: 0.25rem; opacity: 0.65; }
  .exp.svelte-1883036:hover { opacity: 1; background: color-mix(in oklab, currentColor 8%, transparent); }
  .exp.svelte-1883036 .n:where(.svelte-1883036) { font-size: 0.66rem; font-variant-numeric: tabular-nums; }
  .exp.svelte-1883036 svg { width: 0.75rem; height: 0.75rem; }
  .count.svelte-1883036 { display: inline-flex; align-items: center; gap: 0.1rem; font-size: 0.68rem; font-variant-numeric: tabular-nums; color: color-mix(in oklab, #10b981 75%, currentColor); }
  .count.svelte-1883036 svg { width: 0.7rem; height: 0.7rem; }
  .on.svelte-1883036 { font-size: 0.66rem; opacity: 0.5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .in.svelte-1883036 { margin-left: 0.4em; font-family: inherit; }
  .none.svelte-1883036 { margin: 0; padding: 0.5rem; opacity: 0.6; }

  .lanes.svelte-117j95e { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.25rem; }
  .lane.svelte-117j95e { display: flex; gap: 0.25rem; align-items: flex-start; }
  .side.svelte-117j95e {
    flex: none; width: 4.6rem; height: 24px; margin-top: 2px; display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem;
    border-radius: 999px; font-size: 0.72rem; font-weight: 600;
    background: color-mix(in oklab, var(--aura-primary, var(--primary)) 12%, transparent);
    border: 1px solid color-mix(in oklab, var(--aura-primary, var(--primary)) 35%, transparent);
  }
  .side.client.svelte-117j95e { background: color-mix(in oklab, #10b981 12%, transparent); border-color: color-mix(in oklab, #10b981 40%, transparent); }
  .btn.svelte-117j95e { flex: none; height: 28px; width: 22px; display: inline-flex; align-items: center; justify-content: center; opacity: 0.5; border-radius: 0.3rem; }
  button.btn.svelte-117j95e:hover { opacity: 1; background: var(--aura-muted, var(--muted)); }

  .shell.svelte-ens9ae { display: flex; flex-direction: column; height: 100%; min-height: 0; min-width: 0; }
  .input.svelte-ens9ae { display: flex; gap: 0.3rem; align-items: flex-start; padding: 0.3rem 0.4rem; border-bottom: 1px solid var(--aura-border, var(--border)); }
  .input.svelte-ens9ae svg { width: 0.85rem; height: 0.85rem; }
  .where.svelte-ens9ae, .seg.svelte-ens9ae, .cycle.svelte-ens9ae, .split.svelte-ens9ae { flex: none; height: 28px; display: inline-flex; align-items: center; }
  .where.svelte-ens9ae .trigger { height: 28px; padding: 0 0.45rem; border: 1px solid var(--aura-border, var(--border)); border-radius: 0.3rem; font-size: 0.76rem; }
  .seg.svelte-ens9ae { border: 1px solid var(--aura-border, var(--border)); border-radius: 0.3rem; overflow: hidden; }
  .seg.svelte-ens9ae button:where(.svelte-ens9ae) { height: 100%; width: 26px; display: inline-flex; align-items: center; justify-content: center; opacity: 0.55; }
  .seg.svelte-ens9ae button:where(.svelte-ens9ae) + button:where(.svelte-ens9ae) { border-left: 1px solid var(--aura-border, var(--border)); }
  .seg.svelte-ens9ae button:where(.svelte-ens9ae):hover { opacity: 1; }
  .seg.svelte-ens9ae button.on:where(.svelte-ens9ae) { opacity: 1; background: var(--aura-accent, var(--accent)); }
  .cycle.svelte-ens9ae { gap: 0.05rem; font-size: 0.72rem; font-variant-numeric: tabular-nums; }
  .cycle.svelte-ens9ae button:where(.svelte-ens9ae) { height: 100%; width: 20px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.3rem; opacity: 0.7; }
  .cycle.svelte-ens9ae button:where(.svelte-ens9ae):hover:not(:disabled) { opacity: 1; background: var(--aura-muted, var(--muted)); }
  .cycle.svelte-ens9ae button:where(.svelte-ens9ae):disabled { opacity: 0.25; }
  .pos.svelte-ens9ae { min-width: 2.2rem; text-align: center; }
  .pos.svelte-ens9ae .of:where(.svelte-ens9ae) { opacity: 0.55; }
  .split.svelte-ens9ae { border-radius: 0.3rem; overflow: hidden; background: var(--aura-primary, var(--primary)); color: var(--aura-primary-foreground, var(--primary-foreground)); }
  .run.svelte-ens9ae { display: inline-flex; align-items: center; gap: 0.25rem; height: 100%; padding: 0 0.5rem; font-size: 0.74rem; font-weight: 600; }
  .split.solo.svelte-ens9ae .run:where(.svelte-ens9ae) { padding: 0 0.65rem; }
  .more.svelte-ens9ae { height: 100%; display: inline-flex; border-left: 1px solid color-mix(in oklab, var(--aura-primary-foreground, #fff) 30%, transparent); }
  .more.svelte-ens9ae .trigger { height: 100%; padding: 0 0.25rem; border-radius: 0; color: inherit; }
  .more.svelte-ens9ae .trigger:hover { background: color-mix(in oklab, #000 12%, transparent); }
  .chips.svelte-ens9ae { display: flex; flex-wrap: wrap; gap: 0.3rem; padding: 0.4rem 0.5rem; border-bottom: 1px solid var(--aura-border, var(--border)); }
  .chip.svelte-ens9ae {
    display: inline-flex; align-items: center; gap: 0.3rem; max-width: 22rem; padding: 0.1rem 0.5rem;
    border: 1px solid var(--aura-border, var(--border)); border-radius: 999px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .chip.svelte-ens9ae svg { flex: none; width: 0.75rem; height: 0.75rem; opacity: 0.6; }
  .chip.svelte-ens9ae:hover { background: var(--aura-accent, var(--accent)); }
  .results.svelte-ens9ae { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; }
  .older.svelte-ens9ae { margin: 0.4rem auto; padding: 0.15rem 0.6rem; border: 1px dashed var(--aura-border, var(--border)); border-radius: 999px; font-size: 0.72rem; opacity: 0.75; }
  .older.svelte-ens9ae:hover { opacity: 1; background: var(--aura-muted, var(--muted)); }
/*
// Standard xetodoc stylesheet copied from
// haxall/src/tool/xetodoc/res/css/style.css - keep in sync.
*/

/*
// Copyright (c) 2025, Project-Haystack
// Licensed under the Academic Free License version 3.0
//
// History:
//   29 Dec 2025  Brian Frank  Derive from defc stylesheet
*/

xetodoc-page {
  display: block;
  font: 16px -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  width: min(960px, 100%);
  margin: 1em auto 0 auto;

  --divider-border: 1px solid #eee;

  --link-color:    #3e7cc4;  /* blue   - nav, links */
  --title-color:   #d49011;  /* orange - top level headings */
  --name-color:    #27ae60;  /* green  - specs, instances, chapter, types, slots */
  --sidebar-color: #a0a0a0;  /* gray   - left sidebar tab */
}

xetodoc-page img {
  border:0;
}

xetodoc-page hr {
  border: 0;
  border-top: var(--divider-border);
  height: 1px;
}

xetodoc-page a {
  color: var(--link-color);
}

xetodoc-page code {
  font: 14px Menlo, Consolas, Courier, monospace;
  color: #777;
}

xetodoc-page pre {
  font: 14px Menlo, Consolas, Courier, monospace;
  background: #f7f7f9;
  color: #222;
  margin: 0.5em 0;
  padding: 1em;
  overflow: auto;
}

xetodoc-page pre code {
  color: inherit;
}

xetodoc-page h1 {
  color: var(--title-color);
  margin: 0 0 0.5em 0;
  padding: 0;
}

xetodoc-page h2 {
  color: var(--name-color);
}

xetodoc-page p > img {
  display:block;
  margin:0 auto;
  max-width: 80%;
}

xetodoc-page table {
  border-collapse: collapse;
  margin: 1em 0;
}

xetodoc-page table th,
xetodoc-page table td {
  border: 1px solid #ccc;
  padding: 0.3em 0.6em;
  text-align: left;
}

/*************************************************************************
 * Navigation
 ************************************************************************/

xetodoc-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

xetodoc-nav ul li {
  display: inline;
  margin: 0 4px;
  padding: 2px 0;
  color: #aaa;
}

xetodoc-nav li.next {
  text-align: right;
}

xetodoc-nav li + li.next {
  float: right;
}

/*************************************************************************
 * Main Two Column Grid
 ************************************************************************/

xetodoc-main {
  margin: 20px 0 0 0;
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-row-gap: 30px;
  grid-column-gap: 20px;
}

xetodoc-tab {
  margin: 0;
  padding: 5px 10px 0 0;
  text-align: right;
  font-size: 100%;
  font-weight: normal;
  color: var(--sidebar-color);
  max-width: 160px;
  overflow-wrap: break-word;
}

xetodoc-section {
  margin: 0;
  padding: 0;
}

xetodoc-footer  {
  font-size: 60%;
  color: #999;
}

/*************************************************************************
 * Props Table
 ************************************************************************/

xetodoc-prop-table {
  display: table;
  border-collapse: collapse;
}

xetodoc-prop-tr {
  display: table-row;
  border-top: var(--divider-border);
}

xetodoc-prop-th {
  display: table-cell;
  font-weight: bold;
  text-align: left;
  vertical-align: text-top;
  padding: 4px 10px 4px 0px;
  white-space: nowrap;
}

xetodoc-prop-td {
  display: table-cell;
  padding: 4px 6px;
}

xetodoc-prop-th a {
  color: var(--name-color);
  text-decoration: none;
}

xetodoc-prop-th a:hover {
  color: var(--name-color);
  text-decoration: underline;
}

xetodoc-prop-td a {
  text-decoration: none;
}

xetodoc-prop-td a:hover {
  text-decoration: underline;
}

xetodoc-prop-td p {
  margin: 0;
}

xetodoc-prop-heading {
  display: table-cell;
  font-weight: bold;
  font-size: 130%;
  text-align: left;
  vertical-align: text-top;
  padding: 30px 0 4px 0;
  white-space: nowrap;
  color: var(--title-color);
}

xetodoc-prop-toggle {
  display: table-cell;
  margin: 0;
  padding: 0;
}

xetodoc-prop-toggle input {
  margin-left: 0;
}

.xetodoc-hidden {
  display: none;
}

/***************************************************************
 * Slot Details
 **************************************************************/

xetodoc-slot {
  margin: 0;
  padding: 3px 0;
  color: var(--name-color);
}

xetodoc-slot a {
  color: var(--name-color);
  text-decoration: none;
}

xetodoc-slot a:hover {
  color: var(--name-color);
  text-decoration: underline;
}

xetodoc-slot-base {
  font-size: 80%;
  display: block;
  color: var(--sidebar-color);
}

xetodoc-slot-base a {
  color: var(--sidebar-color);
}

xetodoc-slot-nested {
  display: block;
}

xetodoc-slot-nested table {
  border-collapse: collapse;
  margin: 0.5em 0;
}

xetodoc-slot-nested th {
  text-align: left;
  white-space: nowrap;
  padding: 4px 10px 4px 0;
}

xetodoc-slot-nested td {
  border-top: var(--divider-border);
  vertical-align: text-top;
  padding: 4px 10px 4px 0;
}

xetodoc-slot-nested td p {
  margin: 0;
}

xetodoc-info {
  position: relative;
  cursor: pointer;
  color: var(--sidebar-color);
}

xetodoc-info-popup {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 1.4em;
  min-width: 18em;
  padding: 6px 10px;
  white-space: nowrap;
  color: #000;
  background: #fff;
  border: var(--divider-border);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

xetodoc-info:hover xetodoc-info-popup,
xetodoc-info:focus-within xetodoc-info-popup {
  display: block;
}

xetodoc-info-popup p {
  margin: 0.5em 0 0 0;
  white-space: normal;
}

/*************************************************************************
 * Chapter
 ************************************************************************/

xetodoc-chapter {
  display: block;
  margin: 1em 0;
}

xetodoc-chapter h1:not(:first-child) {
  color: var(--name-color);
  font-size: 1.5em;
}

xetodoc-chapter h2 {
  color: var(--name-color);
  font-size: 1.3em;
}

xetodoc-chapter h3 {
  color: var(--name-color);
  font-size: 1.1em;
}

/*************************************************************************
 * Search
 ************************************************************************/

xetodoc-page form input[type=text] {
  width: 600px;
  border: 1px solid #bbb;
  border-radius: 2px;
  margin: 0;
  padding: 6px;
  font-size: 16px;
}

xetodoc-search-info {
  padding: 10px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: #aaa;
}

xetodoc-search-hits {
  display: block;
  margin: 0;
  padding: 0;
}

xetodoc-search-hit {
  display: block;
  margin-top: 20px;
}

xetodoc-search-hit h3 {
  padding: 0 0 4px 0;
  margin: 0;
}

xetodoc-search-hit a {
  color: var(--link-color);
  padding: 2px;
  text-decoration: none;
}

xetodoc-search-hit a:hover {
  text-decoration: underline;
}

xetodoc-search-hit p {
  margin: 0;
  padding: 0;
}

xetodoc-tag  {
  padding: 2px 8px;
  font-size: 75%;
  color: #fff;
  background: var(--name-color);
  margin-right: 10px;
  border: 0px solid #bbb;
  border-radius: 10px;
}

/*
// xeto.dev basic UI site styles, layered over the standard xetodoc
// stylesheet.  One type and color system for the whole site, taken
// from xetodoc:
//
//   base:    16px system font, 1.5 line height
//   dense:   14px for tables, listings, meta, and secondary text
//   fine:    12px for badges, banner, and footer print
//   mono:    14px for code, pre, and source
//   weights: 700 titles and doc headings, 600 section heads and
//            emphasis, 400 everything else
//   colors:  purple primary for titles, xetodoc green for names,
//            xetodoc blue for links, one muted gray, one border gray
//
// The aura theme layer does not emit css variables yet, so the site
// declares its own tokens until that lands.
*/

:root {
  --primary: #7c3aed;   /* purple site accent - titles and headings */
  --name: #27ae60;      /* xetodoc green - spec, slot, chapter names */
  --link: #3e7cc4;      /* xetodoc link blue */
  --muted: #808080;     /* secondary text */
  --border: #eee;       /* xetodoc divider */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: Menlo, Consolas, Courier, monospace;
}

/* the whole site shares xetodoc's base typography */
body {
  font: 16px/1.5 var(--font);
}

/* tailwind preflight resets anchor color to inherit, so links read
   as plain text; restore the link blue site wide */
a {
  color: var(--link);
}
a:hover {
  text-decoration: underline;
}

/* tailwind preflight flattens heading sizes and weights to inherit;
   restore browser-like defaults the xetodoc stylesheet assumes.
   Site components size their own headings in scoped styles. */
h1 { font-size: 2em;    font-weight: 700; }
h2 { font-size: 1.5em;  font-weight: 700; }
h3 { font-size: 1.17em; font-weight: 700; }
h4 { font-size: 1em;    font-weight: 700; }

/* code and pre share the xetodoc mono style */
pre, code {
  font: 14px var(--font-mono);
}

/* the site's page and section headings, declared once; doc content
   inside xetodoc-page keeps the standard sheet's own heading colors.
   Components override only margins and the hero size in scoped css. */
main h1:not(xetodoc-page *) {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--primary);
  margin: 0 0 0.75rem;
}
main h2:not(xetodoc-page *) {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--primary);
  margin: 1.25rem 0 0.4rem;
}

/* the xetodoc title color is keyed to the site primary; names keep
   the standard green and links the standard blue */
xetodoc-page {
  --title-color: var(--primary);
}

/* the standard sheet's 16px base reads larger than the site's dense
   14px pages; align doc content with the rest of the site, scaling
   code down a notch and pinning page titles to the site h1 size */
xetodoc-page { font-size: 14px; }
xetodoc-page pre, xetodoc-page code { font-size: 13px; }
xetodoc-page h1 { font-size: 1.5rem; }

/* hide the standard breadcrumb nav: the site renders its own lib
   breadcrumb uniformly across doc, files, and versions pages; the
   chapter prev/next nav inside xetodoc-chapter still renders */
xetodoc-page > xetodoc-nav {
  display: none;
}

/* tailwind preflight (in the aura bundle) strips list, paragraph,
   and heading styling that the standard xetodoc stylesheet assumes;
   restore it for doc content, re-excluding the nav, nested slot,
   and prop table rules the standard sheet styles itself */
xetodoc-page ul { list-style: disc outside; padding-left: 1.5em; margin: 0.5em 0; }
xetodoc-page ol { list-style: decimal outside; padding-left: 1.75em; margin: 0.5em 0; }
xetodoc-page xetodoc-nav ul { list-style: none; padding: 0; margin: 0; }
xetodoc-page p { margin: 0.75em 0; }
xetodoc-page xetodoc-prop-td p,
xetodoc-page xetodoc-slot-nested td p { margin: 0; }
xetodoc-page h2, xetodoc-page h3, xetodoc-page h4 { margin: 1em 0 0.4em; }
xetodoc-page blockquote { margin: 1em 1.5em; padding-left: 1em; border-left: 3px solid var(--border); }

/* shared button styling declared once; components override only
   deliberate variants (compact table buttons, danger red) */
button {
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: 0.25rem 0.75rem;
  font: 14px var(--font);
  background: transparent;
  cursor: pointer;
}
button:hover:not(:disabled) { border-color: var(--primary); color: var(--primary); }
button:disabled { color: var(--muted); cursor: default; }

  .banner.svelte-1xbrkjo { background: #facc15; color: #713f12; text-align: center; font-size: 12px; font-weight: 600; padding: 2px 0; }
  header.svelte-1xbrkjo { border-bottom: 1px solid var(--border); }
  nav.svelte-1xbrkjo { display: flex; gap: 1.25rem; align-items: baseline; max-width: 60rem; margin: 0 auto; padding: 0.75rem 1rem; }
  .tab.svelte-1xbrkjo { border-top: 3px solid transparent; padding-top: 3px; }
  .tab.active.svelte-1xbrkjo { border-top-color: var(--primary); }
  .grow.svelte-1xbrkjo { flex: 1; }
  .username.svelte-1xbrkjo { font-size: 14px; }
  .logout.svelte-1xbrkjo { font-size: 14px; }
  .brand.svelte-1xbrkjo { font-weight: 700; font-size: 1.1rem; color: var(--primary); }
  main.svelte-1xbrkjo { max-width: 60rem; margin: 0 auto; padding: 1rem; }
  footer.svelte-1xbrkjo { max-width: 60rem; margin: 2rem auto 0; padding: 0.75rem 1rem; border-top: 1px solid var(--border); font-size: 12px; color: var(--muted); }

  .loading.svelte-1htwgg9 { color: var(--muted); }
  .err.svelte-1htwgg9 { color: #b00; }

  table.svelte-ikbkj0 { border-collapse: collapse; font-size: 14px; }
  td.svelte-ikbkj0 { padding: 2px 1.5rem 2px 0; vertical-align: baseline; white-space: nowrap; }
  .ver.svelte-ikbkj0 { color: var(--muted); }
  .sum.svelte-ikbkj0 { color: var(--muted); white-space: normal; }

  .search.svelte-1x8crpa { display: flex; gap: 0.5rem; text-align: left; }
  input.svelte-1x8crpa { flex: 1; min-width: 0; border: 1px solid var(--border); border-radius: 4px; padding: 0.5rem 0.75rem; font: 16px var(--font); }
  input.svelte-1x8crpa:focus { outline: 2px solid var(--primary); outline-offset: -1px; border-color: transparent; }
  select.svelte-1x8crpa { border: 1px solid var(--border); border-radius: 4px; padding: 0 0.5rem; font: 14px var(--font); background: transparent; }
  ul.svelte-1x8crpa { margin: 0.75rem 0 0; padding: 0; list-style: none; }
  li.svelte-1x8crpa { padding: 0.4rem 0; border-top: 1px solid var(--border); font-size: 14px; }
  .type.svelte-1x8crpa { font-size: 12px; padding: 0 6px; border-radius: 8px; background: var(--primary); color: #fff; margin-right: 6px; }
  .snippet.svelte-1x8crpa { color: var(--muted); font-size: 14px; margin-top: 2px; }
  .snippet.svelte-1x8crpa mark { background: none; color: var(--primary); font-weight: 600; }
  .none.svelte-1x8crpa, .err.svelte-1x8crpa { margin: 0.75rem 0 0; color: var(--muted); font-size: 14px; }
  .err.svelte-1x8crpa { color: #b00; }

  .hero.svelte-1pfbysg { text-align: center; padding: 3rem 0 1rem; }
  h1.svelte-1pfbysg { font-size: 2.2rem; margin: 0 0 0.5rem; }
  p.svelte-1pfbysg { margin: 0 0 1rem; }
  .box.svelte-1pfbysg { max-width: 34rem; margin: 0 auto 1.25rem; }
  .links.svelte-1pfbysg { display: flex; gap: 1.5rem; justify-content: center; }
  .featured.svelte-1pfbysg { width: fit-content; max-width: 100%; margin: 1.5rem auto 0; }
  .featured.svelte-1pfbysg section:where(.svelte-1pfbysg) { margin-bottom: 1.25rem; }
  h2.svelte-1pfbysg { margin: 0 0 0.25rem; }

  section.svelte-13mbh0h { margin-bottom: 1.25rem; }
  h2.svelte-13mbh0h { margin: 0 0 0.25rem; }

  /* margin auto centers the top layer box; tailwind preflight strips
     the user agent default that normally does this */
  dialog.svelte-17ovd57 { margin: auto; border: 1px solid var(--border); border-radius: 6px; padding: 1rem 1.25rem; min-width: 22rem; font: 16px var(--font); }
  dialog.svelte-17ovd57::backdrop { background: rgb(0 0 0 / 0.3); }
  h2.svelte-17ovd57 { margin: 0 0 0.75rem; font-size: 1.1rem; font-weight: 600; color: var(--primary); }

  table.svelte-tzzfmj { border-collapse: collapse; font-size: 14px; }
  th.svelte-tzzfmj { text-align: left; padding: 2px 1.5rem 4px 0; font-weight: 600; }
  td.svelte-tzzfmj { padding: 2px 1.5rem 2px 0; }
  .cur.svelte-tzzfmj td:where(.svelte-tzzfmj) { font-weight: 600; }
  .off.svelte-tzzfmj { color: var(--muted); }
  /* (unused) .off td a { color: var(--muted); }*/
  .msg.svelte-tzzfmj { color: var(--muted); font-style: italic; white-space: normal; }
  .acts.svelte-tzzfmj { padding: 1px 0.4rem 1px 0; }
  .acts.svelte-tzzfmj button:where(.svelte-tzzfmj) { width: 100%; }
  .actsEnd.svelte-tzzfmj { padding-right: 1.5rem; }
  button.svelte-tzzfmj { padding: 0.1rem 0.6rem; font: 13px var(--font); }  /* compact in table rows */
  button.danger.svelte-tzzfmj { color: #b00; }
  button.danger.svelte-tzzfmj:hover:not(:disabled) { border-color: #b00; color: #b00; }
  .form.svelte-tzzfmj { display: flex; flex-direction: column; gap: 0.9rem; }
  .form.svelte-tzzfmj input:where(.svelte-tzzfmj) { border: 1px solid var(--border); border-radius: 4px; padding: 0.25rem 0.5rem; font: 14px var(--font); }
  .form.svelte-tzzfmj button:where(.svelte-tzzfmj) { padding: 0.25rem 0.75rem; font: 14px var(--font); }
  .row.svelte-tzzfmj { display: flex; gap: 0.4rem; }
  .confirm.svelte-tzzfmj { margin: 0; max-width: 24rem; }
  .err.svelte-tzzfmj { color: #b00; margin: 0; }

  header.svelte-1ybvixc { display: flex; gap: 0.6rem; align-items: baseline; }
  h1.svelte-1ybvixc { margin: 0; }
  .badge.svelte-1ybvixc { font-size: 12px; padding: 1px 8px; border: 1px solid var(--border); border-radius: 9px; color: var(--muted); }
  .warn.svelte-1ybvixc { background: #facc15; color: #713f12; border-color: transparent; }
  .pin.svelte-1ybvixc { font-size: 14px; color: var(--muted); }
  .summary.svelte-1ybvixc { margin: 0.35rem 0 0; }
  .deprecated.svelte-1ybvixc { margin-top: 0.75rem; padding: 0.5rem 0.75rem; border: 1px solid #f97316; background: #fff7ed; border-radius: 4px; color: #9a3412; font-size: 14px; }
  .cols.svelte-1ybvixc { display: flex; gap: 2.5rem; margin-top: 0.5rem; }
  .main.svelte-1ybvixc { flex: 1; min-width: 0; }
  aside.svelte-1ybvixc { width: 15rem; flex-shrink: 0; font-size: 14px; }
  aside.svelte-1ybvixc dl:where(.svelte-1ybvixc) { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; margin: 0; }
  aside.svelte-1ybvixc dt:where(.svelte-1ybvixc) { color: var(--muted); }
  aside.svelte-1ybvixc dd:where(.svelte-1ybvixc) { margin: 0; }
  .links.svelte-1ybvixc { margin: 0; padding: 0; list-style: none; }
  .links.svelte-1ybvixc li:where(.svelte-1ybvixc) { padding: 2px 0; }
  .readme.svelte-1ybvixc pre { overflow-x: auto; }
  .none.svelte-1ybvixc { color: var(--muted); }
  .form.svelte-1ybvixc { display: flex; flex-direction: column; gap: 0.9rem; }
  .form.svelte-1ybvixc input:where(.svelte-1ybvixc) { border: 1px solid var(--border); border-radius: 4px; padding: 0.25rem 0.5rem; font: 14px var(--font); }
  .row.svelte-1ybvixc { display: flex; gap: 0.4rem; }
  .confirm.svelte-1ybvixc { margin: 0; max-width: 24rem; }
  .err.svelte-1ybvixc { color: #b00; margin: 0.4rem 0 0; }

  .sep.svelte-r0cylx { margin: 0 0.4rem; color: var(--muted); font-weight: 400; }

  .ver.svelte-1vpnfwn { margin: 0 0 0.5rem; color: var(--muted); font-size: 14px; }
  ul.svelte-1vpnfwn { margin: 0; padding: 0; list-style: none; }
  li.svelte-1vpnfwn { padding: 2px 0; font-size: 14px; }
  .dir.svelte-1vpnfwn { font-weight: 600; }
  .meta.svelte-1vpnfwn { color: var(--muted); margin-left: 0.5rem; font-size: 12px; }

  pre.svelte-1y19scu { overflow-x: auto; padding: 0.75rem; border: 1px solid var(--border); border-radius: 4px; }
  img.svelte-1y19scu { max-width: 100%; }

  pre.svelte-19ts3ex { overflow-x: auto; padding: 0.75rem; border: 1px solid var(--border); border-radius: 4px; }

  .box.svelte-yneaed { max-width: 40rem; }

  table.svelte-ubcgrt { border-collapse: collapse; font-size: 14px; }
  td.svelte-ubcgrt { padding: 2px 1.5rem 2px 0; }
  .kind.svelte-ubcgrt { color: var(--muted); }

  h1.svelte-177ghm5 { margin: 0 0 1rem; }
  .sep.svelte-177ghm5 { margin: 0 0.4rem; color: var(--muted); font-weight: 400; }
  dl.svelte-177ghm5 { display: grid; grid-template-columns: max-content 1fr; gap: 2px 1.5rem; margin: 0; font-size: 14px; }
  dt.svelte-177ghm5 { font-weight: 600; }
  dd.svelte-177ghm5 { margin: 0; }

  h1.svelte-168emax { margin: 0; }
  .domain.svelte-168emax { margin: 0.25rem 0 0; color: var(--muted); font-size: 14px; }
  .sep.svelte-168emax { margin: 0 0.2rem; }
  .none.svelte-168emax { color: var(--muted); }

  table.svelte-yy35bq { border-collapse: collapse; font-size: 14px; }
  th.svelte-yy35bq { text-align: left; padding: 2px 1.5rem 4px 0; font-weight: 600; }
  td.svelte-yy35bq { padding: 2px 1.5rem 2px 0; }
  .chk.svelte-yy35bq { text-align: center; }
  .none.svelte-yy35bq { color: var(--muted); }
  .add.svelte-yy35bq { display: flex; gap: 0.4rem; margin-top: 0.75rem; }
  .add.svelte-yy35bq input:where(.svelte-yy35bq) { border: 1px solid var(--border); border-radius: 4px; padding: 0.25rem 0.5rem; font: 14px var(--font); width: 18rem; }
  .add.svelte-yy35bq select:where(.svelte-yy35bq) { border: 1px solid var(--border); border-radius: 4px; padding: 0.25rem 0.5rem; font: 14px var(--font); background: transparent; }
  .form.svelte-yy35bq { display: flex; flex-direction: column; gap: 0.9rem; }
  .row.svelte-yy35bq { display: flex; gap: 0.4rem; }
  .confirm.svelte-yy35bq { margin: 0; max-width: 24rem; }
  .err.svelte-yy35bq { color: #b00; margin: 0.5rem 0 0; }

  h1.svelte-17gkcei { margin: 0; }
  .sep.svelte-17gkcei { margin: 0 0.4rem; color: var(--muted); font-weight: 400; }
  section.svelte-17gkcei { margin-top: 1.25rem; }
  h2.svelte-17gkcei { margin: 0 0 0.25rem; }
  h3.svelte-17gkcei { margin: 0.75rem 0 0.25rem; font-size: 1rem; }
  .none.svelte-17gkcei { color: var(--muted); }
  ul.svelte-17gkcei { margin: 0; padding-left: 1.25rem; font-size: 14px; }
  table.svelte-17gkcei { border-collapse: collapse; font-size: 14px; }
  td.svelte-17gkcei { padding: 2px 1.5rem 2px 0; }
  .state.svelte-17gkcei { font-style: italic; color: var(--muted); }
  .form.svelte-17gkcei { display: flex; flex-direction: column; gap: 0.6rem; max-width: 24rem; margin-top: 0.75rem; }
  .form.svelte-17gkcei input:where(.svelte-17gkcei) { border: 1px solid var(--border); border-radius: 4px; padding: 0.25rem 0.5rem; font: 14px var(--font); }
  .row.svelte-17gkcei { display: flex; gap: 0.4rem; }
  .err.svelte-17gkcei { color: #b00; margin: 0; }
  .ok.svelte-17gkcei { color: #15803d; font-size: 14px; margin: 0; }
  .warn.svelte-17gkcei { color: #b45309; font-size: 14px; margin: 0; }

  .intro.svelte-vrrgnd { margin: 0 0 1rem; max-width: 34rem; }
  .none.svelte-vrrgnd { color: var(--muted); }
  .form.svelte-vrrgnd { display: flex; flex-direction: column; gap: 0.6rem; max-width: 24rem; }
  .form.svelte-vrrgnd input:where(.svelte-vrrgnd), .form.svelte-vrrgnd textarea:where(.svelte-vrrgnd) { border: 1px solid var(--border); border-radius: 4px; padding: 0.25rem 0.5rem; font: 14px var(--font); }
  .form.svelte-vrrgnd textarea:where(.svelte-vrrgnd) { resize: vertical; }
  .row.svelte-vrrgnd { display: flex; gap: 0.4rem; }
  .err.svelte-vrrgnd { color: #b00; margin: 0; }
  .ok.svelte-vrrgnd { color: #15803d; font-size: 14px; margin: 0; }
  section.svelte-vrrgnd { margin-top: 1.5rem; }
  h2.svelte-vrrgnd { margin: 0 0 0.25rem; }
  table.svelte-vrrgnd { border-collapse: collapse; font-size: 14px; }
  th.svelte-vrrgnd { text-align: left; padding: 2px 1.5rem 4px 0; font-weight: 600; }
  td.svelte-vrrgnd { padding: 2px 1.5rem 2px 0; }
  .state.svelte-vrrgnd { font-style: italic; color: var(--muted); }

  section.svelte-137p5d2 { margin-bottom: 1.5rem; }
  h2.svelte-137p5d2 { margin: 0 0 0.25rem; }
  .muted.svelte-137p5d2 { color: var(--muted); margin: 0 0 0.6rem; max-width: 34rem; }
  .status.svelte-137p5d2 { margin: 0 0 0.6rem; }
  .row.svelte-137p5d2 { display: flex; gap: 0.6rem; align-items: center; }
  .form.svelte-137p5d2 { display: flex; flex-direction: column; gap: 0.9rem; min-width: 18rem; }
  .instr.svelte-137p5d2 { margin: 0; max-width: 26rem; }
  .warn.svelte-137p5d2 { margin: 0; color: #92400e; background: #fef3c7; padding: 0.5rem 0.6rem; border-radius: 4px; max-width: 26rem; }
  .qr.svelte-137p5d2 { align-self: center; width: 220px; height: 220px; }
  .secret.svelte-137p5d2 { margin: 0; font-size: 13px; color: var(--muted); }
  .secret.svelte-137p5d2 code:where(.svelte-137p5d2) { font-size: 14px; color: var(--foreground, inherit); letter-spacing: 1px; }
  label.svelte-137p5d2 { display: flex; flex-direction: column; gap: 0.2rem; font-size: 14px; }
  input.svelte-137p5d2 { border: 1px solid var(--border); border-radius: 4px; padding: 0.3rem 0.5rem; font: 15px var(--font); }
  input[readonly].svelte-137p5d2 { background: var(--muted-bg, #f3f4f6); color: var(--muted); }
  /* action buttons share one look; hover gives a clear tinted fill */
  .row.svelte-137p5d2 button:where(.svelte-137p5d2):hover:not(:disabled) { background: color-mix(in srgb, var(--primary) 10%, transparent); }
  .confirm.svelte-137p5d2 { margin: 0; max-width: 24rem; }
  .lost.svelte-137p5d2 { margin: 0.6rem 0 0; font-size: 13px; }
  .err.svelte-137p5d2 { color: #b00; margin: 0; }

  section.svelte-tve3ys { margin-bottom: 1.5rem; }
  h2.svelte-tve3ys { margin: 0 0 0.25rem; }
  .muted.svelte-tve3ys { color: var(--muted); margin: 0 0 0.6rem; max-width: 34rem; }
  .status.svelte-tve3ys { margin: 0.6rem 0 0; }
  .row.svelte-tve3ys { display: flex; gap: 0.6rem; align-items: center; }
  .form.svelte-tve3ys { display: flex; flex-direction: column; gap: 0.9rem; min-width: 18rem; }
  .instr.svelte-tve3ys { margin: 0; max-width: 26rem; }
  label.svelte-tve3ys { display: flex; flex-direction: column; gap: 0.2rem; font-size: 14px; }
  input.svelte-tve3ys { border: 1px solid var(--border); border-radius: 4px; padding: 0.3rem 0.5rem; font: 15px var(--font); }
  input[readonly].svelte-tve3ys { background: var(--muted-bg, #f3f4f6); color: var(--muted); }
  .row.svelte-tve3ys button:where(.svelte-tve3ys):hover:not(:disabled) { background: color-mix(in srgb, var(--primary) 10%, transparent); }
  .err.svelte-tve3ys { color: #b00; margin: 0; }

  section.svelte-164xam6 { margin-bottom: 1.5rem; }
  h2.svelte-164xam6 { margin: 0 0 0.25rem; }
  .account.svelte-164xam6 { margin: 0; }
  .none.svelte-164xam6 { color: var(--muted); }
  table.svelte-164xam6 { border-collapse: collapse; font-size: 14px; }
  td.svelte-164xam6 { padding: 2px 1.5rem 2px 0; }
  .perms.svelte-164xam6 { color: var(--muted); }
  .new.svelte-164xam6 { margin: 0.75rem 0 0; font-size: 14px; }

  .none.svelte-h0yb3e { color: var(--muted); }
  table.svelte-h0yb3e { border-collapse: collapse; font-size: 14px; }
  th.svelte-h0yb3e { text-align: left; padding: 2px 1.5rem 4px 0; font-weight: 600; }
  td.svelte-h0yb3e { padding: 2px 1.5rem 2px 0; }
  .state.svelte-h0yb3e { font-style: italic; color: var(--muted); }

  h1.svelte-2w0f9d { margin: 0 0 1rem; }
  .sep.svelte-2w0f9d { margin: 0 0.4rem; color: var(--muted); font-weight: 400; }
  section.svelte-2w0f9d { margin-bottom: 1.5rem; }
  h2.svelte-2w0f9d { margin: 0 0 0.25rem; }
  dl.svelte-2w0f9d { display: grid; grid-template-columns: max-content 1fr; gap: 2px 1.5rem; margin: 0; font-size: 14px; }
  dt.svelte-2w0f9d { font-weight: 600; }
  dd.svelte-2w0f9d { margin: 0; white-space: pre-line; }
  .none.svelte-2w0f9d { color: var(--muted); }
  .reject.svelte-2w0f9d { color: #b00; margin: 0; }
  .review.svelte-2w0f9d { color: #15803d; margin: 0; font-size: 14px; }
  ul.svelte-2w0f9d { margin: 0; padding-left: 1.25rem; font-size: 14px; }
  .part.svelte-2w0f9d { border-top: 1px solid var(--border); padding: 0.5rem 0; font-size: 14px; }
  .meta.svelte-2w0f9d { color: var(--muted); }
  .doc.svelte-2w0f9d { margin-top: 0.25rem; white-space: pre-line; }
  .info.svelte-2w0f9d { margin-top: 0.25rem; color: var(--muted); font-style: italic; }
  textarea.svelte-2w0f9d { border: 1px solid var(--border); border-radius: 4px; padding: 0.25rem 0.5rem; font: 14px var(--font); width: 100%; max-width: 34rem; resize: vertical; }
  .row.svelte-2w0f9d { display: flex; gap: 0.4rem; margin-top: 0.5rem; }

  section.svelte-1b79pe { max-width: 44rem; margin-bottom: 1.5rem; }
  h2.svelte-1b79pe { margin: 0 0 0.4rem; }
  p.svelte-1b79pe { margin: 0 0 0.75rem; }
  ul.svelte-1b79pe { margin: 0 0 0.75rem; padding-left: 1.5em; list-style: disc; }
  li.svelte-1b79pe { padding: 1px 0; }