npm - @maildeno/editor - Versions diffs - 0.1.2 → 0.1.4 - Mend

@maildeno/editor 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/{RowPreviewRow-CAeMRdd8.js → RowPreviewRow-D-wmhbhZ.js} +1 -1
package/dist/editor.css +57 -52
package/dist/{element-DLJCEP_z.js → element-CWjNN0lY.js} +6 -6
package/dist/element-scoped-styles.css +57 -52
package/dist/element.js +1 -1
package/dist/index.js +5 -5
package/dist/init.js +1 -1
package/dist/theme.d.ts +1 -1
package/package.json +1 -1

package/dist/{element-DLJCEP_z.js → element-CWjNN0lY.js} RENAMED Viewed

@@ -7171,7 +7171,7 @@ function usePortalTarget() {
 }
 //#endregion
 //#region src/assets/css/main.css?inline
-var main_default = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, :before, :after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: \"\";\n    }\n  }\n}\n\n@layer theme {\n  :root, :host {\n    --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n      \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n      \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-50: oklch(97.1% .013 17.38);\n    --color-red-200: oklch(88.5% .062 18.334);\n    --color-red-400: oklch(70.4% .191 22.216);\n    --color-red-500: oklch(63.7% .237 25.331);\n    --color-red-600: oklch(57.7% .245 27.325);\n    --color-red-700: oklch(50.5% .213 27.518);\n    --color-orange-300: oklch(83.7% .128 66.29);\n    --color-orange-400: oklch(75% .183 55.934);\n    --color-orange-500: oklch(70.5% .213 47.604);\n    --color-amber-50: oklch(98.7% .022 95.277);\n    --color-amber-100: oklch(96.2% .059 95.617);\n    --color-amber-200: oklch(92.4% .12 95.746);\n    --color-amber-300: oklch(87.9% .169 91.605);\n    --color-amber-400: oklch(82.8% .189 84.429);\n    --color-amber-500: oklch(76.9% .188 70.08);\n    --color-amber-600: oklch(66.6% .179 58.318);\n    --color-amber-700: oklch(55.5% .163 48.998);\n    --color-amber-800: oklch(47.3% .137 46.201);\n    --color-yellow-50: oklch(98.7% .026 102.212);\n    --color-yellow-200: oklch(94.5% .129 101.54);\n    --color-yellow-700: oklch(55.4% .135 66.442);\n    --color-green-400: oklch(79.2% .209 151.711);\n    --color-emerald-50: oklch(97.9% .021 166.113);\n    --color-emerald-100: oklch(95% .052 163.051);\n    --color-emerald-200: oklch(90.5% .093 164.15);\n    --color-emerald-400: oklch(76.5% .177 163.223);\n    --color-emerald-500: oklch(69.6% .17 162.48);\n    --color-emerald-600: oklch(59.6% .145 163.225);\n    --color-emerald-700: oklch(50.8% .118 165.612);\n    --color-sky-50: oklch(97.7% .013 236.62);\n    --color-sky-100: oklch(95.1% .026 236.824);\n    --color-sky-200: oklch(90.1% .058 230.902);\n    --color-sky-400: oklch(74.6% .16 232.661);\n    --color-sky-600: oklch(58.8% .158 241.966);\n    --color-sky-700: oklch(50% .134 242.749);\n    --color-blue-50: oklch(97% .014 254.604);\n    --color-blue-100: oklch(93.2% .032 255.585);\n    --color-blue-200: oklch(88.2% .059 254.128);\n    --color-blue-300: oklch(80.9% .105 251.813);\n    --color-blue-400: oklch(70.7% .165 254.624);\n    --color-blue-500: oklch(62.3% .214 259.815);\n    --color-blue-600: oklch(54.6% .245 262.881);\n    --color-blue-700: oklch(48.8% .243 264.376);\n    --color-blue-800: oklch(42.4% .199 265.638);\n    --color-indigo-50: oklch(96.2% .018 272.314);\n    --color-indigo-200: oklch(87% .065 274.039);\n    --color-indigo-600: oklch(51.1% .262 276.966);\n    --color-violet-50: oklch(96.9% .016 293.756);\n    --color-violet-100: oklch(94.3% .029 294.588);\n    --color-violet-600: oklch(54.1% .281 293.009);\n    --color-purple-50: oklch(97.7% .014 308.299);\n    --color-purple-200: oklch(90.2% .063 306.703);\n    --color-purple-300: oklch(82.7% .119 306.383);\n    --color-purple-400: oklch(71.4% .203 305.504);\n    --color-purple-500: oklch(62.7% .265 303.9);\n    --color-purple-600: oklch(55.8% .288 302.321);\n    --color-purple-700: oklch(49.6% .265 301.924);\n    --color-rose-400: oklch(71.2% .194 13.428);\n    --color-rose-500: oklch(64.5% .246 16.439);\n    --color-rose-600: oklch(58.6% .253 17.585);\n    --color-slate-100: oklch(96.8% .007 247.896);\n    --color-slate-200: oklch(92.9% .013 255.508);\n    --color-slate-600: oklch(44.6% .043 257.281);\n    --color-gray-50: oklch(98.5% .002 247.839);\n    --color-gray-100: oklch(96.7% .003 264.542);\n    --color-gray-200: oklch(92.8% .006 264.531);\n    --color-gray-300: oklch(87.2% .01 258.338);\n    --color-gray-400: oklch(70.7% .022 261.325);\n    --color-gray-500: oklch(55.1% .027 264.364);\n    --color-gray-600: oklch(44.6% .03 256.802);\n    --color-gray-700: oklch(37.3% .034 259.733);\n    --color-gray-800: oklch(27.8% .033 256.848);\n    --color-gray-900: oklch(21% .034 264.665);\n    --color-gray-950: oklch(13% .028 261.692);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: .25rem;\n    --container-xs: 20rem;\n    --container-md: 28rem;\n    --container-4xl: 56rem;\n    --text-xs: .75rem;\n    --text-xs--line-height: calc(1 / .75);\n    --text-sm: .875rem;\n    --text-sm--line-height: calc(1.25 / .875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --tracking-normal: 0em;\n    --tracking-wide: .025em;\n    --tracking-wider: .05em;\n    --tracking-widest: .1em;\n    --leading-tight: 1.25;\n    --leading-snug: 1.375;\n    --leading-relaxed: 1.625;\n    --radius-sm: .25rem;\n    --radius-md: .375rem;\n    --radius-lg: .5rem;\n    --radius-xl: .75rem;\n    --radius-2xl: 1rem;\n    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;\n    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;\n    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n    --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;\n    --shadow-2xl: 0 25px 50px -12px #00000040;\n    --ease-in: cubic-bezier(.4, 0, 1, 1);\n    --ease-out: cubic-bezier(0, 0, .2, 1);\n    --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;\n    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;\n    --animate-bounce: bounce 1s infinite;\n    --blur-sm: 8px;\n    --blur-md: 12px;\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n\n@layer base {\n  *, :after, :before, ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  html, :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\n    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\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n\n  b, strong {\n    font-weight: bolder;\n  }\n\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n\n  small {\n    font-size: 80%;\n  }\n\n  sub, sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n\n  :-moz-focusring:where(:not(iframe)) {\n    outline: auto;\n  }\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  ol, ul, menu {\n    list-style: none;\n  }\n\n  img, svg, video, canvas, audio, iframe, embed, object {\n    vertical-align: middle;\n    display: block;\n  }\n\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  button, input, select, optgroup, textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n\n  ::placeholder {\n    opacity: 1;\n  }\n\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n    appearance: button;\n  }\n\n  ::file-selector-button {\n    appearance: button;\n  }\n\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n\n  :host, body, input, textarea, pre {\n    font-family: Satoshi, sans-serif;\n  }\n\n  ul {\n    list-style: outside;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n}\n\n@layer components;\n\n@layer utilities {\n  .pointer-events-none {\n    pointer-events: none;\n  }\n\n  .collapse {\n    visibility: collapse;\n  }\n\n  .invisible {\n    visibility: hidden;\n  }\n\n  .visible {\n    visibility: visible;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .sticky {\n    position: sticky;\n  }\n\n  .inset-0 {\n    inset: 0;\n  }\n\n  .inset-y-0 {\n    inset-block: 0;\n  }\n\n  .-top-0\\.5 {\n    top: calc(var(--spacing) * -.5);\n  }\n\n  .-top-1 {\n    top: calc(var(--spacing) * -1);\n  }\n\n  .-top-1\\.5 {\n    top: calc(var(--spacing) * -1.5);\n  }\n\n  .-top-2 {\n    top: calc(var(--spacing) * -2);\n  }\n\n  .-top-4 {\n    top: calc(var(--spacing) * -4);\n  }\n\n  .-top-8 {\n    top: calc(var(--spacing) * -8);\n  }\n\n  .-top-9 {\n    top: calc(var(--spacing) * -9);\n  }\n\n  .top-0 {\n    top: 0;\n  }\n\n  .top-0\\.5 {\n    top: calc(var(--spacing) * .5);\n  }\n\n  .top-1 {\n    top: var(--spacing);\n  }\n\n  .top-1\\/2 {\n    top: 50%;\n  }\n\n  .top-5 {\n    top: calc(var(--spacing) * 5);\n  }\n\n  .top-13 {\n    top: calc(var(--spacing) * 13);\n  }\n\n  .top-16 {\n    top: calc(var(--spacing) * 16);\n  }\n\n  .top-\\[53\\%\\] {\n    top: 53%;\n  }\n\n  .top-full {\n    top: 100%;\n  }\n\n  .-right-1 {\n    right: calc(var(--spacing) * -1);\n  }\n\n  .-right-2 {\n    right: calc(var(--spacing) * -2);\n  }\n\n  .-right-3 {\n    right: calc(var(--spacing) * -3);\n  }\n\n  .right-0 {\n    right: 0;\n  }\n\n  .right-1 {\n    right: var(--spacing);\n  }\n\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n\n  .right-4 {\n    right: calc(var(--spacing) * 4);\n  }\n\n  .right-full {\n    right: 100%;\n  }\n\n  .-bottom-1 {\n    bottom: calc(var(--spacing) * -1);\n  }\n\n  .-bottom-3\\.5 {\n    bottom: calc(var(--spacing) * -3.5);\n  }\n\n  .-bottom-5\\.5 {\n    bottom: calc(var(--spacing) * -5.5);\n  }\n\n  .bottom-0 {\n    bottom: 0;\n  }\n\n  .bottom-\\[-125\\%\\] {\n    bottom: -125%;\n  }\n\n  .bottom-full {\n    bottom: 100%;\n  }\n\n  .-left-2 {\n    left: calc(var(--spacing) * -2);\n  }\n\n  .-left-3 {\n    left: calc(var(--spacing) * -3);\n  }\n\n  .-left-full {\n    left: -100%;\n  }\n\n  .left-0 {\n    left: 0;\n  }\n\n  .left-0\\.5 {\n    left: calc(var(--spacing) * .5);\n  }\n\n  .left-0\\.75 {\n    left: calc(var(--spacing) * .75);\n  }\n\n  .left-1\\/2 {\n    left: 50%;\n  }\n\n  .left-2 {\n    left: calc(var(--spacing) * 2);\n  }\n\n  .left-2\\/2 {\n    left: 100%;\n  }\n\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n\n  .left-3\\.5 {\n    left: calc(var(--spacing) * 3.5);\n  }\n\n  .left-4 {\n    left: calc(var(--spacing) * 4);\n  }\n\n  .z-0 {\n    z-index: 0;\n  }\n\n  .z-8 {\n    z-index: 8;\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .z-20 {\n    z-index: 20;\n  }\n\n  .z-30 {\n    z-index: 30;\n  }\n\n  .z-40 {\n    z-index: 40;\n  }\n\n  .z-50 {\n    z-index: 50;\n  }\n\n  .z-60 {\n    z-index: 60;\n  }\n\n  .z-80 {\n    z-index: 80;\n  }\n\n  .z-100 {\n    z-index: 100;\n  }\n\n  .z-110 {\n    z-index: 110;\n  }\n\n  .z-9000 {\n    z-index: 9000;\n  }\n\n  .z-9999 {\n    z-index: 9999;\n  }\n\n  .col-span-1 {\n    grid-column: span 1 / span 1;\n  }\n\n  .col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n\n  .col-span-3 {\n    grid-column: span 3 / span 3;\n  }\n\n  .col-span-4 {\n    grid-column: span 4 / span 4;\n  }\n\n  .container {\n    width: 100%;\n  }\n\n  @media (min-width: 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n\n  .-mx-20 {\n    margin-inline: calc(var(--spacing) * -20);\n  }\n\n  .mx-0\\.5 {\n    margin-inline: calc(var(--spacing) * .5);\n  }\n\n  .mx-1 {\n    margin-inline: var(--spacing);\n  }\n\n  .mx-1\\.5 {\n    margin-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .mx-3 {\n    margin-inline: calc(var(--spacing) * 3);\n  }\n\n  .mx-4 {\n    margin-inline: calc(var(--spacing) * 4);\n  }\n\n  .mx-auto {\n    margin-inline: auto;\n  }\n\n  .my-1\\.5 {\n    margin-block: calc(var(--spacing) * 1.5);\n  }\n\n  .mt-0\\.5 {\n    margin-top: calc(var(--spacing) * .5);\n  }\n\n  .mt-1 {\n    margin-top: var(--spacing);\n  }\n\n  .mt-1\\.5 {\n    margin-top: calc(var(--spacing) * 1.5);\n  }\n\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n\n  .mt-2\\.5 {\n    margin-top: calc(var(--spacing) * 2.5);\n  }\n\n  .mt-3 {\n    margin-top: calc(var(--spacing) * 3);\n  }\n\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n\n  .mt-auto {\n    margin-top: auto;\n  }\n\n  .mr-0\\.5 {\n    margin-right: calc(var(--spacing) * .5);\n  }\n\n  .mr-1 {\n    margin-right: var(--spacing);\n  }\n\n  .mr-3 {\n    margin-right: calc(var(--spacing) * 3);\n  }\n\n  .-mb-1 {\n    margin-bottom: calc(var(--spacing) * -1);\n  }\n\n  .mb-0 {\n    margin-bottom: 0;\n  }\n\n  .mb-0\\.5 {\n    margin-bottom: calc(var(--spacing) * .5);\n  }\n\n  .mb-1 {\n    margin-bottom: var(--spacing);\n  }\n\n  .mb-1\\.5 {\n    margin-bottom: calc(var(--spacing) * 1.5);\n  }\n\n  .mb-1\\.25 {\n    margin-bottom: calc(var(--spacing) * 1.25);\n  }\n\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n\n  .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n\n  .mb-5 {\n    margin-bottom: calc(var(--spacing) * 5);\n  }\n\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n\n  .-ml-0\\.75 {\n    margin-left: calc(var(--spacing) * -.75);\n  }\n\n  .ml-0\\.5 {\n    margin-left: calc(var(--spacing) * .5);\n  }\n\n  .ml-1 {\n    margin-left: var(--spacing);\n  }\n\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n\n  .ml-3 {\n    margin-left: calc(var(--spacing) * 3);\n  }\n\n  .ml-auto {\n    margin-left: auto;\n  }\n\n  .line-clamp-3 {\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .block {\n    display: block;\n  }\n\n  .contents {\n    display: contents;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .grid {\n    display: grid;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .inline {\n    display: inline;\n  }\n\n  .inline-block {\n    display: inline-block;\n  }\n\n  .inline-flex {\n    display: inline-flex;\n  }\n\n  .inline-table {\n    display: inline-table;\n  }\n\n  .table {\n    display: table;\n  }\n\n  .size-3 {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n\n  .size-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .size-3\\.25 {\n    width: calc(var(--spacing) * 3.25);\n    height: calc(var(--spacing) * 3.25);\n  }\n\n  .size-4 {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  .size-4\\.25 {\n    width: calc(var(--spacing) * 4.25);\n    height: calc(var(--spacing) * 4.25);\n  }\n\n  .size-5 {\n    width: calc(var(--spacing) * 5);\n    height: calc(var(--spacing) * 5);\n  }\n\n  .size-11 {\n    width: calc(var(--spacing) * 11);\n    height: calc(var(--spacing) * 11);\n  }\n\n  .size-\\[18px\\] {\n    width: 18px;\n    height: 18px;\n  }\n\n  .size-full {\n    width: 100%;\n    height: 100%;\n  }\n\n  .h-0\\.5 {\n    height: calc(var(--spacing) * .5);\n  }\n\n  .h-0\\.75 {\n    height: calc(var(--spacing) * .75);\n  }\n\n  .h-1 {\n    height: var(--spacing);\n  }\n\n  .h-1\\.5 {\n    height: calc(var(--spacing) * 1.5);\n  }\n\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n\n  .h-2\\.5 {\n    height: calc(var(--spacing) * 2.5);\n  }\n\n  .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .h-3\\.25 {\n    height: calc(var(--spacing) * 3.25);\n  }\n\n  .h-3\\.75 {\n    height: calc(var(--spacing) * 3.75);\n  }\n\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n\n  .h-4\\.5 {\n    height: calc(var(--spacing) * 4.5);\n  }\n\n  .h-4\\.25 {\n    height: calc(var(--spacing) * 4.25);\n  }\n\n  .h-4\\.75 {\n    height: calc(var(--spacing) * 4.75);\n  }\n\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n\n  .h-5\\.25 {\n    height: calc(var(--spacing) * 5.25);\n  }\n\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n\n  .h-14 {\n    height: calc(var(--spacing) * 14);\n  }\n\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n\n  .h-20 {\n    height: calc(var(--spacing) * 20);\n  }\n\n  .h-37\\.5 {\n    height: calc(var(--spacing) * 37.5);\n  }\n\n  .h-\\[30px\\] {\n    height: 30px;\n  }\n\n  .h-\\[32px\\] {\n    height: 32px;\n  }\n\n  .h-\\[60vh\\] {\n    height: 60vh;\n  }\n\n  .h-\\[calc\\(100vh-5\\.25rem\\)\\] {\n    height: calc(100vh - 5.25rem);\n  }\n\n  .h-\\[calc\\(100vh-7\\.5rem\\)\\] {\n    height: calc(100vh - 7.5rem);\n  }\n\n  .h-fit {\n    height: fit-content;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-px {\n    height: 1px;\n  }\n\n  .h-screen {\n    height: 100vh;\n  }\n\n  .max-h-44 {\n    max-height: calc(var(--spacing) * 44);\n  }\n\n  .max-h-full {\n    max-height: 100%;\n  }\n\n  .min-h-0 {\n    min-height: 0;\n  }\n\n  .min-h-87\\.5 {\n    min-height: calc(var(--spacing) * 87.5);\n  }\n\n  .min-h-auto {\n    min-height: auto;\n  }\n\n  .min-h-screen {\n    min-height: 100vh;\n  }\n\n  .w-0 {\n    width: 0;\n  }\n\n  .w-1 {\n    width: var(--spacing);\n  }\n\n  .w-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n  }\n\n  .w-1\\/2 {\n    width: 50%;\n  }\n\n  .w-1\\/3 {\n    width: 33.3333%;\n  }\n\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n\n  .w-2\\/3 {\n    width: 66.6667%;\n  }\n\n  .w-3 {\n    width: calc(var(--spacing) * 3);\n  }\n\n  .w-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n\n  .w-3\\.25 {\n    width: calc(var(--spacing) * 3.25);\n  }\n\n  .w-3\\/4 {\n    width: 75%;\n  }\n\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n\n  .w-4\\.5 {\n    width: calc(var(--spacing) * 4.5);\n  }\n\n  .w-4\\.75 {\n    width: calc(var(--spacing) * 4.75);\n  }\n\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n\n  .w-5\\.25 {\n    width: calc(var(--spacing) * 5.25);\n  }\n\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n\n  .w-7 {\n    width: calc(var(--spacing) * 7);\n  }\n\n  .w-7\\.5 {\n    width: calc(var(--spacing) * 7.5);\n  }\n\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n\n  .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n\n  .w-14 {\n    width: calc(var(--spacing) * 14);\n  }\n\n  .w-15 {\n    width: calc(var(--spacing) * 15);\n  }\n\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n\n  .w-30 {\n    width: calc(var(--spacing) * 30);\n  }\n\n  .w-44 {\n    width: calc(var(--spacing) * 44);\n  }\n\n  .w-50 {\n    width: calc(var(--spacing) * 50);\n  }\n\n  .w-56 {\n    width: calc(var(--spacing) * 56);\n  }\n\n  .w-60 {\n    width: calc(var(--spacing) * 60);\n  }\n\n  .w-65 {\n    width: calc(var(--spacing) * 65);\n  }\n\n  .w-68 {\n    width: calc(var(--spacing) * 68);\n  }\n\n  .w-72 {\n    width: calc(var(--spacing) * 72);\n  }\n\n  .w-85 {\n    width: calc(var(--spacing) * 85);\n  }\n\n  .w-\\[28\\%\\] {\n    width: 28%;\n  }\n\n  .w-\\[40\\%\\] {\n    width: 40%;\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .w-max {\n    width: max-content;\n  }\n\n  .w-md {\n    width: var(--container-md);\n  }\n\n  .w-px {\n    width: 1px;\n  }\n\n  .max-w-4xl {\n    max-width: var(--container-4xl);\n  }\n\n  .max-w-20 {\n    max-width: calc(var(--spacing) * 20);\n  }\n\n  .max-w-22 {\n    max-width: calc(var(--spacing) * 22);\n  }\n\n  .max-w-22\\.5 {\n    max-width: calc(var(--spacing) * 22.5);\n  }\n\n  .max-w-25 {\n    max-width: calc(var(--spacing) * 25);\n  }\n\n  .max-w-\\[240px\\] {\n    max-width: 240px;\n  }\n\n  .max-w-\\[1600px\\] {\n    max-width: 1600px;\n  }\n\n  .max-w-full {\n    max-width: 100%;\n  }\n\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n\n  .max-w-xs {\n    max-width: var(--container-xs);\n  }\n\n  .min-w-0 {\n    min-width: 0;\n  }\n\n  .min-w-4 {\n    min-width: calc(var(--spacing) * 4);\n  }\n\n  .min-w-4\\.5 {\n    min-width: calc(var(--spacing) * 4.5);\n  }\n\n  .min-w-75 {\n    min-width: calc(var(--spacing) * 75);\n  }\n\n  .min-w-105 {\n    min-width: calc(var(--spacing) * 105);\n  }\n\n  .min-w-full {\n    min-width: 100%;\n  }\n\n  .min-w-max {\n    min-width: max-content;\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .flex-2 {\n    flex: 2;\n  }\n\n  .flex-shrink, .shrink {\n    flex-shrink: 1;\n  }\n\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .grow {\n    flex-grow: 1;\n  }\n\n  .border-collapse {\n    border-collapse: collapse;\n  }\n\n  .-translate-x-0\\.5 {\n    --tw-translate-x: calc(var(--spacing) * -.5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-x-2\\/2 {\n    --tw-translate-x: calc(calc(2 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-x-full {\n    --tw-translate-x: -100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-0 {\n    --tw-translate-x: 0px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-0\\.75 {\n    --tw-translate-x: calc(var(--spacing) * .75);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-1 {\n    --tw-translate-x: var(--spacing);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-3\\.5 {\n    --tw-translate-x: calc(var(--spacing) * 3.5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-5 {\n    --tw-translate-x: calc(var(--spacing) * 5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-0\\.5 {\n    --tw-translate-y: calc(var(--spacing) * -.5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-1 {\n    --tw-translate-y: calc(var(--spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-0 {\n    --tw-translate-y: 0px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-0\\.5 {\n    --tw-translate-y: calc(var(--spacing) * .5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-1 {\n    --tw-translate-y: var(--spacing);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-px {\n    --tw-translate-y: 1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .scale-95 {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .-rotate-90 {\n    rotate: -90deg;\n  }\n\n  .rotate-45 {\n    rotate: 45deg;\n  }\n\n  .rotate-90 {\n    rotate: 90deg;\n  }\n\n  .rotate-180 {\n    rotate: 180deg;\n  }\n\n  .transform {\n    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  }\n\n  .animate-bounce {\n    animation: var(--animate-bounce);\n  }\n\n  .animate-ping {\n    animation: var(--animate-ping);\n  }\n\n  .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n\n  .cursor-crosshair {\n    cursor: crosshair;\n  }\n\n  .cursor-default {\n    cursor: default;\n  }\n\n  .cursor-grab {\n    cursor: grab;\n  }\n\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .cursor-text {\n    cursor: text;\n  }\n\n  .resize {\n    resize: both;\n  }\n\n  .list-none {\n    list-style-type: none;\n  }\n\n  .\\[appearance\\:textfield\\] {\n    appearance: textfield;\n  }\n\n  .appearance-none {\n    appearance: none;\n  }\n\n  .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .grid-cols-12 {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-col-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .flex-row {\n    flex-direction: row;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .place-content-center {\n    place-content: center;\n  }\n\n  .items-baseline {\n    align-items: baseline;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .items-end {\n    align-items: flex-end;\n  }\n\n  .items-start {\n    align-items: flex-start;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-end {\n    justify-content: flex-end;\n  }\n\n  .justify-start {\n    justify-content: flex-start;\n  }\n\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * .5);\n  }\n\n  .gap-1 {\n    gap: var(--spacing);\n  }\n\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-2\\.5 {\n    gap: calc(var(--spacing) * 2.5);\n  }\n\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n\n  .gap-6 {\n    gap: calc(var(--spacing) * 6);\n  }\n\n  :where(.space-y-0\\.5 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-1 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-1\\.5 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-2 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-2\\.5 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-3 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-4 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-5 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  .gap-x-3 {\n    column-gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-y-1 {\n    row-gap: var(--spacing);\n  }\n\n  :where(.divide-y > :not(:last-child)) {\n    --tw-divide-y-reverse: 0;\n    border-bottom-style: var(--tw-border-style);\n    border-top-style: var(--tw-border-style);\n    border-top-width: calc(1px * var(--tw-divide-y-reverse));\n    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  }\n\n  :where(.divide-\\(--md-border\\) > :not(:last-child)) {\n    border-color: var(--md-border);\n  }\n\n  .self-stretch {\n    align-self: stretch;\n  }\n\n  .truncate {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .overflow-auto {\n    overflow: auto;\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .overflow-visible {\n    overflow: visible;\n  }\n\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .rounded {\n    border-radius: .25rem;\n  }\n\n  .rounded-2xl {\n    border-radius: var(--radius-2xl);\n  }\n\n  .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n\n  .rounded-xl {\n    border-radius: var(--radius-xl);\n  }\n\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0;\n  }\n\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n\n  .\\!border-\\[var\\(--md-border\\)\\] {\n    border-color: var(--md-border) !important;\n  }\n\n  .\\!border-\\[var\\(--md-danger\\)\\] {\n    border-color: var(--md-danger) !important;\n  }\n\n  .\\!border-gray-200 {\n    border-color: var(--color-gray-200) !important;\n  }\n\n  .\\!border-red-600 {\n    border-color: var(--color-red-600) !important;\n  }\n\n  .border-\\(--md-border\\), .border-\\(--md-border\\)\\/60 {\n    border-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-border\\)\\/60 {\n      border-color: color-mix(in oklab, var(--md-border) 60%, transparent);\n    }\n  }\n\n  .border-\\(--md-border\\)\\/65 {\n    border-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-border\\)\\/65 {\n      border-color: color-mix(in oklab, var(--md-border) 65%, transparent);\n    }\n  }\n\n  .border-\\(--md-border\\)\\/75 {\n    border-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-border\\)\\/75 {\n      border-color: color-mix(in oklab, var(--md-border) 75%, transparent);\n    }\n  }\n\n  .border-\\(--md-border\\)\\/80 {\n    border-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-border\\)\\/80 {\n      border-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n    }\n  }\n\n  .border-\\(--md-border-strong\\), .border-\\(--md-border-strong\\)\\/80 {\n    border-color: var(--md-border-strong);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-border-strong\\)\\/80 {\n      border-color: color-mix(in oklab, var(--md-border-strong) 80%, transparent);\n    }\n  }\n\n  .border-\\(--md-danger-border\\) {\n    border-color: var(--md-danger-border);\n  }\n\n  .border-\\(--md-info\\)\\! {\n    border-color: var(--md-info) !important;\n  }\n\n  .border-\\(--md-info-border\\) {\n    border-color: var(--md-info-border);\n  }\n\n  .border-\\(--md-overlay-border\\) {\n    border-color: var(--md-overlay-border);\n  }\n\n  .border-\\(--md-row-selection\\) {\n    border-color: var(--md-row-selection);\n  }\n\n  .border-\\(--md-row-selection-fg\\) {\n    border-color: var(--md-row-selection-fg);\n  }\n\n  .border-\\(--md-selection\\) {\n    border-color: var(--md-selection);\n  }\n\n  .border-\\(--md-selection-fg\\)\\/60 {\n    border-color: var(--md-selection-fg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-selection-fg\\)\\/60 {\n      border-color: color-mix(in oklab, var(--md-selection-fg) 60%, transparent);\n    }\n  }\n\n  .border-\\(--md-text\\), .border-\\(--md-text\\)\\/10 {\n    border-color: var(--md-text);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-text\\)\\/10 {\n      border-color: color-mix(in oklab, var(--md-text) 10%, transparent);\n    }\n  }\n\n  .border-\\(--md-warning-border\\) {\n    border-color: var(--md-warning-border);\n  }\n\n  .border-amber-200 {\n    border-color: var(--color-amber-200);\n  }\n\n  .border-blue-100 {\n    border-color: var(--color-blue-100);\n  }\n\n  .border-blue-200 {\n    border-color: var(--color-blue-200);\n  }\n\n  .border-blue-500\\/20 {\n    border-color: #3080ff33;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-blue-500\\/20 {\n      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n    }\n  }\n\n  .border-emerald-100 {\n    border-color: var(--color-emerald-100);\n  }\n\n  .border-emerald-200 {\n    border-color: var(--color-emerald-200);\n  }\n\n  .border-gray-100 {\n    border-color: var(--color-gray-100);\n  }\n\n  .border-gray-200 {\n    border-color: var(--color-gray-200);\n  }\n\n  .border-gray-800 {\n    border-color: var(--color-gray-800);\n  }\n\n  .border-indigo-200 {\n    border-color: var(--color-indigo-200);\n  }\n\n  .border-purple-200 {\n    border-color: var(--color-purple-200);\n  }\n\n  .border-red-200 {\n    border-color: var(--color-red-200);\n  }\n\n  .border-sky-100 {\n    border-color: var(--color-sky-100);\n  }\n\n  .border-sky-200 {\n    border-color: var(--color-sky-200);\n  }\n\n  .border-slate-200 {\n    border-color: var(--color-slate-200);\n  }\n\n  .border-transparent {\n    border-color: #0000;\n  }\n\n  .border-white {\n    border-color: var(--color-white);\n  }\n\n  .border-white\\/10 {\n    border-color: #ffffff1a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-white\\/10 {\n      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n\n  .border-yellow-200 {\n    border-color: var(--color-yellow-200);\n  }\n\n  .border-t-\\[\\#42389E\\] {\n    border-top-color: #42389e;\n  }\n\n  .border-r-\\[\\#42389E\\] {\n    border-right-color: #42389e;\n  }\n\n  .border-b-transparent {\n    border-bottom-color: #0000;\n  }\n\n  .border-l-transparent {\n    border-left-color: #0000;\n  }\n\n  .\\!bg-\\[var\\(--md-border\\)\\] {\n    background-color: var(--md-border) !important;\n  }\n\n  .\\!bg-\\[var\\(--md-danger\\)\\] {\n    background-color: var(--md-danger) !important;\n  }\n\n  .\\!bg-gray-200 {\n    background-color: var(--color-gray-200) !important;\n  }\n\n  .\\!bg-red-600 {\n    background-color: var(--color-red-600) !important;\n  }\n\n  .bg-\\(--md-border\\), .bg-\\(--md-border\\)\\/80 {\n    background-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-border\\)\\/80 {\n      background-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n    }\n  }\n\n  .bg-\\(--md-border-strong\\) {\n    background-color: var(--md-border-strong);\n  }\n\n  .bg-\\(--md-danger-bg\\) {\n    background-color: var(--md-danger-bg);\n  }\n\n  .bg-\\(--md-danger-border\\) {\n    background-color: var(--md-danger-border);\n  }\n\n  .bg-\\(--md-info\\)\\! {\n    background-color: var(--md-info) !important;\n  }\n\n  .bg-\\(--md-info-bg\\) {\n    background-color: var(--md-info-bg);\n  }\n\n  .bg-\\(--md-info-border\\) {\n    background-color: var(--md-info-border);\n  }\n\n  .bg-\\(--md-overlay-bg\\) {\n    background-color: var(--md-overlay-bg);\n  }\n\n  .bg-\\(--md-primary\\) {\n    background-color: var(--md-primary);\n  }\n\n  .bg-\\(--md-row-selection\\) {\n    background-color: var(--md-row-selection);\n  }\n\n  .bg-\\(--md-row-selection-bg\\), .bg-\\(--md-row-selection-bg\\)\\/40 {\n    background-color: var(--md-row-selection-bg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-row-selection-bg\\)\\/40 {\n      background-color: color-mix(in oklab, var(--md-row-selection-bg) 40%, transparent);\n    }\n  }\n\n  .bg-\\(--md-row-selection-bg\\)\\/70 {\n    background-color: var(--md-row-selection-bg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-row-selection-bg\\)\\/70 {\n      background-color: color-mix(in oklab, var(--md-row-selection-bg) 70%, transparent);\n    }\n  }\n\n  .bg-\\(--md-row-selection-fg\\) {\n    background-color: var(--md-row-selection-fg);\n  }\n\n  .bg-\\(--md-selection\\), .bg-\\(--md-selection\\)\\/75 {\n    background-color: var(--md-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-selection\\)\\/75 {\n      background-color: color-mix(in oklab, var(--md-selection) 75%, transparent);\n    }\n  }\n\n  .bg-\\(--md-selection-bg\\) {\n    background-color: var(--md-selection-bg);\n  }\n\n  .bg-\\(--md-surface\\), .bg-\\(--md-surface\\)\\/90 {\n    background-color: var(--md-surface);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-surface\\)\\/90 {\n      background-color: color-mix(in oklab, var(--md-surface) 90%, transparent);\n    }\n  }\n\n  .bg-\\(--md-surface-hover\\), .bg-\\(--md-surface-hover\\)\\/30 {\n    background-color: var(--md-surface-hover);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-surface-hover\\)\\/30 {\n      background-color: color-mix(in oklab, var(--md-surface-hover) 30%, transparent);\n    }\n  }\n\n  .bg-\\(--md-surface-hover\\)\\/50 {\n    background-color: var(--md-surface-hover);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-surface-hover\\)\\/50 {\n      background-color: color-mix(in oklab, var(--md-surface-hover) 50%, transparent);\n    }\n  }\n\n  .bg-\\(--md-surface-muted\\), .bg-\\(--md-surface-muted\\)\\/75 {\n    background-color: var(--md-surface-muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-surface-muted\\)\\/75 {\n      background-color: color-mix(in oklab, var(--md-surface-muted) 75%, transparent);\n    }\n  }\n\n  .bg-\\(--md-surface-muted\\)\\/80 {\n    background-color: var(--md-surface-muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-surface-muted\\)\\/80 {\n      background-color: color-mix(in oklab, var(--md-surface-muted) 80%, transparent);\n    }\n  }\n\n  .bg-\\(--md-text\\), .bg-\\(--md-text\\)\\/0 {\n    background-color: var(--md-text);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-text\\)\\/0 {\n      background-color: color-mix(in oklab, var(--md-text) 0%, transparent);\n    }\n  }\n\n  .bg-\\(--md-text-subtle\\) {\n    background-color: var(--md-text-subtle);\n  }\n\n  .bg-\\(--md-toolbar-bg\\)\\/95 {\n    background-color: var(--md-toolbar-bg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-toolbar-bg\\)\\/95 {\n      background-color: color-mix(in oklab, var(--md-toolbar-bg) 95%, transparent);\n    }\n  }\n\n  .bg-\\(--md-toolbar-border\\) {\n    background-color: var(--md-toolbar-border);\n  }\n\n  .bg-\\(--md-tooltip-bg\\) {\n    background-color: var(--md-tooltip-bg);\n  }\n\n  .bg-\\(--md-warning-bg\\) {\n    background-color: var(--md-warning-bg);\n  }\n\n  .bg-\\(--md-warning-border\\) {\n    background-color: var(--md-warning-border);\n  }\n\n  .bg-\\[\\#0b0b0c\\] {\n    background-color: #0b0b0c;\n  }\n\n  .bg-\\[\\#1a1a1d\\] {\n    background-color: #1a1a1d;\n  }\n\n  .bg-\\[\\#28c840\\] {\n    background-color: #28c840;\n  }\n\n  .bg-\\[\\#42389E\\] {\n    background-color: #42389e;\n  }\n\n  .bg-\\[\\#42389E\\]\\/10 {\n    background-color: oklab(41.5418% .0313346 -.155848 / .1);\n  }\n\n  .bg-\\[\\#101012\\] {\n    background-color: #101012;\n  }\n\n  .bg-\\[\\#febc2e\\] {\n    background-color: #febc2e;\n  }\n\n  .bg-\\[\\#ff5f57\\] {\n    background-color: #ff5f57;\n  }\n\n  .bg-\\[var\\(--md-border\\)\\]\\/80 {\n    background-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\[var\\(--md-border\\)\\]\\/80 {\n      background-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n    }\n  }\n\n  .bg-\\[var\\(--md-row-selection-bg\\)\\] {\n    background-color: var(--md-row-selection-bg);\n  }\n\n  .bg-\\[var\\(--md-selection\\)\\] {\n    background-color: var(--md-selection);\n  }\n\n  .bg-\\[var\\(--md-surface-hover\\)\\] {\n    background-color: var(--md-surface-hover);\n  }\n\n  .bg-\\[var\\(--md-toolbar-bg\\)\\]\\/95 {\n    background-color: var(--md-toolbar-bg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\[var\\(--md-toolbar-bg\\)\\]\\/95 {\n      background-color: color-mix(in oklab, var(--md-toolbar-bg) 95%, transparent);\n    }\n  }\n\n  .bg-\\[var\\(--md-tooltip-bg\\)\\] {\n    background-color: var(--md-tooltip-bg);\n  }\n\n  .bg-amber-50 {\n    background-color: var(--color-amber-50);\n  }\n\n  .bg-amber-50\\/80 {\n    background-color: #fffbebcc;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-amber-50\\/80 {\n      background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);\n    }\n  }\n\n  .bg-amber-100 {\n    background-color: var(--color-amber-100);\n  }\n\n  .bg-amber-400 {\n    background-color: var(--color-amber-400);\n  }\n\n  .bg-amber-500\\/10 {\n    background-color: #f99c001a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-amber-500\\/10 {\n      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);\n    }\n  }\n\n  .bg-amber-500\\/15 {\n    background-color: #f99c0026;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-amber-500\\/15 {\n      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);\n    }\n  }\n\n  .bg-black\\/35 {\n    background-color: #00000059;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-black\\/35 {\n      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);\n    }\n  }\n\n  .bg-black\\/40 {\n    background-color: #0006;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-black\\/40 {\n      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n    }\n  }\n\n  .bg-black\\/70 {\n    background-color: #000000b3;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-black\\/70 {\n      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n    }\n  }\n\n  .bg-blue-50 {\n    background-color: var(--color-blue-50);\n  }\n\n  .bg-blue-500\\/5 {\n    background-color: #3080ff0d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-blue-500\\/5 {\n      background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);\n    }\n  }\n\n  .bg-blue-500\\/10 {\n    background-color: #3080ff1a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-blue-500\\/10 {\n      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);\n    }\n  }\n\n  .bg-blue-500\\/20 {\n    background-color: #3080ff33;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-blue-500\\/20 {\n      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n    }\n  }\n\n  .bg-emerald-50 {\n    background-color: var(--color-emerald-50);\n  }\n\n  .bg-emerald-100 {\n    background-color: var(--color-emerald-100);\n  }\n\n  .bg-emerald-400 {\n    background-color: var(--color-emerald-400);\n  }\n\n  .bg-emerald-500 {\n    background-color: var(--color-emerald-500);\n  }\n\n  .bg-gray-50 {\n    background-color: var(--color-gray-50);\n  }\n\n  .bg-gray-50\\/40 {\n    background-color: #f9fafb66;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-gray-50\\/40 {\n      background-color: color-mix(in oklab, var(--color-gray-50) 40%, transparent);\n    }\n  }\n\n  .bg-gray-50\\/50 {\n    background-color: #f9fafb80;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-gray-50\\/50 {\n      background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n    }\n  }\n\n  .bg-gray-50\\/70 {\n    background-color: #f9fafbb3;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-gray-50\\/70 {\n      background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent);\n    }\n  }\n\n  .bg-gray-100 {\n    background-color: var(--color-gray-100);\n  }\n\n  .bg-gray-200 {\n    background-color: var(--color-gray-200);\n  }\n\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n\n  .bg-gray-800 {\n    background-color: var(--color-gray-800);\n  }\n\n  .bg-gray-900 {\n    background-color: var(--color-gray-900);\n  }\n\n  .bg-gray-950 {\n    background-color: var(--color-gray-950);\n  }\n\n  .bg-indigo-50 {\n    background-color: var(--color-indigo-50);\n  }\n\n  .bg-orange-500\\/20 {\n    background-color: #fe6e0033;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-orange-500\\/20 {\n      background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);\n    }\n  }\n\n  .bg-purple-50 {\n    background-color: var(--color-purple-50);\n  }\n\n  .bg-purple-500\\/20 {\n    background-color: #ac4bff33;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-purple-500\\/20 {\n      background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);\n    }\n  }\n\n  .bg-red-50 {\n    background-color: var(--color-red-50);\n  }\n\n  .bg-sky-50 {\n    background-color: var(--color-sky-50);\n  }\n\n  .bg-slate-100 {\n    background-color: var(--color-slate-100);\n  }\n\n  .bg-transparent {\n    background-color: #0000;\n  }\n\n  .bg-violet-50 {\n    background-color: var(--color-violet-50);\n  }\n\n  .bg-white {\n    background-color: var(--color-white);\n  }\n\n  .bg-white\\/3 {\n    background-color: #ffffff08;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-white\\/3 {\n      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);\n    }\n  }\n\n  .bg-white\\/10 {\n    background-color: #ffffff1a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-white\\/10 {\n      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n\n  .bg-white\\/95 {\n    background-color: #fffffff2;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-white\\/95 {\n      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);\n    }\n  }\n\n  .bg-yellow-50 {\n    background-color: var(--color-yellow-50);\n  }\n\n  .bg-linear-to-br {\n    --tw-gradient-position: to bottom right;\n  }\n\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-br {\n      --tw-gradient-position: to bottom right in oklab;\n    }\n  }\n\n  .bg-linear-to-br {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n\n  .bg-linear-to-r {\n    --tw-gradient-position: to right;\n  }\n\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-r {\n      --tw-gradient-position: to right in oklab;\n    }\n  }\n\n  .bg-linear-to-r {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n\n  .bg-gradient-to-br {\n    --tw-gradient-position: to bottom right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n\n  .bg-gradient-to-r {\n    --tw-gradient-position: to right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n\n  .from-\\(--md-row-selection\\) {\n    --tw-gradient-from: var(--md-row-selection);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .from-\\[\\#42389E\\] {\n    --tw-gradient-from: #42389e;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .from-\\[var\\(--md-selection\\)\\] {\n    --tw-gradient-from: var(--md-selection);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .to-\\(--md-row-selection-fg\\) {\n    --tw-gradient-to: var(--md-row-selection-fg);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .to-\\[\\#6B5BC9\\] {\n    --tw-gradient-to: #6b5bc9;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .to-\\[var\\(--md-selection-fg\\)\\] {\n    --tw-gradient-to: var(--md-selection-fg);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .stroke-\\(--md-text-muted\\) {\n    stroke: var(--md-text-muted);\n  }\n\n  .stroke-current {\n    stroke: currentColor;\n  }\n\n  .object-contain {\n    object-fit: contain;\n  }\n\n  .object-cover {\n    object-fit: cover;\n  }\n\n  .p-0\\.5 {\n    padding: calc(var(--spacing) * .5);\n  }\n\n  .p-1 {\n    padding: var(--spacing);\n  }\n\n  .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n\n  .p-1\\.25 {\n    padding: calc(var(--spacing) * 1.25);\n  }\n\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .p-2\\.5 {\n    padding: calc(var(--spacing) * 2.5);\n  }\n\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .p-5 {\n    padding: calc(var(--spacing) * 5);\n  }\n\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n\n  .\\!px-6 {\n    padding-inline: calc(var(--spacing) * 6) !important;\n  }\n\n  .px-0\\.5 {\n    padding-inline: calc(var(--spacing) * .5);\n  }\n\n  .px-1 {\n    padding-inline: var(--spacing);\n  }\n\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .px-1\\.75 {\n    padding-inline: calc(var(--spacing) * 1.75);\n  }\n\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .px-3\\.5 {\n    padding-inline: calc(var(--spacing) * 3.5);\n  }\n\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n\n  .px-5\\! {\n    padding-inline: calc(var(--spacing) * 5) !important;\n  }\n\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n\n  .px-8 {\n    padding-inline: calc(var(--spacing) * 8);\n  }\n\n  .px-20 {\n    padding-inline: calc(var(--spacing) * 20);\n  }\n\n  .\\!py-2 {\n    padding-block: calc(var(--spacing) * 2) !important;\n  }\n\n  .py-0 {\n    padding-block: 0;\n  }\n\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * .5);\n  }\n\n  .py-0\\.75 {\n    padding-block: calc(var(--spacing) * .75);\n  }\n\n  .py-1 {\n    padding-block: var(--spacing);\n  }\n\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .py-1\\.25 {\n    padding-block: calc(var(--spacing) * 1.25);\n  }\n\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n\n  .py-2\\.75 {\n    padding-block: calc(var(--spacing) * 2.75);\n  }\n\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n\n  .py-3\\.25 {\n    padding-block: calc(var(--spacing) * 3.25);\n  }\n\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6);\n  }\n\n  .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n\n  .py-12 {\n    padding-block: calc(var(--spacing) * 12);\n  }\n\n  .py-16 {\n    padding-block: calc(var(--spacing) * 16);\n  }\n\n  .py-24 {\n    padding-block: calc(var(--spacing) * 24);\n  }\n\n  .py-\\[8px\\] {\n    padding-block: 8px;\n  }\n\n  .py-px {\n    padding-block: 1px;\n  }\n\n  .pt-0 {\n    padding-top: 0;\n  }\n\n  .pt-1 {\n    padding-top: var(--spacing);\n  }\n\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n\n  .pt-3 {\n    padding-top: calc(var(--spacing) * 3);\n  }\n\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n\n  .pr-3 {\n    padding-right: calc(var(--spacing) * 3);\n  }\n\n  .pr-7 {\n    padding-right: calc(var(--spacing) * 7);\n  }\n\n  .pb-1 {\n    padding-bottom: var(--spacing);\n  }\n\n  .pb-1\\.5 {\n    padding-bottom: calc(var(--spacing) * 1.5);\n  }\n\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .pb-5 {\n    padding-bottom: calc(var(--spacing) * 5);\n  }\n\n  .pb-20 {\n    padding-bottom: calc(var(--spacing) * 20);\n  }\n\n  .\\!pl-6 {\n    padding-left: calc(var(--spacing) * 6) !important;\n  }\n\n  .pl-0\\.5 {\n    padding-left: calc(var(--spacing) * .5);\n  }\n\n  .pl-1 {\n    padding-left: var(--spacing);\n  }\n\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .pl-5 {\n    padding-left: calc(var(--spacing) * 5);\n  }\n\n  .pl-6 {\n    padding-left: calc(var(--spacing) * 6);\n  }\n\n  .pl-6\\! {\n    padding-left: calc(var(--spacing) * 6) !important;\n  }\n\n  .pl-7 {\n    padding-left: calc(var(--spacing) * 7);\n  }\n\n  .pl-9 {\n    padding-left: calc(var(--spacing) * 9);\n  }\n\n  .pl-14 {\n    padding-left: calc(var(--spacing) * 14);\n  }\n\n  .pl-\\[Xpx\\] {\n    padding-left: Xpx;\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .text-right {\n    text-align: right;\n  }\n\n  .font-mono {\n    font-family: var(--font-mono);\n  }\n\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .text-\\[8px\\] {\n    font-size: 8px;\n  }\n\n  .text-\\[9\\.5px\\] {\n    font-size: 9.5px;\n  }\n\n  .text-\\[9px\\] {\n    font-size: 9px;\n  }\n\n  .text-\\[10\\.5px\\] {\n    font-size: 10.5px;\n  }\n\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n\n  .text-\\[11\\.5px\\] {\n    font-size: 11.5px;\n  }\n\n  .text-\\[11px\\] {\n    font-size: 11px;\n  }\n\n  .text-\\[12\\.5px\\] {\n    font-size: 12.5px;\n  }\n\n  .text-\\[12px\\] {\n    font-size: 12px;\n  }\n\n  .text-\\[13\\.5px\\] {\n    font-size: 13.5px;\n  }\n\n  .text-\\[13px\\] {\n    font-size: 13px;\n  }\n\n  .text-\\[14px\\] {\n    font-size: 14px;\n  }\n\n  .text-\\[15px\\] {\n    font-size: 15px;\n  }\n\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .tracking-\\[\\.02em\\] {\n    --tw-tracking: .02em;\n    letter-spacing: .02em;\n  }\n\n  .tracking-\\[\\.05em\\] {\n    --tw-tracking: .05em;\n    letter-spacing: .05em;\n  }\n\n  .tracking-\\[\\.06em\\] {\n    --tw-tracking: .06em;\n    letter-spacing: .06em;\n  }\n\n  .tracking-\\[\\.08em\\] {\n    --tw-tracking: .08em;\n    letter-spacing: .08em;\n  }\n\n  .tracking-normal {\n    --tw-tracking: var(--tracking-normal);\n    letter-spacing: var(--tracking-normal);\n  }\n\n  .tracking-wide {\n    --tw-tracking: var(--tracking-wide);\n    letter-spacing: var(--tracking-wide);\n  }\n\n  .tracking-wider {\n    --tw-tracking: var(--tracking-wider);\n    letter-spacing: var(--tracking-wider);\n  }\n\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest);\n    letter-spacing: var(--tracking-widest);\n  }\n\n  .wrap-break-word {\n    overflow-wrap: break-word;\n  }\n\n  .break-all {\n    word-break: break-all;\n  }\n\n  .whitespace-normal {\n    white-space: normal;\n  }\n\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .whitespace-pre {\n    white-space: pre;\n  }\n\n  .\\!text-\\[var\\(--md-text\\)\\] {\n    color: var(--md-text) !important;\n  }\n\n  .\\!text-gray-800 {\n    color: var(--color-gray-800) !important;\n  }\n\n  .text-\\(--md-danger\\), .text-\\(--md-danger\\)\\/80 {\n    color: var(--md-danger);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .text-\\(--md-danger\\)\\/80 {\n      color: color-mix(in oklab, var(--md-danger) 80%, transparent);\n    }\n  }\n\n  .text-\\(--md-danger-fg\\) {\n    color: var(--md-danger-fg);\n  }\n\n  .text-\\(--md-info\\) {\n    color: var(--md-info);\n  }\n\n  .text-\\(--md-info-fg\\) {\n    color: var(--md-info-fg);\n  }\n\n  .text-\\(--md-primary\\) {\n    color: var(--md-primary);\n  }\n\n  .text-\\(--md-row-selection\\) {\n    color: var(--md-row-selection);\n  }\n\n  .text-\\(--md-row-selection-fg\\) {\n    color: var(--md-row-selection-fg);\n  }\n\n  .text-\\(--md-selection\\) {\n    color: var(--md-selection);\n  }\n\n  .text-\\(--md-selection-fg\\) {\n    color: var(--md-selection-fg);\n  }\n\n  .text-\\(--md-success\\) {\n    color: var(--md-success);\n  }\n\n  .text-\\(--md-surface\\) {\n    color: var(--md-surface);\n  }\n\n  .text-\\(--md-text\\) {\n    color: var(--md-text);\n  }\n\n  .text-\\(--md-text-muted\\) {\n    color: var(--md-text-muted);\n  }\n\n  .text-\\(--md-text-subtle\\), .text-\\(--md-text-subtle\\)\\/75 {\n    color: var(--md-text-subtle);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .text-\\(--md-text-subtle\\)\\/75 {\n      color: color-mix(in oklab, var(--md-text-subtle) 75%, transparent);\n    }\n  }\n\n  .text-\\(--md-toolbar-text\\) {\n    color: var(--md-toolbar-text);\n  }\n\n  .text-\\(--md-tooltip-text\\) {\n    color: var(--md-tooltip-text);\n  }\n\n  .text-\\(--md-warning\\) {\n    color: var(--md-warning);\n  }\n\n  .text-\\(--md-warning-fg\\), .text-\\(--md-warning-fg\\)\\/80 {\n    color: var(--md-warning-fg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .text-\\(--md-warning-fg\\)\\/80 {\n      color: color-mix(in oklab, var(--md-warning-fg) 80%, transparent);\n    }\n  }\n\n  .text-\\[\\#42389E\\] {\n    color: #42389e;\n  }\n\n  .text-\\[var\\(--md-danger\\)\\] {\n    color: var(--md-danger);\n  }\n\n  .text-\\[var\\(--md-row-selection\\)\\] {\n    color: var(--md-row-selection);\n  }\n\n  .text-\\[var\\(--md-row-selection-fg\\)\\] {\n    color: var(--md-row-selection-fg);\n  }\n\n  .text-\\[var\\(--md-text\\)\\] {\n    color: var(--md-text);\n  }\n\n  .text-\\[var\\(--md-text-muted\\)\\] {\n    color: var(--md-text-muted);\n  }\n\n  .text-\\[var\\(--md-text-subtle\\)\\] {\n    color: var(--md-text-subtle);\n  }\n\n  .text-\\[var\\(--md-toolbar-text\\)\\] {\n    color: var(--md-toolbar-text);\n  }\n\n  .text-\\[var\\(--md-tooltip-text\\)\\] {\n    color: var(--md-tooltip-text);\n  }\n\n  .text-amber-200 {\n    color: var(--color-amber-200);\n  }\n\n  .text-amber-300 {\n    color: var(--color-amber-300);\n  }\n\n  .text-amber-400 {\n    color: var(--color-amber-400);\n  }\n\n  .text-amber-500 {\n    color: var(--color-amber-500);\n  }\n\n  .text-amber-600 {\n    color: var(--color-amber-600);\n  }\n\n  .text-amber-700 {\n    color: var(--color-amber-700);\n  }\n\n  .text-amber-800 {\n    color: var(--color-amber-800);\n  }\n\n  .text-blue-200 {\n    color: var(--color-blue-200);\n  }\n\n  .text-blue-300 {\n    color: var(--color-blue-300);\n  }\n\n  .text-blue-400 {\n    color: var(--color-blue-400);\n  }\n\n  .text-blue-400\\/50 {\n    color: #54a2ff80;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .text-blue-400\\/50 {\n      color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);\n    }\n  }\n\n  .text-blue-500 {\n    color: var(--color-blue-500);\n  }\n\n  .text-blue-600 {\n    color: var(--color-blue-600);\n  }\n\n  .text-blue-700 {\n    color: var(--color-blue-700);\n  }\n\n  .text-blue-800 {\n    color: var(--color-blue-800);\n  }\n\n  .text-emerald-400 {\n    color: var(--color-emerald-400);\n  }\n\n  .text-emerald-500 {\n    color: var(--color-emerald-500);\n  }\n\n  .text-emerald-600 {\n    color: var(--color-emerald-600);\n  }\n\n  .text-emerald-700 {\n    color: var(--color-emerald-700);\n  }\n\n  .text-gray-100 {\n    color: var(--color-gray-100);\n  }\n\n  .text-gray-200 {\n    color: var(--color-gray-200);\n  }\n\n  .text-gray-300 {\n    color: var(--color-gray-300);\n  }\n\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n\n  .text-gray-600 {\n    color: var(--color-gray-600);\n  }\n\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n\n  .text-gray-800 {\n    color: var(--color-gray-800);\n  }\n\n  .text-gray-900 {\n    color: var(--color-gray-900);\n  }\n\n  .text-green-400 {\n    color: var(--color-green-400);\n  }\n\n  .text-indigo-600 {\n    color: var(--color-indigo-600);\n  }\n\n  .text-orange-300 {\n    color: var(--color-orange-300);\n  }\n\n  .text-orange-400 {\n    color: var(--color-orange-400);\n  }\n\n  .text-orange-500 {\n    color: var(--color-orange-500);\n  }\n\n  .text-purple-300 {\n    color: var(--color-purple-300);\n  }\n\n  .text-purple-400 {\n    color: var(--color-purple-400);\n  }\n\n  .text-purple-500 {\n    color: var(--color-purple-500);\n  }\n\n  .text-purple-600 {\n    color: var(--color-purple-600);\n  }\n\n  .text-purple-700 {\n    color: var(--color-purple-700);\n  }\n\n  .text-red-400 {\n    color: var(--color-red-400);\n  }\n\n  .text-red-500 {\n    color: var(--color-red-500);\n  }\n\n  .text-red-600 {\n    color: var(--color-red-600);\n  }\n\n  .text-red-700 {\n    color: var(--color-red-700);\n  }\n\n  .text-rose-400 {\n    color: var(--color-rose-400);\n  }\n\n  .text-rose-500 {\n    color: var(--color-rose-500);\n  }\n\n  .text-rose-600 {\n    color: var(--color-rose-600);\n  }\n\n  .text-sky-400 {\n    color: var(--color-sky-400);\n  }\n\n  .text-sky-600 {\n    color: var(--color-sky-600);\n  }\n\n  .text-sky-700 {\n    color: var(--color-sky-700);\n  }\n\n  .text-slate-600 {\n    color: var(--color-slate-600);\n  }\n\n  .text-violet-600 {\n    color: var(--color-violet-600);\n  }\n\n  .text-white {\n    color: var(--color-white);\n  }\n\n  .text-yellow-700 {\n    color: var(--color-yellow-700);\n  }\n\n  .capitalize {\n    text-transform: capitalize;\n  }\n\n  .lowercase {\n    text-transform: lowercase;\n  }\n\n  .uppercase {\n    text-transform: uppercase;\n  }\n\n  .italic {\n    font-style: italic;\n  }\n\n  .tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );\n  }\n\n  .line-through {\n    text-decoration-line: line-through;\n  }\n\n  .overline {\n    text-decoration-line: overline;\n  }\n\n  .underline {\n    text-decoration-line: underline;\n  }\n\n  .placeholder-\\(--md-text-subtle\\)::placeholder {\n    color: var(--md-text-subtle);\n  }\n\n  .accent-\\(--md-selection\\) {\n    accent-color: var(--md-selection);\n  }\n\n  .opacity-0 {\n    opacity: 0;\n  }\n\n  .opacity-25 {\n    opacity: .25;\n  }\n\n  .opacity-30 {\n    opacity: .3;\n  }\n\n  .opacity-40 {\n    opacity: .4;\n  }\n\n  .opacity-50 {\n    opacity: .5;\n  }\n\n  .opacity-60 {\n    opacity: .6;\n  }\n\n  .opacity-75 {\n    opacity: .75;\n  }\n\n  .opacity-100 {\n    opacity: 1;\n  }\n\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\(--md-overlay-shadow\\) {\n    --tw-shadow: var(--md-overlay-shadow);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_1px_2px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\] {\n    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0000000a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\] {\n    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0000000a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\,0_0_0_0\\.5px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\] {\n    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #00000014), 0 0 0 .5px var(--tw-shadow-color, #00000014);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_2px_8px_-1px_rgba\\(16\\,24\\,40\\,0\\.08\\)\\] {\n    --tw-shadow: 0 2px 8px -1px var(--tw-shadow-color, #10182814);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_4px_12px_-2px_rgba\\(16\\,24\\,40\\,0\\.08\\)\\,0_2px_4px_-1px_rgba\\(16\\,24\\,40\\,0\\.04\\)\\] {\n    --tw-shadow: 0 4px 12px -2px var(--tw-shadow-color, #10182814), 0 2px 4px -1px var(--tw-shadow-color, #1018280a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_8px_24px_-4px_rgba\\(16\\,24\\,40\\,0\\.10\\)\\,0_4px_8px_-2px_rgba\\(16\\,24\\,40\\,0\\.06\\)\\] {\n    --tw-shadow: 0 8px 24px -4px var(--tw-shadow-color, #1018281a), 0 4px 8px -2px var(--tw-shadow-color, #1018280f);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-xs {\n    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring, .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-\\(--md-danger\\) {\n    --tw-ring-color: var(--md-danger);\n  }\n\n  .ring-\\(--md-row-selection\\), .ring-\\(--md-row-selection\\)\\/70 {\n    --tw-ring-color: var(--md-row-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-\\(--md-row-selection\\)\\/70 {\n      --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 70%, transparent);\n    }\n  }\n\n  .ring-\\(--md-selection\\), .ring-\\(--md-selection\\)\\/70 {\n    --tw-ring-color: var(--md-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-\\(--md-selection\\)\\/70 {\n      --tw-ring-color: color-mix(in oklab, var(--md-selection) 70%, transparent);\n    }\n  }\n\n  .ring-\\(--md-toolbar-border\\) {\n    --tw-ring-color: var(--md-toolbar-border);\n  }\n\n  .ring-\\(--md-warning\\) {\n    --tw-ring-color: var(--md-warning);\n  }\n\n  .ring-\\[var\\(--md-row-selection\\)\\]\\/40 {\n    --tw-ring-color: var(--md-row-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-\\[var\\(--md-row-selection\\)\\]\\/40 {\n      --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 40%, transparent);\n    }\n  }\n\n  .ring-\\[var\\(--md-row-selection\\)\\]\\/70 {\n    --tw-ring-color: var(--md-row-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-\\[var\\(--md-row-selection\\)\\]\\/70 {\n      --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 70%, transparent);\n    }\n  }\n\n  .ring-\\[var\\(--md-surface\\)\\] {\n    --tw-ring-color: var(--md-surface);\n  }\n\n  .ring-amber-100 {\n    --tw-ring-color: var(--color-amber-100);\n  }\n\n  .ring-blue-500\\/30 {\n    --tw-ring-color: #3080ff4d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-blue-500\\/30 {\n      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);\n    }\n  }\n\n  .ring-emerald-100 {\n    --tw-ring-color: var(--color-emerald-100);\n  }\n\n  .ring-gray-200 {\n    --tw-ring-color: var(--color-gray-200);\n  }\n\n  .ring-orange-500\\/30 {\n    --tw-ring-color: #fe6e004d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-orange-500\\/30 {\n      --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);\n    }\n  }\n\n  .ring-purple-200 {\n    --tw-ring-color: var(--color-purple-200);\n  }\n\n  .ring-purple-500\\/30 {\n    --tw-ring-color: #ac4bff4d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-purple-500\\/30 {\n      --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);\n    }\n  }\n\n  .ring-white\\/5 {\n    --tw-ring-color: #ffffff0d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-white\\/5 {\n      --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n    }\n  }\n\n  .ring-white\\/10 {\n    --tw-ring-color: #ffffff1a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-white\\/10 {\n      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n\n  .ring-offset-1 {\n    --tw-ring-offset-width: 1px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n\n  .outline, .outline-1 {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .outline-offset-0 {\n    outline-offset: 0px;\n  }\n\n  .outline-\\(--md-border\\), .outline-\\(--md-border\\)\\/80 {\n    outline-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .outline-\\(--md-border\\)\\/80 {\n      outline-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n    }\n  }\n\n  .outline-\\(--md-row-selection\\), .outline-\\(--md-row-selection\\)\\/50 {\n    outline-color: var(--md-row-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .outline-\\(--md-row-selection\\)\\/50 {\n      outline-color: color-mix(in oklab, var(--md-row-selection) 50%, transparent);\n    }\n  }\n\n  .outline-\\(--md-row-selection-fg\\) {\n    outline-color: var(--md-row-selection-fg);\n  }\n\n  .outline-\\(--md-surface-hover\\) {\n    outline-color: var(--md-surface-hover);\n  }\n\n  .outline-transparent {\n    outline-color: #0000;\n  }\n\n  .blur {\n    --tw-blur: blur(8px);\n    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, );\n  }\n\n  .invert {\n    --tw-invert: invert(100%);\n    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, );\n  }\n\n  .filter {\n    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, );\n  }\n\n  .backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .backdrop-blur-md {\n    --tw-backdrop-blur: blur(var(--blur-md));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .backdrop-blur-sm {\n    --tw-backdrop-blur: blur(var(--blur-sm));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .backdrop-filter {\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .transition {\n    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;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .duration-100 {\n    --tw-duration: .1s;\n    transition-duration: .1s;\n  }\n\n  .duration-120 {\n    --tw-duration: .12s;\n    transition-duration: .12s;\n  }\n\n  .duration-150 {\n    --tw-duration: .15s;\n    transition-duration: .15s;\n  }\n\n  .duration-200 {\n    --tw-duration: .2s;\n    transition-duration: .2s;\n  }\n\n  .ease-in {\n    --tw-ease: var(--ease-in);\n    transition-timing-function: var(--ease-in);\n  }\n\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n\n  .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n\n  .outline-dashed {\n    --tw-outline-style: dashed;\n    outline-style: dashed;\n  }\n\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n\n  @media (hover: hover) {\n    .group-hover\\:flex:is(:where(.group):hover *) {\n      display: flex;\n    }\n\n    .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n      --tw-translate-x: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\:gap-1:is(:where(.group):hover *) {\n      gap: var(--spacing);\n    }\n\n    .group-hover\\:border-\\(--md-border-strong\\):is(:where(.group):hover *) {\n      border-color: var(--md-border-strong);\n    }\n\n    .group-hover\\:bg-\\(--md-row-selection-bg\\):is(:where(.group):hover *) {\n      background-color: var(--md-row-selection-bg);\n    }\n\n    .group-hover\\:bg-\\(--md-text\\)\\/\\[0\\.03\\]:is(:where(.group):hover *) {\n      background-color: var(--md-text);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .group-hover\\:bg-\\(--md-text\\)\\/\\[0\\.03\\]:is(:where(.group):hover *) {\n        background-color: color-mix(in oklab, var(--md-text) 3%, transparent);\n      }\n    }\n\n    .group-hover\\:bg-gray-900:is(:where(.group):hover *) {\n      background-color: var(--color-gray-900);\n    }\n\n    .group-hover\\:text-\\(--md-text-muted\\):is(:where(.group):hover *) {\n      color: var(--md-text-muted);\n    }\n\n    .group-hover\\:text-\\(--md-text-subtle\\):is(:where(.group):hover *) {\n      color: var(--md-text-subtle);\n    }\n\n    .group-hover\\:text-white:is(:where(.group):hover *) {\n      color: var(--color-white);\n    }\n\n    .group-hover\\:opacity-100:is(:where(.group):hover *), .group-hover\\/badge\\:opacity-100:is(:where(.group\\/badge):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/btn\\:translate-y-0:is(:where(.group\\/btn):hover *) {\n      --tw-translate-y: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\/btn\\:opacity-100:is(:where(.group\\/btn):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/close\\:translate-y-0:is(:where(.group\\/close):hover *) {\n      --tw-translate-y: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\/close\\:opacity-100:is(:where(.group\\/close):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/del\\:translate-y-0:is(:where(.group\\/del):hover *) {\n      --tw-translate-y: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\/del\\:opacity-100:is(:where(.group\\/del):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/inner\\:text-\\(--md-selection-fg\\):is(:where(.group\\/inner):hover *) {\n      color: var(--md-selection-fg);\n    }\n\n    .group-hover\\/leaf\\:opacity-100:is(:where(.group\\/leaf):hover *), .group-hover\\/nestedrow\\:opacity-100:is(:where(.group\\/nestedrow):hover *), .group-hover\\/next\\:opacity-100:is(:where(.group\\/next):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/pill\\:translate-y-0:is(:where(.group\\/pill):hover *) {\n      --tw-translate-y: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\/pill\\:opacity-100:is(:where(.group\\/pill):hover *), .group-hover\\/prev\\:opacity-100:is(:where(.group\\/prev):hover *), .group-hover\\/row\\:opacity-100:is(:where(.group\\/row):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/vis\\:pointer-events-auto:is(:where(.group\\/vis):hover *) {\n      pointer-events: auto;\n    }\n\n    .group-hover\\/vis\\:translate-y-0:is(:where(.group\\/vis):hover *) {\n      --tw-translate-y: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\/vis\\:opacity-100:is(:where(.group\\/vis):hover *) {\n      opacity: 1;\n    }\n  }\n\n  .placeholder\\:text-sm::placeholder {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .placeholder\\:text-gray-400::placeholder {\n    color: var(--color-gray-400);\n  }\n\n  .after\\:absolute:after {\n    content: var(--tw-content);\n    position: absolute;\n  }\n\n  .after\\:top-full:after {\n    content: var(--tw-content);\n    top: 100%;\n  }\n\n  .after\\:right-2:after {\n    content: var(--tw-content);\n    right: calc(var(--spacing) * 2);\n  }\n\n  .after\\:right-3:after {\n    content: var(--tw-content);\n    right: calc(var(--spacing) * 3);\n  }\n\n  .after\\:bottom-full:after {\n    content: var(--tw-content);\n    bottom: 100%;\n  }\n\n  .after\\:left-1\\/2:after {\n    content: var(--tw-content);\n    left: 50%;\n  }\n\n  .after\\:-translate-x-1\\/2:after {\n    content: var(--tw-content);\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .after\\:rotate-180:after {\n    content: var(--tw-content);\n    rotate: 180deg;\n  }\n\n  .after\\:border-4:after {\n    content: var(--tw-content);\n    border-style: var(--tw-border-style);\n    border-width: 4px;\n  }\n\n  .after\\:border-transparent:after {\n    content: var(--tw-content);\n    border-color: #0000;\n  }\n\n  .after\\:border-t-\\(--md-tooltip-bg\\):after, .after\\:border-t-\\[var\\(--md-tooltip-bg\\)\\]:after {\n    content: var(--tw-content);\n    border-top-color: var(--md-tooltip-bg);\n  }\n\n  .after\\:border-b-\\(--md-tooltip-bg\\):after {\n    content: var(--tw-content);\n    border-bottom-color: var(--md-tooltip-bg);\n  }\n\n  .after\\:content-\\[\\'\\'\\]:after {\n    --tw-content: \"\";\n    content: var(--tw-content);\n  }\n\n  .last\\:mb-0:last-child {\n    margin-bottom: 0;\n  }\n\n  .last\\:border-r-0:last-child {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0;\n  }\n\n  .focus-within\\:border-purple-500:focus-within {\n    border-color: var(--color-purple-500);\n  }\n\n  .focus-within\\:ring-2:focus-within {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-within\\:ring-purple-500\\/15:focus-within {\n    --tw-ring-color: #ac4bff26;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .focus-within\\:ring-purple-500\\/15:focus-within {\n      --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);\n    }\n  }\n\n  @media (hover: hover) {\n    .hover\\:scale-105:hover {\n      --tw-scale-x: 105%;\n      --tw-scale-y: 105%;\n      --tw-scale-z: 105%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n\n    .hover\\:scale-110:hover {\n      --tw-scale-x: 110%;\n      --tw-scale-y: 110%;\n      --tw-scale-z: 110%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n\n    .hover\\:border-\\(--md-border\\):hover {\n      border-color: var(--md-border);\n    }\n\n    .hover\\:border-\\(--md-border-strong\\):hover {\n      border-color: var(--md-border-strong);\n    }\n\n    .hover\\:border-\\(--md-row-selection\\):hover {\n      border-color: var(--md-row-selection);\n    }\n\n    .hover\\:border-\\(--md-selection\\):hover {\n      border-color: var(--md-selection);\n    }\n\n    .hover\\:border-\\(--md-text-subtle\\):hover {\n      border-color: var(--md-text-subtle);\n    }\n\n    .hover\\:border-purple-400:hover {\n      border-color: var(--color-purple-400);\n    }\n\n    .hover\\:bg-\\(--md-border\\):hover {\n      background-color: var(--md-border);\n    }\n\n    .hover\\:bg-\\(--md-danger-bg\\):hover {\n      background-color: var(--md-danger-bg);\n    }\n\n    .hover\\:bg-\\(--md-row-selection-bg\\):hover, .hover\\:bg-\\(--md-row-selection-bg\\)\\/40:hover {\n      background-color: var(--md-row-selection-bg);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-\\(--md-row-selection-bg\\)\\/40:hover {\n        background-color: color-mix(in oklab, var(--md-row-selection-bg) 40%, transparent);\n      }\n    }\n\n    .hover\\:bg-\\(--md-selection-bg\\):hover {\n      background-color: var(--md-selection-bg);\n    }\n\n    .hover\\:bg-\\(--md-success-bg\\):hover {\n      background-color: var(--md-success-bg);\n    }\n\n    .hover\\:bg-\\(--md-surface-hover\\):hover, .hover\\:bg-\\(--md-surface-hover\\)\\/40:hover {\n      background-color: var(--md-surface-hover);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-\\(--md-surface-hover\\)\\/40:hover {\n        background-color: color-mix(in oklab, var(--md-surface-hover) 40%, transparent);\n      }\n    }\n\n    .hover\\:bg-\\(--md-surface-hover\\)\\/50:hover {\n      background-color: var(--md-surface-hover);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-\\(--md-surface-hover\\)\\/50:hover {\n        background-color: color-mix(in oklab, var(--md-surface-hover) 50%, transparent);\n      }\n    }\n\n    .hover\\:bg-\\(--md-surface-muted\\):hover {\n      background-color: var(--md-surface-muted);\n    }\n\n    .hover\\:bg-\\[\\#3a3187\\]:hover {\n      background-color: #3a3187;\n    }\n\n    .hover\\:bg-\\[\\#42389E\\]:hover {\n      background-color: #42389e;\n    }\n\n    .hover\\:bg-\\[var\\(--md-danger-bg\\)\\]:hover {\n      background-color: var(--md-danger-bg);\n    }\n\n    .hover\\:bg-\\[var\\(--md-row-selection-bg\\)\\]:hover {\n      background-color: var(--md-row-selection-bg);\n    }\n\n    .hover\\:bg-\\[var\\(--md-surface-hover\\)\\]:hover {\n      background-color: var(--md-surface-hover);\n    }\n\n    .hover\\:bg-gray-50:hover {\n      background-color: var(--color-gray-50);\n    }\n\n    .hover\\:bg-gray-100:hover {\n      background-color: var(--color-gray-100);\n    }\n\n    .hover\\:bg-gray-800:hover {\n      background-color: var(--color-gray-800);\n    }\n\n    .hover\\:bg-red-50:hover {\n      background-color: var(--color-red-50);\n    }\n\n    .hover\\:bg-violet-100:hover {\n      background-color: var(--color-violet-100);\n    }\n\n    .hover\\:text-\\(--md-danger\\):hover {\n      color: var(--md-danger);\n    }\n\n    .hover\\:text-\\(--md-info-fg\\):hover {\n      color: var(--md-info-fg);\n    }\n\n    .hover\\:text-\\(--md-row-selection-fg\\):hover {\n      color: var(--md-row-selection-fg);\n    }\n\n    .hover\\:text-\\(--md-selection\\):hover {\n      color: var(--md-selection);\n    }\n\n    .hover\\:text-\\(--md-selection-fg\\):hover {\n      color: var(--md-selection-fg);\n    }\n\n    .hover\\:text-\\(--md-success-fg\\):hover {\n      color: var(--md-success-fg);\n    }\n\n    .hover\\:text-\\(--md-text\\):hover {\n      color: var(--md-text);\n    }\n\n    .hover\\:text-\\(--md-text-muted\\):hover {\n      color: var(--md-text-muted);\n    }\n\n    .hover\\:text-\\(--md-text-subtle\\):hover {\n      color: var(--md-text-subtle);\n    }\n\n    .hover\\:text-\\[\\#42389E\\]:hover {\n      color: #42389e;\n    }\n\n    .hover\\:text-\\[var\\(--md-danger\\)\\]:hover {\n      color: var(--md-danger);\n    }\n\n    .hover\\:text-\\[var\\(--md-row-selection-fg\\)\\]:hover {\n      color: var(--md-row-selection-fg);\n    }\n\n    .hover\\:text-\\[var\\(--md-text\\)\\]:hover {\n      color: var(--md-text);\n    }\n\n    .hover\\:text-gray-200:hover {\n      color: var(--color-gray-200);\n    }\n\n    .hover\\:text-gray-700:hover {\n      color: var(--color-gray-700);\n    }\n\n    .hover\\:text-gray-900:hover {\n      color: var(--color-gray-900);\n    }\n\n    .hover\\:text-red-600:hover {\n      color: var(--color-red-600);\n    }\n\n    .hover\\:text-white:hover {\n      color: var(--color-white);\n    }\n\n    .hover\\:no-underline:hover {\n      text-decoration-line: none;\n    }\n\n    .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n\n    .hover\\:opacity-80:hover {\n      opacity: .8;\n    }\n\n    .hover\\:opacity-90\\!:hover {\n      opacity: .9 !important;\n    }\n\n    .hover\\:opacity-100:hover {\n      opacity: 1;\n    }\n\n    .hover\\:shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.07\\)\\]:hover {\n      --tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000012);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .hover\\:shadow-\\[0_8px_24px_-12px_rgba\\(67\\,56\\,202\\,0\\.25\\)\\]:hover {\n      --tw-shadow: 0 8px 24px -12px var(--tw-shadow-color, #4338ca40);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .hover\\:shadow-sm:hover {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n\n  .focus\\:border-\\(--md-border-strong\\):focus {\n    border-color: var(--md-border-strong);\n  }\n\n  .focus\\:border-\\(--md-row-selection\\):focus {\n    border-color: var(--md-row-selection);\n  }\n\n  .focus\\:border-\\[\\#42389E\\]:focus {\n    border-color: #42389e;\n  }\n\n  .focus\\:bg-gray-50:focus {\n    background-color: var(--color-gray-50);\n  }\n\n  .focus\\:bg-white:focus {\n    background-color: var(--color-white);\n  }\n\n  .focus\\:opacity-100:focus {\n    opacity: 1;\n  }\n\n  .focus\\:ring-0:focus {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus\\:ring-1:focus {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus\\:ring-2:focus {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus\\:ring-\\[1px\\]:focus {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus\\:ring-\\(--md-danger\\):focus {\n    --tw-ring-color: var(--md-danger);\n  }\n\n  .focus\\:ring-\\(--md-row-selection\\):focus {\n    --tw-ring-color: var(--md-row-selection);\n  }\n\n  .focus\\:ring-\\(--md-selection\\):focus {\n    --tw-ring-color: var(--md-selection);\n  }\n\n  .focus\\:ring-\\[\\#42389E\\]\\/15:focus {\n    --tw-ring-color: oklab(41.5417% .0313346 -.155848 / .15);\n  }\n\n  .focus\\:outline-none:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .active\\:scale-95:active {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .active\\:cursor-grabbing:active {\n    cursor: grabbing;\n  }\n\n  .active\\:bg-\\(--md-border\\):active {\n    background-color: var(--md-border);\n  }\n\n  .active\\:bg-\\(--md-selection\\)\\/20:active {\n    background-color: var(--md-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .active\\:bg-\\(--md-selection\\)\\/20:active {\n      background-color: color-mix(in oklab, var(--md-selection) 20%, transparent);\n    }\n  }\n\n  .active\\:bg-\\(--md-surface-muted\\):active {\n    background-color: var(--md-surface-muted);\n  }\n\n  .active\\:bg-\\[var\\(--md-border\\)\\]:active {\n    background-color: var(--md-border);\n  }\n\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n\n  .disabled\\:opacity-30:disabled {\n    opacity: .3;\n  }\n\n  .disabled\\:opacity-40:disabled {\n    opacity: .4;\n  }\n\n  .disabled\\:opacity-50:disabled {\n    opacity: .5;\n  }\n\n  @media (min-width: 40rem) {\n    .sm\\:col-span-1 {\n      grid-column: span 1 / span 1;\n    }\n\n    .sm\\:col-span-3 {\n      grid-column: span 3 / span 3;\n    }\n\n    .sm\\:col-span-4 {\n      grid-column: span 4 / span 4;\n    }\n\n    .sm\\:mt-0 {\n      margin-top: 0;\n    }\n\n    .sm\\:grid {\n      display: grid;\n    }\n\n    .sm\\:hidden {\n      display: none;\n    }\n\n    .sm\\:min-w-105 {\n      min-width: calc(var(--spacing) * 105);\n    }\n\n    .sm\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .sm\\:grid-cols-12 {\n      grid-template-columns: repeat(12, minmax(0, 1fr));\n    }\n\n    .sm\\:justify-center {\n      justify-content: center;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .md\\:inline-flex {\n      display: inline-flex;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .lg\\:sticky {\n      position: sticky;\n    }\n\n    .lg\\:left-0 {\n      left: 0;\n    }\n\n    .lg\\:block {\n      display: block;\n    }\n\n    .lg\\:h-13 {\n      height: calc(var(--spacing) * 13);\n    }\n\n    .lg\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .lg\\:grid-cols-3 {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .lg\\:flex-row {\n      flex-direction: row;\n    }\n\n    .lg\\:items-center {\n      align-items: center;\n    }\n\n    .lg\\:justify-between {\n      justify-content: space-between;\n    }\n\n    .lg\\:overflow-visible {\n      overflow: visible;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .xl\\:grid-cols-4 {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .\\32 xl\\:container {\n      width: 100%;\n    }\n\n    @media (min-width: 40rem) {\n      .\\32 xl\\:container {\n        max-width: 40rem;\n      }\n    }\n\n    @media (min-width: 48rem) {\n      .\\32 xl\\:container {\n        max-width: 48rem;\n      }\n    }\n\n    @media (min-width: 64rem) {\n      .\\32 xl\\:container {\n        max-width: 64rem;\n      }\n    }\n\n    @media (min-width: 80rem) {\n      .\\32 xl\\:container {\n        max-width: 80rem;\n      }\n    }\n\n    @media (min-width: 96rem) {\n      .\\32 xl\\:container {\n        max-width: 96rem;\n      }\n    }\n\n    .\\32 xl\\:mx-auto {\n      margin-inline: auto;\n    }\n  }\n\n  .\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button {\n    appearance: none;\n  }\n\n  .\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button {\n    appearance: none;\n  }\n}\n\n:root, :host {\n  --md-primary: #4a7c59;\n  --md-primary-hover: #3a5a40;\n  --md-on-primary: #fff;\n  --md-background: #f8fafc;\n  --md-surface: #fff;\n  --md-surface-muted: #f3f4f6;\n  --md-surface-hover: #f9fafb;\n  --md-text: #111827;\n  --md-text-muted: #6b7280;\n  --md-text-subtle: #9ca3af;\n  --md-border: #e5e7eb;\n  --md-border-strong: #d1d5db;\n  --md-danger: #ef4444;\n  --md-on-danger: #fff;\n  --md-success: #22c55e;\n  --md-warning: #f59e0b;\n  --md-info: #0a5bdd;\n  --md-ring: var(--md-primary);\n  --md-shadow: 0 8px 30px #0000001f;\n  --md-radius: .5rem;\n  --md-header-bg: var(--md-surface);\n  --md-header-text: var(--md-text);\n  --md-header-border: var(--md-border);\n  --md-sidebar-bg: var(--md-surface);\n  --md-sidebar-text: var(--md-text);\n  --md-sidebar-border: var(--md-border);\n  --md-accent-bg: var(--md-primary);\n  --md-accent-text: var(--md-on-primary);\n  --md-canvas-bg: var(--md-background);\n  --md-input-bg: var(--md-surface);\n  --md-input-text: var(--md-text);\n  --md-input-border: var(--md-border);\n  --md-input-placeholder: var(--md-text-subtle);\n  --md-overlay-bg: var(--md-surface);\n  --md-overlay-text: var(--md-text);\n  --md-overlay-border: var(--md-border);\n  --md-overlay-shadow: var(--md-shadow);\n  --md-scrim: #0006;\n  --md-toolbar-bg: var(--md-surface);\n  --md-toolbar-text: var(--md-text);\n  --md-toolbar-border: var(--md-border);\n  --md-selection: #4ade80;\n  --md-selection-bg: #f0fdf4;\n  --md-selection-fg: #16a34a;\n  --md-row-selection: #a855f7;\n  --md-row-selection-bg: #faf5ff;\n  --md-row-selection-fg: #9333ea;\n  --md-tooltip-bg: #111827;\n  --md-tooltip-text: #fff;\n  --md-button-primary-bg: var(--md-primary);\n  --md-button-primary-text: var(--md-on-primary);\n  --md-button-primary-hover-bg: var(--md-primary-hover);\n  --md-button-secondary-bg: var(--md-surface-muted);\n  --md-button-secondary-text: var(--md-text);\n  --md-button-secondary-hover-bg: var(--md-border);\n  --md-success-bg: #f0fdf4;\n  --md-success-fg: #166534;\n  --md-success-border: #bbf7d0;\n  --md-info-bg: #eff6ff;\n  --md-info-fg: #1e40af;\n  --md-info-border: #bfdbfe;\n  --md-warning-bg: #fffbeb;\n  --md-warning-fg: #92400e;\n  --md-warning-border: #fde68a;\n  --md-danger-bg: #fef2f2;\n  --md-danger-fg: #991b1b;\n  --md-danger-border: #fecaca;\n}\n\n:where(.dark, :host(.dark)) {\n  --md-primary: #818cf8;\n  --md-primary-hover: #a5b4fc;\n  --md-on-primary: #1e1b4b;\n  --md-background: #0b0f19;\n  --md-surface: #151b28;\n  --md-surface-muted: #1f2635;\n  --md-surface-hover: #1c2333;\n  --md-text: #e5e7eb;\n  --md-text-muted: #9ca3af;\n  --md-text-subtle: #6b7280;\n  --md-border: #2a3345;\n  --md-border-strong: #3b465c;\n  --md-danger: #f87171;\n  --md-on-danger: #450a0a;\n  --md-success: #4ade80;\n  --md-warning: #fbbf24;\n  --md-info: #60a5fa;\n  --md-shadow: 0 8px 30px #00000080;\n  --md-scrim: #0009;\n  --md-selection: #4ade80;\n  --md-selection-bg: #0f2a1a;\n  --md-selection-fg: #86efac;\n  --md-row-selection: #c084fc;\n  --md-row-selection-bg: #2e1065;\n  --md-row-selection-fg: #d8b4fe;\n  --md-tooltip-bg: #f3f4f6;\n  --md-tooltip-text: #111827;\n  --md-success-bg: #0f2a1a;\n  --md-success-fg: #86efac;\n  --md-success-border: #166534;\n  --md-info-bg: #101f38;\n  --md-info-fg: #93c5fd;\n  --md-info-border: #1e40af;\n  --md-warning-bg: #2a1f08;\n  --md-warning-fg: #fcd34d;\n  --md-warning-border: #92400e;\n  --md-danger-bg: #2b1114;\n  --md-danger-fg: #fca5a5;\n  --md-danger-border: #991b1b;\n}\n\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\ninput[type=\"number\"]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=\"range\"] {\n  -webkit-appearance: none;\n  background: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  background: var(--md-on-primary);\n  border: 1.5px solid var(--md-border-strong);\n  cursor: pointer;\n  border-radius: 50%;\n  width: 12px;\n  height: 12px;\n  margin-top: -4.5px;\n  transition: border-color .1s, transform .1s;\n  box-shadow: 0 1px 2px #0000001a;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n  border-color: var(--md-selection);\n  transform: scale(1.15);\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  background: var(--md-border);\n  border-radius: 9999px;\n  width: 100%;\n  height: 3px;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n  background: var(--md-on-primary);\n  border: 1.5px solid var(--md-border-strong);\n  cursor: pointer;\n  border-radius: 50%;\n  width: 12px;\n  height: 12px;\n  box-shadow: 0 1px 2px #0000001a;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n  background: var(--md-border);\n  border-radius: 9999px;\n  height: 3px;\n}\n\nbutton:focus, button:focus-visible, input[type=\"range\"]:focus, select:focus {\n  box-shadow: none !important;\n  outline: none !important;\n}\n\n.md-surface-header {\n  background: var(--md-header-bg);\n  color: var(--md-header-text);\n  border-bottom: 1px solid var(--md-header-border);\n}\n\n.md-surface-sidebar {\n  background: var(--md-sidebar-bg);\n  color: var(--md-sidebar-text);\n  border: 1px solid var(--md-sidebar-border);\n}\n\n.md-surface-overlay {\n  background: var(--md-overlay-bg);\n  color: var(--md-overlay-text);\n  border: 1px solid var(--md-overlay-border);\n  box-shadow: var(--md-overlay-shadow);\n}\n\n.md-surface-toolbar {\n  background: var(--md-toolbar-bg);\n  color: var(--md-toolbar-text);\n  border: 1px solid var(--md-toolbar-border);\n  box-shadow: var(--md-overlay-shadow);\n}\n\n.md-surface-canvas {\n  background: var(--md-canvas-bg);\n}\n\n.md-btn-primary {\n  background: var(--md-button-primary-bg);\n  color: var(--md-button-primary-text);\n}\n\n.md-btn-primary:not(:disabled):hover {\n  background: var(--md-button-primary-hover-bg);\n}\n\n.md-surface-sidebar-inner {\n  color: var(--md-sidebar-text);\n  background: none;\n}\n\n.md-tabstrip {\n  border-bottom: 1px solid var(--md-sidebar-border);\n}\n\n.md-tab-active {\n  color: var(--md-sidebar-text);\n}\n\n.md-tab-idle {\n  color: var(--md-text-subtle);\n}\n\n.md-tab-idle:hover {\n  color: var(--md-text-muted);\n}\n\n.md-segmented {\n  border: 1px solid var(--md-border);\n}\n\n.md-segment-active {\n  background: var(--md-accent-bg);\n  color: var(--md-accent-text);\n}\n\n.md-segment-idle {\n  background: var(--md-sidebar-bg);\n  color: var(--md-text-muted);\n}\n\n.md-segment-idle:hover {\n  background: var(--md-surface-hover);\n}\n\n.md-segment-divider {\n  border-right: 1px solid var(--md-border);\n}\n\n.mg-md-input {\n  width: 100%;\n  color: var(--md-text);\n  background: var(--md-surface);\n  border: 1px solid var(--md-border);\n  border-radius: .375rem;\n  outline: none;\n  padding: .325rem .625rem;\n  font-size: 13px;\n  line-height: 1.25rem;\n  transition: border-color .15s, box-shadow .15s;\n}\n\n.mg-md-input::placeholder {\n  color: var(--md-text-subtle);\n}\n\n.mg-md-input:focus {\n  border-color: var(--md-primary);\n}\n\n.mg-md-input:disabled {\n  background: var(--md-surface-hover);\n  color: var(--md-text-subtle);\n  cursor: not-allowed;\n}\n\n.mg-md-input--invalid {\n  border-color: var(--md-danger);\n}\n\n.mg-md-input--invalid:focus {\n  border-color: var(--md-danger);\n  box-shadow: 0 0 0 1px var(--md-danger);\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-divide-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-gradient-position {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-gradient-from {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-via {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-to {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-stops {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-gradient-via-stops {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-gradient-from-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0%;\n}\n\n@property --tw-gradient-via-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 50%;\n}\n\n@property --tw-gradient-to-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ordinal {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-slashed-zero {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-numeric-figure {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-numeric-spacing {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-numeric-fraction {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-content {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: \"\";\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes ping {\n  75%, 100% {\n    opacity: 0;\n    transform: scale(2);\n  }\n}\n\n@keyframes pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@keyframes bounce {\n  0%, 100% {\n    animation-timing-function: cubic-bezier(.8, 0, 1, 1);\n    transform: translateY(-25%);\n  }\n\n  50% {\n    animation-timing-function: cubic-bezier(0, 0, .2, 1);\n    transform: none;\n  }\n}\n";
+var main_default = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, :before, :after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: \"\";\n    }\n  }\n}\n\n@layer theme {\n  :root, :host {\n    --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\",\n      \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n      \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-50: oklch(97.1% .013 17.38);\n    --color-red-200: oklch(88.5% .062 18.334);\n    --color-red-400: oklch(70.4% .191 22.216);\n    --color-red-500: oklch(63.7% .237 25.331);\n    --color-red-600: oklch(57.7% .245 27.325);\n    --color-red-700: oklch(50.5% .213 27.518);\n    --color-orange-300: oklch(83.7% .128 66.29);\n    --color-orange-400: oklch(75% .183 55.934);\n    --color-orange-500: oklch(70.5% .213 47.604);\n    --color-amber-50: oklch(98.7% .022 95.277);\n    --color-amber-100: oklch(96.2% .059 95.617);\n    --color-amber-200: oklch(92.4% .12 95.746);\n    --color-amber-300: oklch(87.9% .169 91.605);\n    --color-amber-400: oklch(82.8% .189 84.429);\n    --color-amber-500: oklch(76.9% .188 70.08);\n    --color-amber-600: oklch(66.6% .179 58.318);\n    --color-amber-700: oklch(55.5% .163 48.998);\n    --color-amber-800: oklch(47.3% .137 46.201);\n    --color-yellow-50: oklch(98.7% .026 102.212);\n    --color-yellow-200: oklch(94.5% .129 101.54);\n    --color-yellow-700: oklch(55.4% .135 66.442);\n    --color-green-400: oklch(79.2% .209 151.711);\n    --color-emerald-50: oklch(97.9% .021 166.113);\n    --color-emerald-100: oklch(95% .052 163.051);\n    --color-emerald-200: oklch(90.5% .093 164.15);\n    --color-emerald-400: oklch(76.5% .177 163.223);\n    --color-emerald-500: oklch(69.6% .17 162.48);\n    --color-emerald-600: oklch(59.6% .145 163.225);\n    --color-emerald-700: oklch(50.8% .118 165.612);\n    --color-sky-50: oklch(97.7% .013 236.62);\n    --color-sky-100: oklch(95.1% .026 236.824);\n    --color-sky-200: oklch(90.1% .058 230.902);\n    --color-sky-400: oklch(74.6% .16 232.661);\n    --color-sky-600: oklch(58.8% .158 241.966);\n    --color-sky-700: oklch(50% .134 242.749);\n    --color-blue-50: oklch(97% .014 254.604);\n    --color-blue-100: oklch(93.2% .032 255.585);\n    --color-blue-200: oklch(88.2% .059 254.128);\n    --color-blue-300: oklch(80.9% .105 251.813);\n    --color-blue-400: oklch(70.7% .165 254.624);\n    --color-blue-500: oklch(62.3% .214 259.815);\n    --color-blue-600: oklch(54.6% .245 262.881);\n    --color-blue-700: oklch(48.8% .243 264.376);\n    --color-blue-800: oklch(42.4% .199 265.638);\n    --color-indigo-50: oklch(96.2% .018 272.314);\n    --color-indigo-200: oklch(87% .065 274.039);\n    --color-indigo-600: oklch(51.1% .262 276.966);\n    --color-violet-50: oklch(96.9% .016 293.756);\n    --color-violet-100: oklch(94.3% .029 294.588);\n    --color-violet-600: oklch(54.1% .281 293.009);\n    --color-purple-50: oklch(97.7% .014 308.299);\n    --color-purple-200: oklch(90.2% .063 306.703);\n    --color-purple-300: oklch(82.7% .119 306.383);\n    --color-purple-400: oklch(71.4% .203 305.504);\n    --color-purple-500: oklch(62.7% .265 303.9);\n    --color-purple-600: oklch(55.8% .288 302.321);\n    --color-purple-700: oklch(49.6% .265 301.924);\n    --color-rose-400: oklch(71.2% .194 13.428);\n    --color-rose-500: oklch(64.5% .246 16.439);\n    --color-rose-600: oklch(58.6% .253 17.585);\n    --color-slate-100: oklch(96.8% .007 247.896);\n    --color-slate-200: oklch(92.9% .013 255.508);\n    --color-slate-600: oklch(44.6% .043 257.281);\n    --color-gray-50: oklch(98.5% .002 247.839);\n    --color-gray-100: oklch(96.7% .003 264.542);\n    --color-gray-200: oklch(92.8% .006 264.531);\n    --color-gray-300: oklch(87.2% .01 258.338);\n    --color-gray-400: oklch(70.7% .022 261.325);\n    --color-gray-500: oklch(55.1% .027 264.364);\n    --color-gray-600: oklch(44.6% .03 256.802);\n    --color-gray-700: oklch(37.3% .034 259.733);\n    --color-gray-800: oklch(27.8% .033 256.848);\n    --color-gray-900: oklch(21% .034 264.665);\n    --color-gray-950: oklch(13% .028 261.692);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: .25rem;\n    --container-xs: 20rem;\n    --container-md: 28rem;\n    --container-4xl: 56rem;\n    --text-xs: .75rem;\n    --text-xs--line-height: calc(1 / .75);\n    --text-sm: .875rem;\n    --text-sm--line-height: calc(1.25 / .875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --tracking-normal: 0em;\n    --tracking-wide: .025em;\n    --tracking-wider: .05em;\n    --tracking-widest: .1em;\n    --leading-tight: 1.25;\n    --leading-snug: 1.375;\n    --leading-relaxed: 1.625;\n    --radius-sm: .25rem;\n    --radius-md: .375rem;\n    --radius-lg: .5rem;\n    --radius-xl: .75rem;\n    --radius-2xl: 1rem;\n    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;\n    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;\n    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;\n    --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;\n    --shadow-2xl: 0 25px 50px -12px #00000040;\n    --ease-in: cubic-bezier(.4, 0, 1, 1);\n    --ease-out: cubic-bezier(0, 0, .2, 1);\n    --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;\n    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;\n    --animate-bounce: bounce 1s infinite;\n    --blur-sm: 8px;\n    --blur-md: 12px;\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n\n@layer base {\n  *, :after, :before, ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  html, :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\n    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\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n\n  b, strong {\n    font-weight: bolder;\n  }\n\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n\n  small {\n    font-size: 80%;\n  }\n\n  sub, sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n\n  :-moz-focusring:where(:not(iframe)) {\n    outline: auto;\n  }\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  ol, ul, menu {\n    list-style: none;\n  }\n\n  img, svg, video, canvas, audio, iframe, embed, object {\n    vertical-align: middle;\n    display: block;\n  }\n\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  button, input, select, optgroup, textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n\n  ::placeholder {\n    opacity: 1;\n  }\n\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n    appearance: button;\n  }\n\n  ::file-selector-button {\n    appearance: button;\n  }\n\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n\n  :host, body, input, textarea, pre {\n    font-family: Satoshi, sans-serif;\n  }\n\n  ul {\n    list-style: outside;\n  }\n\n  ol {\n    list-style: decimal;\n  }\n}\n\n@layer components;\n\n@layer utilities {\n  .pointer-events-none {\n    pointer-events: none;\n  }\n\n  .collapse {\n    visibility: collapse;\n  }\n\n  .invisible {\n    visibility: hidden;\n  }\n\n  .visible {\n    visibility: visible;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .sticky {\n    position: sticky;\n  }\n\n  .inset-0 {\n    inset: 0;\n  }\n\n  .inset-y-0 {\n    inset-block: 0;\n  }\n\n  .-top-0\\.5 {\n    top: calc(var(--spacing) * -.5);\n  }\n\n  .-top-1 {\n    top: calc(var(--spacing) * -1);\n  }\n\n  .-top-1\\.5 {\n    top: calc(var(--spacing) * -1.5);\n  }\n\n  .-top-2 {\n    top: calc(var(--spacing) * -2);\n  }\n\n  .-top-4 {\n    top: calc(var(--spacing) * -4);\n  }\n\n  .-top-8 {\n    top: calc(var(--spacing) * -8);\n  }\n\n  .-top-9 {\n    top: calc(var(--spacing) * -9);\n  }\n\n  .top-0 {\n    top: 0;\n  }\n\n  .top-0\\.5 {\n    top: calc(var(--spacing) * .5);\n  }\n\n  .top-1 {\n    top: var(--spacing);\n  }\n\n  .top-1\\/2 {\n    top: 50%;\n  }\n\n  .top-5 {\n    top: calc(var(--spacing) * 5);\n  }\n\n  .top-13 {\n    top: calc(var(--spacing) * 13);\n  }\n\n  .top-16 {\n    top: calc(var(--spacing) * 16);\n  }\n\n  .top-\\[53\\%\\] {\n    top: 53%;\n  }\n\n  .top-full {\n    top: 100%;\n  }\n\n  .-right-1 {\n    right: calc(var(--spacing) * -1);\n  }\n\n  .-right-2 {\n    right: calc(var(--spacing) * -2);\n  }\n\n  .-right-3 {\n    right: calc(var(--spacing) * -3);\n  }\n\n  .right-0 {\n    right: 0;\n  }\n\n  .right-1 {\n    right: var(--spacing);\n  }\n\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n\n  .right-4 {\n    right: calc(var(--spacing) * 4);\n  }\n\n  .right-full {\n    right: 100%;\n  }\n\n  .-bottom-1 {\n    bottom: calc(var(--spacing) * -1);\n  }\n\n  .-bottom-3\\.5 {\n    bottom: calc(var(--spacing) * -3.5);\n  }\n\n  .-bottom-5\\.5 {\n    bottom: calc(var(--spacing) * -5.5);\n  }\n\n  .bottom-0 {\n    bottom: 0;\n  }\n\n  .bottom-\\[-125\\%\\] {\n    bottom: -125%;\n  }\n\n  .bottom-full {\n    bottom: 100%;\n  }\n\n  .-left-2 {\n    left: calc(var(--spacing) * -2);\n  }\n\n  .-left-3 {\n    left: calc(var(--spacing) * -3);\n  }\n\n  .-left-full {\n    left: -100%;\n  }\n\n  .left-0 {\n    left: 0;\n  }\n\n  .left-0\\.5 {\n    left: calc(var(--spacing) * .5);\n  }\n\n  .left-0\\.75 {\n    left: calc(var(--spacing) * .75);\n  }\n\n  .left-1\\/2 {\n    left: 50%;\n  }\n\n  .left-2 {\n    left: calc(var(--spacing) * 2);\n  }\n\n  .left-2\\/2 {\n    left: 100%;\n  }\n\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n\n  .left-3\\.5 {\n    left: calc(var(--spacing) * 3.5);\n  }\n\n  .left-4 {\n    left: calc(var(--spacing) * 4);\n  }\n\n  .z-0 {\n    z-index: 0;\n  }\n\n  .z-8 {\n    z-index: 8;\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .z-20 {\n    z-index: 20;\n  }\n\n  .z-30 {\n    z-index: 30;\n  }\n\n  .z-40 {\n    z-index: 40;\n  }\n\n  .z-50 {\n    z-index: 50;\n  }\n\n  .z-60 {\n    z-index: 60;\n  }\n\n  .z-80 {\n    z-index: 80;\n  }\n\n  .z-100 {\n    z-index: 100;\n  }\n\n  .z-110 {\n    z-index: 110;\n  }\n\n  .z-9000 {\n    z-index: 9000;\n  }\n\n  .z-9999 {\n    z-index: 9999;\n  }\n\n  .col-span-1 {\n    grid-column: span 1 / span 1;\n  }\n\n  .col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n\n  .col-span-3 {\n    grid-column: span 3 / span 3;\n  }\n\n  .col-span-4 {\n    grid-column: span 4 / span 4;\n  }\n\n  .container {\n    width: 100%;\n  }\n\n  @media (min-width: 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n\n  .-mx-20 {\n    margin-inline: calc(var(--spacing) * -20);\n  }\n\n  .mx-0\\.5 {\n    margin-inline: calc(var(--spacing) * .5);\n  }\n\n  .mx-1 {\n    margin-inline: var(--spacing);\n  }\n\n  .mx-1\\.5 {\n    margin-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .mx-3 {\n    margin-inline: calc(var(--spacing) * 3);\n  }\n\n  .mx-4 {\n    margin-inline: calc(var(--spacing) * 4);\n  }\n\n  .mx-auto {\n    margin-inline: auto;\n  }\n\n  .my-1\\.5 {\n    margin-block: calc(var(--spacing) * 1.5);\n  }\n\n  .mt-0\\.5 {\n    margin-top: calc(var(--spacing) * .5);\n  }\n\n  .mt-1 {\n    margin-top: var(--spacing);\n  }\n\n  .mt-1\\.5 {\n    margin-top: calc(var(--spacing) * 1.5);\n  }\n\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n\n  .mt-2\\.5 {\n    margin-top: calc(var(--spacing) * 2.5);\n  }\n\n  .mt-3 {\n    margin-top: calc(var(--spacing) * 3);\n  }\n\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n\n  .mt-auto {\n    margin-top: auto;\n  }\n\n  .mr-0\\.5 {\n    margin-right: calc(var(--spacing) * .5);\n  }\n\n  .mr-1 {\n    margin-right: var(--spacing);\n  }\n\n  .mr-3 {\n    margin-right: calc(var(--spacing) * 3);\n  }\n\n  .-mb-1 {\n    margin-bottom: calc(var(--spacing) * -1);\n  }\n\n  .mb-0 {\n    margin-bottom: 0;\n  }\n\n  .mb-0\\.5 {\n    margin-bottom: calc(var(--spacing) * .5);\n  }\n\n  .mb-1 {\n    margin-bottom: var(--spacing);\n  }\n\n  .mb-1\\.5 {\n    margin-bottom: calc(var(--spacing) * 1.5);\n  }\n\n  .mb-1\\.25 {\n    margin-bottom: calc(var(--spacing) * 1.25);\n  }\n\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n\n  .mb-3 {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n\n  .mb-5 {\n    margin-bottom: calc(var(--spacing) * 5);\n  }\n\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n\n  .-ml-0\\.75 {\n    margin-left: calc(var(--spacing) * -.75);\n  }\n\n  .ml-0\\.5 {\n    margin-left: calc(var(--spacing) * .5);\n  }\n\n  .ml-1 {\n    margin-left: var(--spacing);\n  }\n\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n\n  .ml-3 {\n    margin-left: calc(var(--spacing) * 3);\n  }\n\n  .ml-auto {\n    margin-left: auto;\n  }\n\n  .line-clamp-3 {\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .block {\n    display: block;\n  }\n\n  .contents {\n    display: contents;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .grid {\n    display: grid;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .inline {\n    display: inline;\n  }\n\n  .inline-block {\n    display: inline-block;\n  }\n\n  .inline-flex {\n    display: inline-flex;\n  }\n\n  .inline-table {\n    display: inline-table;\n  }\n\n  .table {\n    display: table;\n  }\n\n  .size-3 {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n\n  .size-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .size-3\\.25 {\n    width: calc(var(--spacing) * 3.25);\n    height: calc(var(--spacing) * 3.25);\n  }\n\n  .size-4 {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  .size-4\\.25 {\n    width: calc(var(--spacing) * 4.25);\n    height: calc(var(--spacing) * 4.25);\n  }\n\n  .size-5 {\n    width: calc(var(--spacing) * 5);\n    height: calc(var(--spacing) * 5);\n  }\n\n  .size-11 {\n    width: calc(var(--spacing) * 11);\n    height: calc(var(--spacing) * 11);\n  }\n\n  .size-\\[18px\\] {\n    width: 18px;\n    height: 18px;\n  }\n\n  .size-full {\n    width: 100%;\n    height: 100%;\n  }\n\n  .h-0\\.5 {\n    height: calc(var(--spacing) * .5);\n  }\n\n  .h-0\\.75 {\n    height: calc(var(--spacing) * .75);\n  }\n\n  .h-1 {\n    height: var(--spacing);\n  }\n\n  .h-1\\.5 {\n    height: calc(var(--spacing) * 1.5);\n  }\n\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n\n  .h-2\\.5 {\n    height: calc(var(--spacing) * 2.5);\n  }\n\n  .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n\n  .h-3\\.5 {\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .h-3\\.25 {\n    height: calc(var(--spacing) * 3.25);\n  }\n\n  .h-3\\.75 {\n    height: calc(var(--spacing) * 3.75);\n  }\n\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n\n  .h-4\\.5 {\n    height: calc(var(--spacing) * 4.5);\n  }\n\n  .h-4\\.25 {\n    height: calc(var(--spacing) * 4.25);\n  }\n\n  .h-4\\.75 {\n    height: calc(var(--spacing) * 4.75);\n  }\n\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n\n  .h-5\\.25 {\n    height: calc(var(--spacing) * 5.25);\n  }\n\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n\n  .h-14 {\n    height: calc(var(--spacing) * 14);\n  }\n\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n\n  .h-20 {\n    height: calc(var(--spacing) * 20);\n  }\n\n  .h-37\\.5 {\n    height: calc(var(--spacing) * 37.5);\n  }\n\n  .h-\\[30px\\] {\n    height: 30px;\n  }\n\n  .h-\\[32px\\] {\n    height: 32px;\n  }\n\n  .h-\\[60vh\\] {\n    height: 60vh;\n  }\n\n  .h-\\[calc\\(100vh-5\\.25rem\\)\\] {\n    height: calc(100vh - 5.25rem);\n  }\n\n  .h-\\[calc\\(100vh-7\\.5rem\\)\\] {\n    height: calc(100vh - 7.5rem);\n  }\n\n  .h-fit {\n    height: fit-content;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-px {\n    height: 1px;\n  }\n\n  .h-screen {\n    height: 100vh;\n  }\n\n  .max-h-44 {\n    max-height: calc(var(--spacing) * 44);\n  }\n\n  .max-h-full {\n    max-height: 100%;\n  }\n\n  .min-h-0 {\n    min-height: 0;\n  }\n\n  .min-h-87\\.5 {\n    min-height: calc(var(--spacing) * 87.5);\n  }\n\n  .min-h-auto {\n    min-height: auto;\n  }\n\n  .min-h-screen {\n    min-height: 100vh;\n  }\n\n  .w-0 {\n    width: 0;\n  }\n\n  .w-1 {\n    width: var(--spacing);\n  }\n\n  .w-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n  }\n\n  .w-1\\/2 {\n    width: 50%;\n  }\n\n  .w-1\\/3 {\n    width: 33.3333%;\n  }\n\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n\n  .w-2\\/3 {\n    width: 66.6667%;\n  }\n\n  .w-3 {\n    width: calc(var(--spacing) * 3);\n  }\n\n  .w-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n  }\n\n  .w-3\\.25 {\n    width: calc(var(--spacing) * 3.25);\n  }\n\n  .w-3\\/4 {\n    width: 75%;\n  }\n\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n\n  .w-4\\.5 {\n    width: calc(var(--spacing) * 4.5);\n  }\n\n  .w-4\\.75 {\n    width: calc(var(--spacing) * 4.75);\n  }\n\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n\n  .w-5\\.25 {\n    width: calc(var(--spacing) * 5.25);\n  }\n\n  .w-6 {\n    width: calc(var(--spacing) * 6);\n  }\n\n  .w-7 {\n    width: calc(var(--spacing) * 7);\n  }\n\n  .w-7\\.5 {\n    width: calc(var(--spacing) * 7.5);\n  }\n\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n\n  .w-9 {\n    width: calc(var(--spacing) * 9);\n  }\n\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n\n  .w-12 {\n    width: calc(var(--spacing) * 12);\n  }\n\n  .w-14 {\n    width: calc(var(--spacing) * 14);\n  }\n\n  .w-15 {\n    width: calc(var(--spacing) * 15);\n  }\n\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n\n  .w-30 {\n    width: calc(var(--spacing) * 30);\n  }\n\n  .w-44 {\n    width: calc(var(--spacing) * 44);\n  }\n\n  .w-50 {\n    width: calc(var(--spacing) * 50);\n  }\n\n  .w-56 {\n    width: calc(var(--spacing) * 56);\n  }\n\n  .w-60 {\n    width: calc(var(--spacing) * 60);\n  }\n\n  .w-65 {\n    width: calc(var(--spacing) * 65);\n  }\n\n  .w-68 {\n    width: calc(var(--spacing) * 68);\n  }\n\n  .w-72 {\n    width: calc(var(--spacing) * 72);\n  }\n\n  .w-85 {\n    width: calc(var(--spacing) * 85);\n  }\n\n  .w-\\[28\\%\\] {\n    width: 28%;\n  }\n\n  .w-\\[40\\%\\] {\n    width: 40%;\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .w-max {\n    width: max-content;\n  }\n\n  .w-md {\n    width: var(--container-md);\n  }\n\n  .w-px {\n    width: 1px;\n  }\n\n  .max-w-4xl {\n    max-width: var(--container-4xl);\n  }\n\n  .max-w-20 {\n    max-width: calc(var(--spacing) * 20);\n  }\n\n  .max-w-22 {\n    max-width: calc(var(--spacing) * 22);\n  }\n\n  .max-w-22\\.5 {\n    max-width: calc(var(--spacing) * 22.5);\n  }\n\n  .max-w-25 {\n    max-width: calc(var(--spacing) * 25);\n  }\n\n  .max-w-\\[240px\\] {\n    max-width: 240px;\n  }\n\n  .max-w-\\[1600px\\] {\n    max-width: 1600px;\n  }\n\n  .max-w-full {\n    max-width: 100%;\n  }\n\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n\n  .max-w-xs {\n    max-width: var(--container-xs);\n  }\n\n  .min-w-0 {\n    min-width: 0;\n  }\n\n  .min-w-4 {\n    min-width: calc(var(--spacing) * 4);\n  }\n\n  .min-w-4\\.5 {\n    min-width: calc(var(--spacing) * 4.5);\n  }\n\n  .min-w-75 {\n    min-width: calc(var(--spacing) * 75);\n  }\n\n  .min-w-105 {\n    min-width: calc(var(--spacing) * 105);\n  }\n\n  .min-w-full {\n    min-width: 100%;\n  }\n\n  .min-w-max {\n    min-width: max-content;\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .flex-2 {\n    flex: 2;\n  }\n\n  .flex-shrink, .shrink {\n    flex-shrink: 1;\n  }\n\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .grow {\n    flex-grow: 1;\n  }\n\n  .border-collapse {\n    border-collapse: collapse;\n  }\n\n  .-translate-x-0\\.5 {\n    --tw-translate-x: calc(var(--spacing) * -.5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-x-2\\/2 {\n    --tw-translate-x: calc(calc(2 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-x-full {\n    --tw-translate-x: -100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-0 {\n    --tw-translate-x: 0px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-0\\.75 {\n    --tw-translate-x: calc(var(--spacing) * .75);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-1 {\n    --tw-translate-x: var(--spacing);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-3\\.5 {\n    --tw-translate-x: calc(var(--spacing) * 3.5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-5 {\n    --tw-translate-x: calc(var(--spacing) * 5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-0\\.5 {\n    --tw-translate-y: calc(var(--spacing) * -.5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-1 {\n    --tw-translate-y: calc(var(--spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-0 {\n    --tw-translate-y: 0px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-0\\.5 {\n    --tw-translate-y: calc(var(--spacing) * .5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-1 {\n    --tw-translate-y: var(--spacing);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-px {\n    --tw-translate-y: 1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .scale-95 {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .-rotate-90 {\n    rotate: -90deg;\n  }\n\n  .rotate-45 {\n    rotate: 45deg;\n  }\n\n  .rotate-90 {\n    rotate: 90deg;\n  }\n\n  .rotate-180 {\n    rotate: 180deg;\n  }\n\n  .transform {\n    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n  }\n\n  .animate-bounce {\n    animation: var(--animate-bounce);\n  }\n\n  .animate-ping {\n    animation: var(--animate-ping);\n  }\n\n  .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n\n  .cursor-crosshair {\n    cursor: crosshair;\n  }\n\n  .cursor-default {\n    cursor: default;\n  }\n\n  .cursor-grab {\n    cursor: grab;\n  }\n\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .cursor-text {\n    cursor: text;\n  }\n\n  .resize {\n    resize: both;\n  }\n\n  .list-none {\n    list-style-type: none;\n  }\n\n  .\\[appearance\\:textfield\\] {\n    appearance: textfield;\n  }\n\n  .appearance-none {\n    appearance: none;\n  }\n\n  .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .grid-cols-12 {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-col-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .flex-row {\n    flex-direction: row;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .place-content-center {\n    place-content: center;\n  }\n\n  .items-baseline {\n    align-items: baseline;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .items-end {\n    align-items: flex-end;\n  }\n\n  .items-start {\n    align-items: flex-start;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-end {\n    justify-content: flex-end;\n  }\n\n  .justify-start {\n    justify-content: flex-start;\n  }\n\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * .5);\n  }\n\n  .gap-1 {\n    gap: var(--spacing);\n  }\n\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-2\\.5 {\n    gap: calc(var(--spacing) * 2.5);\n  }\n\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n\n  .gap-6 {\n    gap: calc(var(--spacing) * 6);\n  }\n\n  :where(.space-y-0\\.5 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-1 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-1\\.5 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-2 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-2\\.5 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-3 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-4 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.space-y-5 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  .gap-x-3 {\n    column-gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-y-1 {\n    row-gap: var(--spacing);\n  }\n\n  :where(.divide-y > :not(:last-child)) {\n    --tw-divide-y-reverse: 0;\n    border-bottom-style: var(--tw-border-style);\n    border-top-style: var(--tw-border-style);\n    border-top-width: calc(1px * var(--tw-divide-y-reverse));\n    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  }\n\n  :where(.divide-\\(--md-border\\) > :not(:last-child)) {\n    border-color: var(--md-border);\n  }\n\n  .self-stretch {\n    align-self: stretch;\n  }\n\n  .truncate {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .overflow-auto {\n    overflow: auto;\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .overflow-visible {\n    overflow: visible;\n  }\n\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .rounded {\n    border-radius: .25rem;\n  }\n\n  .rounded-2xl {\n    border-radius: var(--radius-2xl);\n  }\n\n  .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n\n  .rounded-xl {\n    border-radius: var(--radius-xl);\n  }\n\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0;\n  }\n\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n\n  .\\!border-\\[var\\(--md-border\\)\\] {\n    border-color: var(--md-border) !important;\n  }\n\n  .\\!border-\\[var\\(--md-danger\\)\\] {\n    border-color: var(--md-danger) !important;\n  }\n\n  .\\!border-gray-200 {\n    border-color: var(--color-gray-200) !important;\n  }\n\n  .\\!border-red-600 {\n    border-color: var(--color-red-600) !important;\n  }\n\n  .border-\\(--md-border\\), .border-\\(--md-border\\)\\/60 {\n    border-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-border\\)\\/60 {\n      border-color: color-mix(in oklab, var(--md-border) 60%, transparent);\n    }\n  }\n\n  .border-\\(--md-border\\)\\/65 {\n    border-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-border\\)\\/65 {\n      border-color: color-mix(in oklab, var(--md-border) 65%, transparent);\n    }\n  }\n\n  .border-\\(--md-border\\)\\/75 {\n    border-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-border\\)\\/75 {\n      border-color: color-mix(in oklab, var(--md-border) 75%, transparent);\n    }\n  }\n\n  .border-\\(--md-border\\)\\/80 {\n    border-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-border\\)\\/80 {\n      border-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n    }\n  }\n\n  .border-\\(--md-border-strong\\), .border-\\(--md-border-strong\\)\\/80 {\n    border-color: var(--md-border-strong);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-border-strong\\)\\/80 {\n      border-color: color-mix(in oklab, var(--md-border-strong) 80%, transparent);\n    }\n  }\n\n  .border-\\(--md-danger-border\\) {\n    border-color: var(--md-danger-border);\n  }\n\n  .border-\\(--md-info\\)\\! {\n    border-color: var(--md-info) !important;\n  }\n\n  .border-\\(--md-info-border\\) {\n    border-color: var(--md-info-border);\n  }\n\n  .border-\\(--md-overlay-border\\) {\n    border-color: var(--md-overlay-border);\n  }\n\n  .border-\\(--md-row-selection\\) {\n    border-color: var(--md-row-selection);\n  }\n\n  .border-\\(--md-row-selection-fg\\) {\n    border-color: var(--md-row-selection-fg);\n  }\n\n  .border-\\(--md-selection\\) {\n    border-color: var(--md-selection);\n  }\n\n  .border-\\(--md-selection-fg\\)\\/60 {\n    border-color: var(--md-selection-fg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-selection-fg\\)\\/60 {\n      border-color: color-mix(in oklab, var(--md-selection-fg) 60%, transparent);\n    }\n  }\n\n  .border-\\(--md-text\\), .border-\\(--md-text\\)\\/10 {\n    border-color: var(--md-text);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-\\(--md-text\\)\\/10 {\n      border-color: color-mix(in oklab, var(--md-text) 10%, transparent);\n    }\n  }\n\n  .border-\\(--md-warning-border\\) {\n    border-color: var(--md-warning-border);\n  }\n\n  .border-amber-200 {\n    border-color: var(--color-amber-200);\n  }\n\n  .border-blue-100 {\n    border-color: var(--color-blue-100);\n  }\n\n  .border-blue-200 {\n    border-color: var(--color-blue-200);\n  }\n\n  .border-blue-500\\/20 {\n    border-color: #3080ff33;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-blue-500\\/20 {\n      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n    }\n  }\n\n  .border-emerald-100 {\n    border-color: var(--color-emerald-100);\n  }\n\n  .border-emerald-200 {\n    border-color: var(--color-emerald-200);\n  }\n\n  .border-gray-100 {\n    border-color: var(--color-gray-100);\n  }\n\n  .border-gray-200 {\n    border-color: var(--color-gray-200);\n  }\n\n  .border-gray-800 {\n    border-color: var(--color-gray-800);\n  }\n\n  .border-indigo-200 {\n    border-color: var(--color-indigo-200);\n  }\n\n  .border-purple-200 {\n    border-color: var(--color-purple-200);\n  }\n\n  .border-red-200 {\n    border-color: var(--color-red-200);\n  }\n\n  .border-sky-100 {\n    border-color: var(--color-sky-100);\n  }\n\n  .border-sky-200 {\n    border-color: var(--color-sky-200);\n  }\n\n  .border-slate-200 {\n    border-color: var(--color-slate-200);\n  }\n\n  .border-transparent {\n    border-color: #0000;\n  }\n\n  .border-white {\n    border-color: var(--color-white);\n  }\n\n  .border-white\\/10 {\n    border-color: #ffffff1a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-white\\/10 {\n      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n\n  .border-yellow-200 {\n    border-color: var(--color-yellow-200);\n  }\n\n  .border-t-\\[\\#42389E\\] {\n    border-top-color: #42389e;\n  }\n\n  .border-r-\\[\\#42389E\\] {\n    border-right-color: #42389e;\n  }\n\n  .border-b-transparent {\n    border-bottom-color: #0000;\n  }\n\n  .border-l-transparent {\n    border-left-color: #0000;\n  }\n\n  .\\!bg-\\[var\\(--md-border\\)\\] {\n    background-color: var(--md-border) !important;\n  }\n\n  .\\!bg-\\[var\\(--md-danger\\)\\] {\n    background-color: var(--md-danger) !important;\n  }\n\n  .\\!bg-gray-200 {\n    background-color: var(--color-gray-200) !important;\n  }\n\n  .\\!bg-red-600 {\n    background-color: var(--color-red-600) !important;\n  }\n\n  .bg-\\(--md-border\\), .bg-\\(--md-border\\)\\/80 {\n    background-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-border\\)\\/80 {\n      background-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n    }\n  }\n\n  .bg-\\(--md-border-strong\\) {\n    background-color: var(--md-border-strong);\n  }\n\n  .bg-\\(--md-danger-bg\\) {\n    background-color: var(--md-danger-bg);\n  }\n\n  .bg-\\(--md-danger-border\\) {\n    background-color: var(--md-danger-border);\n  }\n\n  .bg-\\(--md-info\\)\\! {\n    background-color: var(--md-info) !important;\n  }\n\n  .bg-\\(--md-info-bg\\) {\n    background-color: var(--md-info-bg);\n  }\n\n  .bg-\\(--md-info-border\\) {\n    background-color: var(--md-info-border);\n  }\n\n  .bg-\\(--md-overlay-bg\\) {\n    background-color: var(--md-overlay-bg);\n  }\n\n  .bg-\\(--md-primary\\) {\n    background-color: var(--md-primary);\n  }\n\n  .bg-\\(--md-row-selection\\) {\n    background-color: var(--md-row-selection);\n  }\n\n  .bg-\\(--md-row-selection-bg\\), .bg-\\(--md-row-selection-bg\\)\\/40 {\n    background-color: var(--md-row-selection-bg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-row-selection-bg\\)\\/40 {\n      background-color: color-mix(in oklab, var(--md-row-selection-bg) 40%, transparent);\n    }\n  }\n\n  .bg-\\(--md-row-selection-bg\\)\\/70 {\n    background-color: var(--md-row-selection-bg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-row-selection-bg\\)\\/70 {\n      background-color: color-mix(in oklab, var(--md-row-selection-bg) 70%, transparent);\n    }\n  }\n\n  .bg-\\(--md-row-selection-fg\\) {\n    background-color: var(--md-row-selection-fg);\n  }\n\n  .bg-\\(--md-selection\\), .bg-\\(--md-selection\\)\\/75 {\n    background-color: var(--md-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-selection\\)\\/75 {\n      background-color: color-mix(in oklab, var(--md-selection) 75%, transparent);\n    }\n  }\n\n  .bg-\\(--md-selection-bg\\) {\n    background-color: var(--md-selection-bg);\n  }\n\n  .bg-\\(--md-surface\\), .bg-\\(--md-surface\\)\\/90 {\n    background-color: var(--md-surface);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-surface\\)\\/90 {\n      background-color: color-mix(in oklab, var(--md-surface) 90%, transparent);\n    }\n  }\n\n  .bg-\\(--md-surface-hover\\), .bg-\\(--md-surface-hover\\)\\/30 {\n    background-color: var(--md-surface-hover);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-surface-hover\\)\\/30 {\n      background-color: color-mix(in oklab, var(--md-surface-hover) 30%, transparent);\n    }\n  }\n\n  .bg-\\(--md-surface-hover\\)\\/50 {\n    background-color: var(--md-surface-hover);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-surface-hover\\)\\/50 {\n      background-color: color-mix(in oklab, var(--md-surface-hover) 50%, transparent);\n    }\n  }\n\n  .bg-\\(--md-surface-muted\\), .bg-\\(--md-surface-muted\\)\\/75 {\n    background-color: var(--md-surface-muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-surface-muted\\)\\/75 {\n      background-color: color-mix(in oklab, var(--md-surface-muted) 75%, transparent);\n    }\n  }\n\n  .bg-\\(--md-surface-muted\\)\\/80 {\n    background-color: var(--md-surface-muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-surface-muted\\)\\/80 {\n      background-color: color-mix(in oklab, var(--md-surface-muted) 80%, transparent);\n    }\n  }\n\n  .bg-\\(--md-text\\), .bg-\\(--md-text\\)\\/0 {\n    background-color: var(--md-text);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-text\\)\\/0 {\n      background-color: color-mix(in oklab, var(--md-text) 0%, transparent);\n    }\n  }\n\n  .bg-\\(--md-text-subtle\\) {\n    background-color: var(--md-text-subtle);\n  }\n\n  .bg-\\(--md-toolbar-bg\\)\\/95 {\n    background-color: var(--md-toolbar-bg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\(--md-toolbar-bg\\)\\/95 {\n      background-color: color-mix(in oklab, var(--md-toolbar-bg) 95%, transparent);\n    }\n  }\n\n  .bg-\\(--md-toolbar-border\\) {\n    background-color: var(--md-toolbar-border);\n  }\n\n  .bg-\\(--md-tooltip-bg\\) {\n    background-color: var(--md-tooltip-bg);\n  }\n\n  .bg-\\(--md-warning-bg\\) {\n    background-color: var(--md-warning-bg);\n  }\n\n  .bg-\\(--md-warning-border\\) {\n    background-color: var(--md-warning-border);\n  }\n\n  .bg-\\[\\#0b0b0c\\] {\n    background-color: #0b0b0c;\n  }\n\n  .bg-\\[\\#1a1a1d\\] {\n    background-color: #1a1a1d;\n  }\n\n  .bg-\\[\\#28c840\\] {\n    background-color: #28c840;\n  }\n\n  .bg-\\[\\#42389E\\] {\n    background-color: #42389e;\n  }\n\n  .bg-\\[\\#42389E\\]\\/10 {\n    background-color: oklab(41.5418% .0313346 -.155848 / .1);\n  }\n\n  .bg-\\[\\#101012\\] {\n    background-color: #101012;\n  }\n\n  .bg-\\[\\#febc2e\\] {\n    background-color: #febc2e;\n  }\n\n  .bg-\\[\\#ff5f57\\] {\n    background-color: #ff5f57;\n  }\n\n  .bg-\\[var\\(--md-border\\)\\]\\/80 {\n    background-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\[var\\(--md-border\\)\\]\\/80 {\n      background-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n    }\n  }\n\n  .bg-\\[var\\(--md-row-selection-bg\\)\\] {\n    background-color: var(--md-row-selection-bg);\n  }\n\n  .bg-\\[var\\(--md-selection\\)\\] {\n    background-color: var(--md-selection);\n  }\n\n  .bg-\\[var\\(--md-surface-hover\\)\\] {\n    background-color: var(--md-surface-hover);\n  }\n\n  .bg-\\[var\\(--md-toolbar-bg\\)\\]\\/95 {\n    background-color: var(--md-toolbar-bg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-\\[var\\(--md-toolbar-bg\\)\\]\\/95 {\n      background-color: color-mix(in oklab, var(--md-toolbar-bg) 95%, transparent);\n    }\n  }\n\n  .bg-\\[var\\(--md-tooltip-bg\\)\\] {\n    background-color: var(--md-tooltip-bg);\n  }\n\n  .bg-amber-50 {\n    background-color: var(--color-amber-50);\n  }\n\n  .bg-amber-50\\/80 {\n    background-color: #fffbebcc;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-amber-50\\/80 {\n      background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);\n    }\n  }\n\n  .bg-amber-100 {\n    background-color: var(--color-amber-100);\n  }\n\n  .bg-amber-400 {\n    background-color: var(--color-amber-400);\n  }\n\n  .bg-amber-500\\/10 {\n    background-color: #f99c001a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-amber-500\\/10 {\n      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);\n    }\n  }\n\n  .bg-amber-500\\/15 {\n    background-color: #f99c0026;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-amber-500\\/15 {\n      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);\n    }\n  }\n\n  .bg-black\\/35 {\n    background-color: #00000059;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-black\\/35 {\n      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);\n    }\n  }\n\n  .bg-black\\/40 {\n    background-color: #0006;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-black\\/40 {\n      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n    }\n  }\n\n  .bg-black\\/70 {\n    background-color: #000000b3;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-black\\/70 {\n      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n    }\n  }\n\n  .bg-blue-50 {\n    background-color: var(--color-blue-50);\n  }\n\n  .bg-blue-500\\/5 {\n    background-color: #3080ff0d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-blue-500\\/5 {\n      background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);\n    }\n  }\n\n  .bg-blue-500\\/10 {\n    background-color: #3080ff1a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-blue-500\\/10 {\n      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);\n    }\n  }\n\n  .bg-blue-500\\/20 {\n    background-color: #3080ff33;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-blue-500\\/20 {\n      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n    }\n  }\n\n  .bg-emerald-50 {\n    background-color: var(--color-emerald-50);\n  }\n\n  .bg-emerald-100 {\n    background-color: var(--color-emerald-100);\n  }\n\n  .bg-emerald-400 {\n    background-color: var(--color-emerald-400);\n  }\n\n  .bg-emerald-500 {\n    background-color: var(--color-emerald-500);\n  }\n\n  .bg-gray-50 {\n    background-color: var(--color-gray-50);\n  }\n\n  .bg-gray-50\\/40 {\n    background-color: #f9fafb66;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-gray-50\\/40 {\n      background-color: color-mix(in oklab, var(--color-gray-50) 40%, transparent);\n    }\n  }\n\n  .bg-gray-50\\/50 {\n    background-color: #f9fafb80;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-gray-50\\/50 {\n      background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);\n    }\n  }\n\n  .bg-gray-50\\/70 {\n    background-color: #f9fafbb3;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-gray-50\\/70 {\n      background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent);\n    }\n  }\n\n  .bg-gray-100 {\n    background-color: var(--color-gray-100);\n  }\n\n  .bg-gray-200 {\n    background-color: var(--color-gray-200);\n  }\n\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n\n  .bg-gray-800 {\n    background-color: var(--color-gray-800);\n  }\n\n  .bg-gray-900 {\n    background-color: var(--color-gray-900);\n  }\n\n  .bg-gray-950 {\n    background-color: var(--color-gray-950);\n  }\n\n  .bg-indigo-50 {\n    background-color: var(--color-indigo-50);\n  }\n\n  .bg-orange-500\\/20 {\n    background-color: #fe6e0033;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-orange-500\\/20 {\n      background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);\n    }\n  }\n\n  .bg-purple-50 {\n    background-color: var(--color-purple-50);\n  }\n\n  .bg-purple-500\\/20 {\n    background-color: #ac4bff33;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-purple-500\\/20 {\n      background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);\n    }\n  }\n\n  .bg-red-50 {\n    background-color: var(--color-red-50);\n  }\n\n  .bg-sky-50 {\n    background-color: var(--color-sky-50);\n  }\n\n  .bg-slate-100 {\n    background-color: var(--color-slate-100);\n  }\n\n  .bg-transparent {\n    background-color: #0000;\n  }\n\n  .bg-violet-50 {\n    background-color: var(--color-violet-50);\n  }\n\n  .bg-white {\n    background-color: var(--color-white);\n  }\n\n  .bg-white\\/3 {\n    background-color: #ffffff08;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-white\\/3 {\n      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);\n    }\n  }\n\n  .bg-white\\/10 {\n    background-color: #ffffff1a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-white\\/10 {\n      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n\n  .bg-white\\/95 {\n    background-color: #fffffff2;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-white\\/95 {\n      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);\n    }\n  }\n\n  .bg-yellow-50 {\n    background-color: var(--color-yellow-50);\n  }\n\n  .bg-linear-to-br {\n    --tw-gradient-position: to bottom right;\n  }\n\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-br {\n      --tw-gradient-position: to bottom right in oklab;\n    }\n  }\n\n  .bg-linear-to-br {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n\n  .bg-linear-to-r {\n    --tw-gradient-position: to right;\n  }\n\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-r {\n      --tw-gradient-position: to right in oklab;\n    }\n  }\n\n  .bg-linear-to-r {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n\n  .bg-gradient-to-br {\n    --tw-gradient-position: to bottom right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n\n  .bg-gradient-to-r {\n    --tw-gradient-position: to right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n\n  .from-\\(--md-row-selection\\) {\n    --tw-gradient-from: var(--md-row-selection);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .from-\\[\\#42389E\\] {\n    --tw-gradient-from: #42389e;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .from-\\[var\\(--md-selection\\)\\] {\n    --tw-gradient-from: var(--md-selection);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .to-\\(--md-row-selection-fg\\) {\n    --tw-gradient-to: var(--md-row-selection-fg);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .to-\\[\\#6B5BC9\\] {\n    --tw-gradient-to: #6b5bc9;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .to-\\[var\\(--md-selection-fg\\)\\] {\n    --tw-gradient-to: var(--md-selection-fg);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .stroke-\\(--md-text-muted\\) {\n    stroke: var(--md-text-muted);\n  }\n\n  .stroke-current {\n    stroke: currentColor;\n  }\n\n  .object-contain {\n    object-fit: contain;\n  }\n\n  .object-cover {\n    object-fit: cover;\n  }\n\n  .p-0\\.5 {\n    padding: calc(var(--spacing) * .5);\n  }\n\n  .p-1 {\n    padding: var(--spacing);\n  }\n\n  .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n\n  .p-1\\.25 {\n    padding: calc(var(--spacing) * 1.25);\n  }\n\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .p-2\\.5 {\n    padding: calc(var(--spacing) * 2.5);\n  }\n\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .p-5 {\n    padding: calc(var(--spacing) * 5);\n  }\n\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n\n  .\\!px-6 {\n    padding-inline: calc(var(--spacing) * 6) !important;\n  }\n\n  .px-0\\.5 {\n    padding-inline: calc(var(--spacing) * .5);\n  }\n\n  .px-1 {\n    padding-inline: var(--spacing);\n  }\n\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .px-1\\.75 {\n    padding-inline: calc(var(--spacing) * 1.75);\n  }\n\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .px-3\\.5 {\n    padding-inline: calc(var(--spacing) * 3.5);\n  }\n\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n\n  .px-5\\! {\n    padding-inline: calc(var(--spacing) * 5) !important;\n  }\n\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n\n  .px-8 {\n    padding-inline: calc(var(--spacing) * 8);\n  }\n\n  .px-20 {\n    padding-inline: calc(var(--spacing) * 20);\n  }\n\n  .\\!py-2 {\n    padding-block: calc(var(--spacing) * 2) !important;\n  }\n\n  .py-0 {\n    padding-block: 0;\n  }\n\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * .5);\n  }\n\n  .py-0\\.75 {\n    padding-block: calc(var(--spacing) * .75);\n  }\n\n  .py-1 {\n    padding-block: var(--spacing);\n  }\n\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .py-1\\.25 {\n    padding-block: calc(var(--spacing) * 1.25);\n  }\n\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n\n  .py-2\\.75 {\n    padding-block: calc(var(--spacing) * 2.75);\n  }\n\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n\n  .py-3\\.25 {\n    padding-block: calc(var(--spacing) * 3.25);\n  }\n\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6);\n  }\n\n  .py-8 {\n    padding-block: calc(var(--spacing) * 8);\n  }\n\n  .py-12 {\n    padding-block: calc(var(--spacing) * 12);\n  }\n\n  .py-16 {\n    padding-block: calc(var(--spacing) * 16);\n  }\n\n  .py-24 {\n    padding-block: calc(var(--spacing) * 24);\n  }\n\n  .py-\\[8px\\] {\n    padding-block: 8px;\n  }\n\n  .py-px {\n    padding-block: 1px;\n  }\n\n  .pt-0 {\n    padding-top: 0;\n  }\n\n  .pt-1 {\n    padding-top: var(--spacing);\n  }\n\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n\n  .pt-3 {\n    padding-top: calc(var(--spacing) * 3);\n  }\n\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n\n  .pr-3 {\n    padding-right: calc(var(--spacing) * 3);\n  }\n\n  .pr-7 {\n    padding-right: calc(var(--spacing) * 7);\n  }\n\n  .pb-1 {\n    padding-bottom: var(--spacing);\n  }\n\n  .pb-1\\.5 {\n    padding-bottom: calc(var(--spacing) * 1.5);\n  }\n\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .pb-5 {\n    padding-bottom: calc(var(--spacing) * 5);\n  }\n\n  .pb-20 {\n    padding-bottom: calc(var(--spacing) * 20);\n  }\n\n  .\\!pl-6 {\n    padding-left: calc(var(--spacing) * 6) !important;\n  }\n\n  .pl-0\\.5 {\n    padding-left: calc(var(--spacing) * .5);\n  }\n\n  .pl-1 {\n    padding-left: var(--spacing);\n  }\n\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .pl-5 {\n    padding-left: calc(var(--spacing) * 5);\n  }\n\n  .pl-6 {\n    padding-left: calc(var(--spacing) * 6);\n  }\n\n  .pl-6\\! {\n    padding-left: calc(var(--spacing) * 6) !important;\n  }\n\n  .pl-7 {\n    padding-left: calc(var(--spacing) * 7);\n  }\n\n  .pl-9 {\n    padding-left: calc(var(--spacing) * 9);\n  }\n\n  .pl-14 {\n    padding-left: calc(var(--spacing) * 14);\n  }\n\n  .pl-\\[Xpx\\] {\n    padding-left: Xpx;\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .text-right {\n    text-align: right;\n  }\n\n  .font-mono {\n    font-family: var(--font-mono);\n  }\n\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .text-\\[8px\\] {\n    font-size: 8px;\n  }\n\n  .text-\\[9\\.5px\\] {\n    font-size: 9.5px;\n  }\n\n  .text-\\[9px\\] {\n    font-size: 9px;\n  }\n\n  .text-\\[10\\.5px\\] {\n    font-size: 10.5px;\n  }\n\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n\n  .text-\\[11\\.5px\\] {\n    font-size: 11.5px;\n  }\n\n  .text-\\[11px\\] {\n    font-size: 11px;\n  }\n\n  .text-\\[12\\.5px\\] {\n    font-size: 12.5px;\n  }\n\n  .text-\\[12px\\] {\n    font-size: 12px;\n  }\n\n  .text-\\[13\\.5px\\] {\n    font-size: 13.5px;\n  }\n\n  .text-\\[13px\\] {\n    font-size: 13px;\n  }\n\n  .text-\\[14px\\] {\n    font-size: 14px;\n  }\n\n  .text-\\[15px\\] {\n    font-size: 15px;\n  }\n\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .tracking-\\[\\.02em\\] {\n    --tw-tracking: .02em;\n    letter-spacing: .02em;\n  }\n\n  .tracking-\\[\\.05em\\] {\n    --tw-tracking: .05em;\n    letter-spacing: .05em;\n  }\n\n  .tracking-\\[\\.06em\\] {\n    --tw-tracking: .06em;\n    letter-spacing: .06em;\n  }\n\n  .tracking-\\[\\.08em\\] {\n    --tw-tracking: .08em;\n    letter-spacing: .08em;\n  }\n\n  .tracking-normal {\n    --tw-tracking: var(--tracking-normal);\n    letter-spacing: var(--tracking-normal);\n  }\n\n  .tracking-wide {\n    --tw-tracking: var(--tracking-wide);\n    letter-spacing: var(--tracking-wide);\n  }\n\n  .tracking-wider {\n    --tw-tracking: var(--tracking-wider);\n    letter-spacing: var(--tracking-wider);\n  }\n\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest);\n    letter-spacing: var(--tracking-widest);\n  }\n\n  .wrap-break-word {\n    overflow-wrap: break-word;\n  }\n\n  .break-all {\n    word-break: break-all;\n  }\n\n  .whitespace-normal {\n    white-space: normal;\n  }\n\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .whitespace-pre {\n    white-space: pre;\n  }\n\n  .\\!text-\\[var\\(--md-text\\)\\] {\n    color: var(--md-text) !important;\n  }\n\n  .\\!text-gray-800 {\n    color: var(--color-gray-800) !important;\n  }\n\n  .text-\\(--md-danger\\), .text-\\(--md-danger\\)\\/80 {\n    color: var(--md-danger);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .text-\\(--md-danger\\)\\/80 {\n      color: color-mix(in oklab, var(--md-danger) 80%, transparent);\n    }\n  }\n\n  .text-\\(--md-danger-fg\\) {\n    color: var(--md-danger-fg);\n  }\n\n  .text-\\(--md-info\\) {\n    color: var(--md-info);\n  }\n\n  .text-\\(--md-info-fg\\) {\n    color: var(--md-info-fg);\n  }\n\n  .text-\\(--md-primary\\) {\n    color: var(--md-primary);\n  }\n\n  .text-\\(--md-row-selection\\) {\n    color: var(--md-row-selection);\n  }\n\n  .text-\\(--md-row-selection-fg\\) {\n    color: var(--md-row-selection-fg);\n  }\n\n  .text-\\(--md-selection\\) {\n    color: var(--md-selection);\n  }\n\n  .text-\\(--md-selection-fg\\) {\n    color: var(--md-selection-fg);\n  }\n\n  .text-\\(--md-success\\) {\n    color: var(--md-success);\n  }\n\n  .text-\\(--md-surface\\) {\n    color: var(--md-surface);\n  }\n\n  .text-\\(--md-text\\) {\n    color: var(--md-text);\n  }\n\n  .text-\\(--md-text-muted\\) {\n    color: var(--md-text-muted);\n  }\n\n  .text-\\(--md-text-subtle\\), .text-\\(--md-text-subtle\\)\\/75 {\n    color: var(--md-text-subtle);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .text-\\(--md-text-subtle\\)\\/75 {\n      color: color-mix(in oklab, var(--md-text-subtle) 75%, transparent);\n    }\n  }\n\n  .text-\\(--md-toolbar-text\\) {\n    color: var(--md-toolbar-text);\n  }\n\n  .text-\\(--md-tooltip-text\\) {\n    color: var(--md-tooltip-text);\n  }\n\n  .text-\\(--md-warning\\) {\n    color: var(--md-warning);\n  }\n\n  .text-\\(--md-warning-fg\\), .text-\\(--md-warning-fg\\)\\/80 {\n    color: var(--md-warning-fg);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .text-\\(--md-warning-fg\\)\\/80 {\n      color: color-mix(in oklab, var(--md-warning-fg) 80%, transparent);\n    }\n  }\n\n  .text-\\[\\#42389E\\] {\n    color: #42389e;\n  }\n\n  .text-\\[var\\(--md-danger\\)\\] {\n    color: var(--md-danger);\n  }\n\n  .text-\\[var\\(--md-row-selection\\)\\] {\n    color: var(--md-row-selection);\n  }\n\n  .text-\\[var\\(--md-row-selection-fg\\)\\] {\n    color: var(--md-row-selection-fg);\n  }\n\n  .text-\\[var\\(--md-text\\)\\] {\n    color: var(--md-text);\n  }\n\n  .text-\\[var\\(--md-text-muted\\)\\] {\n    color: var(--md-text-muted);\n  }\n\n  .text-\\[var\\(--md-text-subtle\\)\\] {\n    color: var(--md-text-subtle);\n  }\n\n  .text-\\[var\\(--md-toolbar-text\\)\\] {\n    color: var(--md-toolbar-text);\n  }\n\n  .text-\\[var\\(--md-tooltip-text\\)\\] {\n    color: var(--md-tooltip-text);\n  }\n\n  .text-amber-200 {\n    color: var(--color-amber-200);\n  }\n\n  .text-amber-300 {\n    color: var(--color-amber-300);\n  }\n\n  .text-amber-400 {\n    color: var(--color-amber-400);\n  }\n\n  .text-amber-500 {\n    color: var(--color-amber-500);\n  }\n\n  .text-amber-600 {\n    color: var(--color-amber-600);\n  }\n\n  .text-amber-700 {\n    color: var(--color-amber-700);\n  }\n\n  .text-amber-800 {\n    color: var(--color-amber-800);\n  }\n\n  .text-blue-200 {\n    color: var(--color-blue-200);\n  }\n\n  .text-blue-300 {\n    color: var(--color-blue-300);\n  }\n\n  .text-blue-400 {\n    color: var(--color-blue-400);\n  }\n\n  .text-blue-400\\/50 {\n    color: #54a2ff80;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .text-blue-400\\/50 {\n      color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);\n    }\n  }\n\n  .text-blue-500 {\n    color: var(--color-blue-500);\n  }\n\n  .text-blue-600 {\n    color: var(--color-blue-600);\n  }\n\n  .text-blue-700 {\n    color: var(--color-blue-700);\n  }\n\n  .text-blue-800 {\n    color: var(--color-blue-800);\n  }\n\n  .text-emerald-400 {\n    color: var(--color-emerald-400);\n  }\n\n  .text-emerald-500 {\n    color: var(--color-emerald-500);\n  }\n\n  .text-emerald-600 {\n    color: var(--color-emerald-600);\n  }\n\n  .text-emerald-700 {\n    color: var(--color-emerald-700);\n  }\n\n  .text-gray-100 {\n    color: var(--color-gray-100);\n  }\n\n  .text-gray-200 {\n    color: var(--color-gray-200);\n  }\n\n  .text-gray-300 {\n    color: var(--color-gray-300);\n  }\n\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n\n  .text-gray-600 {\n    color: var(--color-gray-600);\n  }\n\n  .text-gray-700 {\n    color: var(--color-gray-700);\n  }\n\n  .text-gray-800 {\n    color: var(--color-gray-800);\n  }\n\n  .text-gray-900 {\n    color: var(--color-gray-900);\n  }\n\n  .text-green-400 {\n    color: var(--color-green-400);\n  }\n\n  .text-indigo-600 {\n    color: var(--color-indigo-600);\n  }\n\n  .text-orange-300 {\n    color: var(--color-orange-300);\n  }\n\n  .text-orange-400 {\n    color: var(--color-orange-400);\n  }\n\n  .text-orange-500 {\n    color: var(--color-orange-500);\n  }\n\n  .text-purple-300 {\n    color: var(--color-purple-300);\n  }\n\n  .text-purple-400 {\n    color: var(--color-purple-400);\n  }\n\n  .text-purple-500 {\n    color: var(--color-purple-500);\n  }\n\n  .text-purple-600 {\n    color: var(--color-purple-600);\n  }\n\n  .text-purple-700 {\n    color: var(--color-purple-700);\n  }\n\n  .text-red-400 {\n    color: var(--color-red-400);\n  }\n\n  .text-red-500 {\n    color: var(--color-red-500);\n  }\n\n  .text-red-600 {\n    color: var(--color-red-600);\n  }\n\n  .text-red-700 {\n    color: var(--color-red-700);\n  }\n\n  .text-rose-400 {\n    color: var(--color-rose-400);\n  }\n\n  .text-rose-500 {\n    color: var(--color-rose-500);\n  }\n\n  .text-rose-600 {\n    color: var(--color-rose-600);\n  }\n\n  .text-sky-400 {\n    color: var(--color-sky-400);\n  }\n\n  .text-sky-600 {\n    color: var(--color-sky-600);\n  }\n\n  .text-sky-700 {\n    color: var(--color-sky-700);\n  }\n\n  .text-slate-600 {\n    color: var(--color-slate-600);\n  }\n\n  .text-violet-600 {\n    color: var(--color-violet-600);\n  }\n\n  .text-white {\n    color: var(--color-white);\n  }\n\n  .text-yellow-700 {\n    color: var(--color-yellow-700);\n  }\n\n  .capitalize {\n    text-transform: capitalize;\n  }\n\n  .lowercase {\n    text-transform: lowercase;\n  }\n\n  .uppercase {\n    text-transform: uppercase;\n  }\n\n  .italic {\n    font-style: italic;\n  }\n\n  .tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );\n  }\n\n  .line-through {\n    text-decoration-line: line-through;\n  }\n\n  .overline {\n    text-decoration-line: overline;\n  }\n\n  .underline {\n    text-decoration-line: underline;\n  }\n\n  .placeholder-\\(--md-text-subtle\\)::placeholder {\n    color: var(--md-text-subtle);\n  }\n\n  .accent-\\(--md-selection\\) {\n    accent-color: var(--md-selection);\n  }\n\n  .opacity-0 {\n    opacity: 0;\n  }\n\n  .opacity-25 {\n    opacity: .25;\n  }\n\n  .opacity-30 {\n    opacity: .3;\n  }\n\n  .opacity-40 {\n    opacity: .4;\n  }\n\n  .opacity-50 {\n    opacity: .5;\n  }\n\n  .opacity-60 {\n    opacity: .6;\n  }\n\n  .opacity-75 {\n    opacity: .75;\n  }\n\n  .opacity-100 {\n    opacity: 1;\n  }\n\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\(--md-overlay-shadow\\) {\n    --tw-shadow: var(--md-overlay-shadow);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_1px_2px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\] {\n    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0000000a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\] {\n    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #0000000a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\,0_0_0_0\\.5px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\] {\n    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #00000014), 0 0 0 .5px var(--tw-shadow-color, #00000014);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_2px_8px_-1px_rgba\\(16\\,24\\,40\\,0\\.08\\)\\] {\n    --tw-shadow: 0 2px 8px -1px var(--tw-shadow-color, #10182814);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_4px_12px_-2px_rgba\\(16\\,24\\,40\\,0\\.08\\)\\,0_2px_4px_-1px_rgba\\(16\\,24\\,40\\,0\\.04\\)\\] {\n    --tw-shadow: 0 4px 12px -2px var(--tw-shadow-color, #10182814), 0 2px 4px -1px var(--tw-shadow-color, #1018280a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_8px_24px_-4px_rgba\\(16\\,24\\,40\\,0\\.10\\)\\,0_4px_8px_-2px_rgba\\(16\\,24\\,40\\,0\\.06\\)\\] {\n    --tw-shadow: 0 8px 24px -4px var(--tw-shadow-color, #1018281a), 0 4px 8px -2px var(--tw-shadow-color, #1018280f);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-xs {\n    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring, .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-\\(--md-danger\\) {\n    --tw-ring-color: var(--md-danger);\n  }\n\n  .ring-\\(--md-row-selection\\), .ring-\\(--md-row-selection\\)\\/70 {\n    --tw-ring-color: var(--md-row-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-\\(--md-row-selection\\)\\/70 {\n      --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 70%, transparent);\n    }\n  }\n\n  .ring-\\(--md-selection\\), .ring-\\(--md-selection\\)\\/70 {\n    --tw-ring-color: var(--md-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-\\(--md-selection\\)\\/70 {\n      --tw-ring-color: color-mix(in oklab, var(--md-selection) 70%, transparent);\n    }\n  }\n\n  .ring-\\(--md-toolbar-border\\) {\n    --tw-ring-color: var(--md-toolbar-border);\n  }\n\n  .ring-\\(--md-warning\\) {\n    --tw-ring-color: var(--md-warning);\n  }\n\n  .ring-\\[var\\(--md-row-selection\\)\\]\\/40 {\n    --tw-ring-color: var(--md-row-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-\\[var\\(--md-row-selection\\)\\]\\/40 {\n      --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 40%, transparent);\n    }\n  }\n\n  .ring-\\[var\\(--md-row-selection\\)\\]\\/70 {\n    --tw-ring-color: var(--md-row-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-\\[var\\(--md-row-selection\\)\\]\\/70 {\n      --tw-ring-color: color-mix(in oklab, var(--md-row-selection) 70%, transparent);\n    }\n  }\n\n  .ring-\\[var\\(--md-surface\\)\\] {\n    --tw-ring-color: var(--md-surface);\n  }\n\n  .ring-amber-100 {\n    --tw-ring-color: var(--color-amber-100);\n  }\n\n  .ring-blue-500\\/30 {\n    --tw-ring-color: #3080ff4d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-blue-500\\/30 {\n      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);\n    }\n  }\n\n  .ring-emerald-100 {\n    --tw-ring-color: var(--color-emerald-100);\n  }\n\n  .ring-gray-200 {\n    --tw-ring-color: var(--color-gray-200);\n  }\n\n  .ring-orange-500\\/30 {\n    --tw-ring-color: #fe6e004d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-orange-500\\/30 {\n      --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);\n    }\n  }\n\n  .ring-purple-200 {\n    --tw-ring-color: var(--color-purple-200);\n  }\n\n  .ring-purple-500\\/30 {\n    --tw-ring-color: #ac4bff4d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-purple-500\\/30 {\n      --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);\n    }\n  }\n\n  .ring-white\\/5 {\n    --tw-ring-color: #ffffff0d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-white\\/5 {\n      --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n    }\n  }\n\n  .ring-white\\/10 {\n    --tw-ring-color: #ffffff1a;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-white\\/10 {\n      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n\n  .ring-offset-1 {\n    --tw-ring-offset-width: 1px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n\n  .outline, .outline-1 {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .outline-offset-0 {\n    outline-offset: 0px;\n  }\n\n  .outline-\\(--md-border\\), .outline-\\(--md-border\\)\\/80 {\n    outline-color: var(--md-border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .outline-\\(--md-border\\)\\/80 {\n      outline-color: color-mix(in oklab, var(--md-border) 80%, transparent);\n    }\n  }\n\n  .outline-\\(--md-row-selection\\), .outline-\\(--md-row-selection\\)\\/50 {\n    outline-color: var(--md-row-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .outline-\\(--md-row-selection\\)\\/50 {\n      outline-color: color-mix(in oklab, var(--md-row-selection) 50%, transparent);\n    }\n  }\n\n  .outline-\\(--md-row-selection-fg\\) {\n    outline-color: var(--md-row-selection-fg);\n  }\n\n  .outline-\\(--md-surface-hover\\) {\n    outline-color: var(--md-surface-hover);\n  }\n\n  .outline-transparent {\n    outline-color: #0000;\n  }\n\n  .blur {\n    --tw-blur: blur(8px);\n    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, );\n  }\n\n  .invert {\n    --tw-invert: invert(100%);\n    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, );\n  }\n\n  .filter {\n    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, );\n  }\n\n  .backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .backdrop-blur-md {\n    --tw-backdrop-blur: blur(var(--blur-md));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .backdrop-blur-sm {\n    --tw-backdrop-blur: blur(var(--blur-sm));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .backdrop-filter {\n    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n  }\n\n  .transition {\n    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;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .duration-100 {\n    --tw-duration: .1s;\n    transition-duration: .1s;\n  }\n\n  .duration-120 {\n    --tw-duration: .12s;\n    transition-duration: .12s;\n  }\n\n  .duration-150 {\n    --tw-duration: .15s;\n    transition-duration: .15s;\n  }\n\n  .duration-200 {\n    --tw-duration: .2s;\n    transition-duration: .2s;\n  }\n\n  .ease-in {\n    --tw-ease: var(--ease-in);\n    transition-timing-function: var(--ease-in);\n  }\n\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n\n  .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n\n  .outline-dashed {\n    --tw-outline-style: dashed;\n    outline-style: dashed;\n  }\n\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n\n  @media (hover: hover) {\n    .group-hover\\:flex:is(:where(.group):hover *) {\n      display: flex;\n    }\n\n    .group-hover\\:translate-x-0:is(:where(.group):hover *) {\n      --tw-translate-x: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\:gap-1:is(:where(.group):hover *) {\n      gap: var(--spacing);\n    }\n\n    .group-hover\\:border-\\(--md-border-strong\\):is(:where(.group):hover *) {\n      border-color: var(--md-border-strong);\n    }\n\n    .group-hover\\:bg-\\(--md-row-selection-bg\\):is(:where(.group):hover *) {\n      background-color: var(--md-row-selection-bg);\n    }\n\n    .group-hover\\:bg-\\(--md-text\\)\\/\\[0\\.03\\]:is(:where(.group):hover *) {\n      background-color: var(--md-text);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .group-hover\\:bg-\\(--md-text\\)\\/\\[0\\.03\\]:is(:where(.group):hover *) {\n        background-color: color-mix(in oklab, var(--md-text) 3%, transparent);\n      }\n    }\n\n    .group-hover\\:bg-gray-900:is(:where(.group):hover *) {\n      background-color: var(--color-gray-900);\n    }\n\n    .group-hover\\:text-\\(--md-text-muted\\):is(:where(.group):hover *) {\n      color: var(--md-text-muted);\n    }\n\n    .group-hover\\:text-\\(--md-text-subtle\\):is(:where(.group):hover *) {\n      color: var(--md-text-subtle);\n    }\n\n    .group-hover\\:text-white:is(:where(.group):hover *) {\n      color: var(--color-white);\n    }\n\n    .group-hover\\:opacity-100:is(:where(.group):hover *), .group-hover\\/badge\\:opacity-100:is(:where(.group\\/badge):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/btn\\:translate-y-0:is(:where(.group\\/btn):hover *) {\n      --tw-translate-y: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\/btn\\:opacity-100:is(:where(.group\\/btn):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/close\\:translate-y-0:is(:where(.group\\/close):hover *) {\n      --tw-translate-y: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\/close\\:opacity-100:is(:where(.group\\/close):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/del\\:translate-y-0:is(:where(.group\\/del):hover *) {\n      --tw-translate-y: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\/del\\:opacity-100:is(:where(.group\\/del):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/inner\\:text-\\(--md-selection-fg\\):is(:where(.group\\/inner):hover *) {\n      color: var(--md-selection-fg);\n    }\n\n    .group-hover\\/leaf\\:opacity-100:is(:where(.group\\/leaf):hover *), .group-hover\\/nestedrow\\:opacity-100:is(:where(.group\\/nestedrow):hover *), .group-hover\\/next\\:opacity-100:is(:where(.group\\/next):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/pill\\:translate-y-0:is(:where(.group\\/pill):hover *) {\n      --tw-translate-y: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\/pill\\:opacity-100:is(:where(.group\\/pill):hover *), .group-hover\\/prev\\:opacity-100:is(:where(.group\\/prev):hover *), .group-hover\\/row\\:opacity-100:is(:where(.group\\/row):hover *) {\n      opacity: 1;\n    }\n\n    .group-hover\\/vis\\:pointer-events-auto:is(:where(.group\\/vis):hover *) {\n      pointer-events: auto;\n    }\n\n    .group-hover\\/vis\\:translate-y-0:is(:where(.group\\/vis):hover *) {\n      --tw-translate-y: 0px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n\n    .group-hover\\/vis\\:opacity-100:is(:where(.group\\/vis):hover *) {\n      opacity: 1;\n    }\n  }\n\n  .placeholder\\:text-sm::placeholder {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .placeholder\\:text-gray-400::placeholder {\n    color: var(--color-gray-400);\n  }\n\n  .after\\:absolute:after {\n    content: var(--tw-content);\n    position: absolute;\n  }\n\n  .after\\:top-full:after {\n    content: var(--tw-content);\n    top: 100%;\n  }\n\n  .after\\:right-2:after {\n    content: var(--tw-content);\n    right: calc(var(--spacing) * 2);\n  }\n\n  .after\\:right-3:after {\n    content: var(--tw-content);\n    right: calc(var(--spacing) * 3);\n  }\n\n  .after\\:bottom-full:after {\n    content: var(--tw-content);\n    bottom: 100%;\n  }\n\n  .after\\:left-1\\/2:after {\n    content: var(--tw-content);\n    left: 50%;\n  }\n\n  .after\\:-translate-x-1\\/2:after {\n    content: var(--tw-content);\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .after\\:rotate-180:after {\n    content: var(--tw-content);\n    rotate: 180deg;\n  }\n\n  .after\\:border-4:after {\n    content: var(--tw-content);\n    border-style: var(--tw-border-style);\n    border-width: 4px;\n  }\n\n  .after\\:border-transparent:after {\n    content: var(--tw-content);\n    border-color: #0000;\n  }\n\n  .after\\:border-t-\\(--md-tooltip-bg\\):after, .after\\:border-t-\\[var\\(--md-tooltip-bg\\)\\]:after {\n    content: var(--tw-content);\n    border-top-color: var(--md-tooltip-bg);\n  }\n\n  .after\\:border-b-\\(--md-tooltip-bg\\):after {\n    content: var(--tw-content);\n    border-bottom-color: var(--md-tooltip-bg);\n  }\n\n  .after\\:content-\\[\\'\\'\\]:after {\n    --tw-content: \"\";\n    content: var(--tw-content);\n  }\n\n  .last\\:mb-0:last-child {\n    margin-bottom: 0;\n  }\n\n  .last\\:border-r-0:last-child {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0;\n  }\n\n  .focus-within\\:border-purple-500:focus-within {\n    border-color: var(--color-purple-500);\n  }\n\n  .focus-within\\:ring-2:focus-within {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-within\\:ring-purple-500\\/15:focus-within {\n    --tw-ring-color: #ac4bff26;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .focus-within\\:ring-purple-500\\/15:focus-within {\n      --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent);\n    }\n  }\n\n  @media (hover: hover) {\n    .hover\\:scale-105:hover {\n      --tw-scale-x: 105%;\n      --tw-scale-y: 105%;\n      --tw-scale-z: 105%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n\n    .hover\\:scale-110:hover {\n      --tw-scale-x: 110%;\n      --tw-scale-y: 110%;\n      --tw-scale-z: 110%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n\n    .hover\\:border-\\(--md-border\\):hover {\n      border-color: var(--md-border);\n    }\n\n    .hover\\:border-\\(--md-border-strong\\):hover {\n      border-color: var(--md-border-strong);\n    }\n\n    .hover\\:border-\\(--md-row-selection\\):hover {\n      border-color: var(--md-row-selection);\n    }\n\n    .hover\\:border-\\(--md-selection\\):hover {\n      border-color: var(--md-selection);\n    }\n\n    .hover\\:border-\\(--md-text-subtle\\):hover {\n      border-color: var(--md-text-subtle);\n    }\n\n    .hover\\:border-purple-400:hover {\n      border-color: var(--color-purple-400);\n    }\n\n    .hover\\:bg-\\(--md-border\\):hover {\n      background-color: var(--md-border);\n    }\n\n    .hover\\:bg-\\(--md-danger-bg\\):hover {\n      background-color: var(--md-danger-bg);\n    }\n\n    .hover\\:bg-\\(--md-row-selection-bg\\):hover, .hover\\:bg-\\(--md-row-selection-bg\\)\\/40:hover {\n      background-color: var(--md-row-selection-bg);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-\\(--md-row-selection-bg\\)\\/40:hover {\n        background-color: color-mix(in oklab, var(--md-row-selection-bg) 40%, transparent);\n      }\n    }\n\n    .hover\\:bg-\\(--md-selection-bg\\):hover {\n      background-color: var(--md-selection-bg);\n    }\n\n    .hover\\:bg-\\(--md-success-bg\\):hover {\n      background-color: var(--md-success-bg);\n    }\n\n    .hover\\:bg-\\(--md-surface-hover\\):hover, .hover\\:bg-\\(--md-surface-hover\\)\\/40:hover {\n      background-color: var(--md-surface-hover);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-\\(--md-surface-hover\\)\\/40:hover {\n        background-color: color-mix(in oklab, var(--md-surface-hover) 40%, transparent);\n      }\n    }\n\n    .hover\\:bg-\\(--md-surface-hover\\)\\/50:hover {\n      background-color: var(--md-surface-hover);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-\\(--md-surface-hover\\)\\/50:hover {\n        background-color: color-mix(in oklab, var(--md-surface-hover) 50%, transparent);\n      }\n    }\n\n    .hover\\:bg-\\(--md-surface-muted\\):hover {\n      background-color: var(--md-surface-muted);\n    }\n\n    .hover\\:bg-\\[\\#3a3187\\]:hover {\n      background-color: #3a3187;\n    }\n\n    .hover\\:bg-\\[\\#42389E\\]:hover {\n      background-color: #42389e;\n    }\n\n    .hover\\:bg-\\[var\\(--md-danger-bg\\)\\]:hover {\n      background-color: var(--md-danger-bg);\n    }\n\n    .hover\\:bg-\\[var\\(--md-row-selection-bg\\)\\]:hover {\n      background-color: var(--md-row-selection-bg);\n    }\n\n    .hover\\:bg-\\[var\\(--md-surface-hover\\)\\]:hover {\n      background-color: var(--md-surface-hover);\n    }\n\n    .hover\\:bg-gray-50:hover {\n      background-color: var(--color-gray-50);\n    }\n\n    .hover\\:bg-gray-100:hover {\n      background-color: var(--color-gray-100);\n    }\n\n    .hover\\:bg-gray-800:hover {\n      background-color: var(--color-gray-800);\n    }\n\n    .hover\\:bg-red-50:hover {\n      background-color: var(--color-red-50);\n    }\n\n    .hover\\:bg-violet-100:hover {\n      background-color: var(--color-violet-100);\n    }\n\n    .hover\\:text-\\(--md-danger\\):hover {\n      color: var(--md-danger);\n    }\n\n    .hover\\:text-\\(--md-info-fg\\):hover {\n      color: var(--md-info-fg);\n    }\n\n    .hover\\:text-\\(--md-row-selection-fg\\):hover {\n      color: var(--md-row-selection-fg);\n    }\n\n    .hover\\:text-\\(--md-selection\\):hover {\n      color: var(--md-selection);\n    }\n\n    .hover\\:text-\\(--md-selection-fg\\):hover {\n      color: var(--md-selection-fg);\n    }\n\n    .hover\\:text-\\(--md-success-fg\\):hover {\n      color: var(--md-success-fg);\n    }\n\n    .hover\\:text-\\(--md-text\\):hover {\n      color: var(--md-text);\n    }\n\n    .hover\\:text-\\(--md-text-muted\\):hover {\n      color: var(--md-text-muted);\n    }\n\n    .hover\\:text-\\(--md-text-subtle\\):hover {\n      color: var(--md-text-subtle);\n    }\n\n    .hover\\:text-\\[\\#42389E\\]:hover {\n      color: #42389e;\n    }\n\n    .hover\\:text-\\[var\\(--md-danger\\)\\]:hover {\n      color: var(--md-danger);\n    }\n\n    .hover\\:text-\\[var\\(--md-row-selection-fg\\)\\]:hover {\n      color: var(--md-row-selection-fg);\n    }\n\n    .hover\\:text-\\[var\\(--md-text\\)\\]:hover {\n      color: var(--md-text);\n    }\n\n    .hover\\:text-gray-200:hover {\n      color: var(--color-gray-200);\n    }\n\n    .hover\\:text-gray-700:hover {\n      color: var(--color-gray-700);\n    }\n\n    .hover\\:text-gray-900:hover {\n      color: var(--color-gray-900);\n    }\n\n    .hover\\:text-red-600:hover {\n      color: var(--color-red-600);\n    }\n\n    .hover\\:text-white:hover {\n      color: var(--color-white);\n    }\n\n    .hover\\:no-underline:hover {\n      text-decoration-line: none;\n    }\n\n    .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n\n    .hover\\:opacity-80:hover {\n      opacity: .8;\n    }\n\n    .hover\\:opacity-90\\!:hover {\n      opacity: .9 !important;\n    }\n\n    .hover\\:opacity-100:hover {\n      opacity: 1;\n    }\n\n    .hover\\:shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.07\\)\\]:hover {\n      --tw-shadow: 0 2px 8px var(--tw-shadow-color, #00000012);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .hover\\:shadow-\\[0_8px_24px_-12px_rgba\\(67\\,56\\,202\\,0\\.25\\)\\]:hover {\n      --tw-shadow: 0 8px 24px -12px var(--tw-shadow-color, #4338ca40);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .hover\\:shadow-sm:hover {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n\n  .focus\\:border-\\(--md-border-strong\\):focus {\n    border-color: var(--md-border-strong);\n  }\n\n  .focus\\:border-\\(--md-row-selection\\):focus {\n    border-color: var(--md-row-selection);\n  }\n\n  .focus\\:border-\\[\\#42389E\\]:focus {\n    border-color: #42389e;\n  }\n\n  .focus\\:bg-gray-50:focus {\n    background-color: var(--color-gray-50);\n  }\n\n  .focus\\:bg-white:focus {\n    background-color: var(--color-white);\n  }\n\n  .focus\\:opacity-100:focus {\n    opacity: 1;\n  }\n\n  .focus\\:ring-0:focus {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus\\:ring-1:focus {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus\\:ring-2:focus {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus\\:ring-\\[1px\\]:focus {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus\\:ring-\\(--md-danger\\):focus {\n    --tw-ring-color: var(--md-danger);\n  }\n\n  .focus\\:ring-\\(--md-row-selection\\):focus {\n    --tw-ring-color: var(--md-row-selection);\n  }\n\n  .focus\\:ring-\\(--md-selection\\):focus {\n    --tw-ring-color: var(--md-selection);\n  }\n\n  .focus\\:ring-\\[\\#42389E\\]\\/15:focus {\n    --tw-ring-color: oklab(41.5417% .0313346 -.155848 / .15);\n  }\n\n  .focus\\:outline-none:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .active\\:scale-95:active {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .active\\:cursor-grabbing:active {\n    cursor: grabbing;\n  }\n\n  .active\\:bg-\\(--md-border\\):active {\n    background-color: var(--md-border);\n  }\n\n  .active\\:bg-\\(--md-selection\\)\\/20:active {\n    background-color: var(--md-selection);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .active\\:bg-\\(--md-selection\\)\\/20:active {\n      background-color: color-mix(in oklab, var(--md-selection) 20%, transparent);\n    }\n  }\n\n  .active\\:bg-\\(--md-surface-muted\\):active {\n    background-color: var(--md-surface-muted);\n  }\n\n  .active\\:bg-\\[var\\(--md-border\\)\\]:active {\n    background-color: var(--md-border);\n  }\n\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n\n  .disabled\\:opacity-30:disabled {\n    opacity: .3;\n  }\n\n  .disabled\\:opacity-40:disabled {\n    opacity: .4;\n  }\n\n  .disabled\\:opacity-50:disabled {\n    opacity: .5;\n  }\n\n  @media (min-width: 40rem) {\n    .sm\\:col-span-1 {\n      grid-column: span 1 / span 1;\n    }\n\n    .sm\\:col-span-3 {\n      grid-column: span 3 / span 3;\n    }\n\n    .sm\\:col-span-4 {\n      grid-column: span 4 / span 4;\n    }\n\n    .sm\\:mt-0 {\n      margin-top: 0;\n    }\n\n    .sm\\:grid {\n      display: grid;\n    }\n\n    .sm\\:hidden {\n      display: none;\n    }\n\n    .sm\\:min-w-105 {\n      min-width: calc(var(--spacing) * 105);\n    }\n\n    .sm\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .sm\\:grid-cols-12 {\n      grid-template-columns: repeat(12, minmax(0, 1fr));\n    }\n\n    .sm\\:justify-center {\n      justify-content: center;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .md\\:inline-flex {\n      display: inline-flex;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .lg\\:sticky {\n      position: sticky;\n    }\n\n    .lg\\:left-0 {\n      left: 0;\n    }\n\n    .lg\\:block {\n      display: block;\n    }\n\n    .lg\\:h-13 {\n      height: calc(var(--spacing) * 13);\n    }\n\n    .lg\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .lg\\:grid-cols-3 {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .lg\\:flex-row {\n      flex-direction: row;\n    }\n\n    .lg\\:items-center {\n      align-items: center;\n    }\n\n    .lg\\:justify-between {\n      justify-content: space-between;\n    }\n\n    .lg\\:overflow-visible {\n      overflow: visible;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .xl\\:grid-cols-4 {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .\\32 xl\\:container {\n      width: 100%;\n    }\n\n    @media (min-width: 40rem) {\n      .\\32 xl\\:container {\n        max-width: 40rem;\n      }\n    }\n\n    @media (min-width: 48rem) {\n      .\\32 xl\\:container {\n        max-width: 48rem;\n      }\n    }\n\n    @media (min-width: 64rem) {\n      .\\32 xl\\:container {\n        max-width: 64rem;\n      }\n    }\n\n    @media (min-width: 80rem) {\n      .\\32 xl\\:container {\n        max-width: 80rem;\n      }\n    }\n\n    @media (min-width: 96rem) {\n      .\\32 xl\\:container {\n        max-width: 96rem;\n      }\n    }\n\n    .\\32 xl\\:mx-auto {\n      margin-inline: auto;\n    }\n  }\n\n  .\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button {\n    appearance: none;\n  }\n\n  .\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button {\n    appearance: none;\n  }\n}\n\n:root, :host {\n  --md-primary: #4a7c59;\n  --md-primary-hover: #3a5a40;\n  --md-on-primary: #fff;\n  --md-background: #f8fafc;\n  --md-surface: #fff;\n  --md-surface-muted: #f3f4f6;\n  --md-surface-hover: #f9fafb;\n  --md-text: #111827;\n  --md-text-muted: #6b7280;\n  --md-text-subtle: #9ca3af;\n  --md-border: #e5e7eb;\n  --md-border-strong: #d1d5db;\n  --md-danger: #ef4444;\n  --md-on-danger: #fff;\n  --md-success: #22c55e;\n  --md-warning: #f59e0b;\n  --md-info: #0a5bdd;\n  --md-ring: var(--md-primary);\n  --md-shadow: 0 8px 30px #0000001f;\n  --md-radius: .5rem;\n  --md-header-bg: var(--md-surface);\n  --md-header-text: var(--md-text);\n  --md-header-border: var(--md-border);\n  --md-sidebar-bg: var(--md-surface);\n  --md-sidebar-text: var(--md-text);\n  --md-sidebar-border: var(--md-border);\n  --md-accent-bg: var(--md-primary);\n  --md-accent-text: var(--md-on-primary);\n  --md-canvas-bg: var(--md-background);\n  --md-input-bg: var(--md-surface);\n  --md-input-text: var(--md-text);\n  --md-input-border: var(--md-border);\n  --md-input-placeholder: var(--md-text-subtle);\n  --md-overlay-bg: var(--md-surface);\n  --md-overlay-text: var(--md-text);\n  --md-overlay-border: var(--md-border);\n  --md-overlay-shadow: var(--md-shadow);\n  --md-scrim: #0006;\n  --md-toolbar-bg: var(--md-surface);\n  --md-toolbar-text: var(--md-text);\n  --md-toolbar-border: var(--md-border);\n  --md-selection: #4ade80;\n  --md-selection-bg: #f0fdf4;\n  --md-selection-fg: #16a34a;\n  --md-row-selection: #4ade80;\n  --md-row-selection-bg: #f0fdf4;\n  --md-row-selection-fg: #16a34a;\n  --md-tooltip-bg: #111827;\n  --md-tooltip-text: #fff;\n  --md-button-primary-bg: var(--md-primary);\n  --md-button-primary-text: var(--md-on-primary);\n  --md-button-primary-hover-bg: var(--md-primary-hover);\n  --md-button-secondary-bg: var(--md-surface-muted);\n  --md-button-secondary-text: var(--md-text);\n  --md-button-secondary-hover-bg: var(--md-border);\n  --md-success-bg: #f0fdf4;\n  --md-success-fg: #166534;\n  --md-success-border: #bbf7d0;\n  --md-info-bg: #eff6ff;\n  --md-info-fg: #1e40af;\n  --md-info-border: #bfdbfe;\n  --md-warning-bg: #fffbeb;\n  --md-warning-fg: #92400e;\n  --md-warning-border: #fde68a;\n  --md-danger-bg: #fef2f2;\n  --md-danger-fg: #991b1b;\n  --md-danger-border: #fecaca;\n}\n\n:where(.dark, :host(.dark)) {\n  --md-primary: #818cf8;\n  --md-primary-hover: #a5b4fc;\n  --md-on-primary: #1e1b4b;\n  --md-background: #0b0f19;\n  --md-surface: #151b28;\n  --md-surface-muted: #1f2635;\n  --md-surface-hover: #1c2333;\n  --md-text: #e5e7eb;\n  --md-text-muted: #9ca3af;\n  --md-text-subtle: #6b7280;\n  --md-border: #2a3345;\n  --md-border-strong: #3b465c;\n  --md-danger: #f87171;\n  --md-on-danger: #450a0a;\n  --md-success: #4ade80;\n  --md-warning: #fbbf24;\n  --md-info: #60a5fa;\n  --md-shadow: 0 8px 30px #00000080;\n  --md-scrim: #0009;\n  --md-selection: #4ade80;\n  --md-selection-bg: #0f2a1a;\n  --md-selection-fg: #86efac;\n  --md-row-selection: #c084fc;\n  --md-row-selection-bg: #2e1065;\n  --md-row-selection-fg: #d8b4fe;\n  --md-tooltip-bg: #f3f4f6;\n  --md-tooltip-text: #111827;\n  --md-success-bg: #0f2a1a;\n  --md-success-fg: #86efac;\n  --md-success-border: #166534;\n  --md-info-bg: #101f38;\n  --md-info-fg: #93c5fd;\n  --md-info-border: #1e40af;\n  --md-warning-bg: #2a1f08;\n  --md-warning-fg: #fcd34d;\n  --md-warning-border: #92400e;\n  --md-danger-bg: #2b1114;\n  --md-danger-fg: #fca5a5;\n  --md-danger-border: #991b1b;\n}\n\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\ninput[type=\"number\"]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=\"range\"] {\n  -webkit-appearance: none;\n  background: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  background: var(--md-on-primary);\n  border: 1.5px solid var(--md-border-strong);\n  cursor: pointer;\n  border-radius: 50%;\n  width: 12px;\n  height: 12px;\n  margin-top: -4.5px;\n  transition: border-color .1s, transform .1s;\n  box-shadow: 0 1px 2px #0000001a;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n  border-color: var(--md-selection);\n  transform: scale(1.15);\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  background: var(--md-border);\n  border-radius: 9999px;\n  width: 100%;\n  height: 3px;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n  background: var(--md-on-primary);\n  border: 1.5px solid var(--md-border-strong);\n  cursor: pointer;\n  border-radius: 50%;\n  width: 12px;\n  height: 12px;\n  box-shadow: 0 1px 2px #0000001a;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n  background: var(--md-border);\n  border-radius: 9999px;\n  height: 3px;\n}\n\nbutton:focus, button:focus-visible, input[type=\"range\"]:focus, select:focus {\n  box-shadow: none !important;\n  outline: none !important;\n}\n\n.md-surface-header {\n  background: var(--md-header-bg);\n  color: var(--md-header-text);\n  border-bottom: 1px solid var(--md-header-border);\n}\n\n.md-surface-sidebar {\n  background: var(--md-sidebar-bg);\n  color: var(--md-sidebar-text);\n  border: 1px solid var(--md-sidebar-border);\n}\n\n.md-surface-overlay {\n  background: var(--md-overlay-bg);\n  color: var(--md-overlay-text);\n  border: 1px solid var(--md-overlay-border);\n  box-shadow: var(--md-overlay-shadow);\n}\n\n.md-surface-toolbar {\n  background: var(--md-toolbar-bg);\n  color: var(--md-toolbar-text);\n  border: 1px solid var(--md-toolbar-border);\n  box-shadow: var(--md-overlay-shadow);\n}\n\n.md-surface-canvas {\n  background: var(--md-canvas-bg);\n}\n\n.md-btn-primary {\n  background: var(--md-button-primary-bg);\n  color: var(--md-button-primary-text);\n}\n\n.md-btn-primary:not(:disabled):hover {\n  background: var(--md-button-primary-hover-bg);\n}\n\n.md-surface-sidebar-inner {\n  color: var(--md-sidebar-text);\n  background: none;\n}\n\n.md-tabstrip {\n  border-bottom: 1px solid var(--md-sidebar-border);\n}\n\n.md-tab-active {\n  color: var(--md-sidebar-text);\n}\n\n.md-tab-idle {\n  color: var(--md-text-subtle);\n}\n\n.md-tab-idle:hover {\n  color: var(--md-text-muted);\n}\n\n.md-segmented {\n  border: 1px solid var(--md-border);\n}\n\n.md-segment-active {\n  background: var(--md-accent-bg);\n  color: var(--md-accent-text);\n}\n\n.md-segment-idle {\n  background: var(--md-sidebar-bg);\n  color: var(--md-text-muted);\n}\n\n.md-segment-idle:hover {\n  background: var(--md-surface-hover);\n}\n\n.md-segment-divider {\n  border-right: 1px solid var(--md-border);\n}\n\n.mg-md-input {\n  width: 100%;\n  color: var(--md-text);\n  background: var(--md-surface);\n  border: 1px solid var(--md-border);\n  border-radius: .375rem;\n  outline: none;\n  padding: .325rem .625rem;\n  font-size: 13px;\n  line-height: 1.25rem;\n  transition: border-color .15s, box-shadow .15s;\n}\n\n.mg-md-input::placeholder {\n  color: var(--md-text-subtle);\n}\n\n.mg-md-input:focus {\n  border-color: var(--md-primary);\n}\n\n.mg-md-input:disabled {\n  background: var(--md-surface-hover);\n  color: var(--md-text-subtle);\n  cursor: not-allowed;\n}\n\n.mg-md-input--invalid {\n  border-color: var(--md-danger);\n}\n\n.mg-md-input--invalid:focus {\n  border-color: var(--md-danger);\n  box-shadow: 0 0 0 1px var(--md-danger);\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-divide-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-gradient-position {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-gradient-from {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-via {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-to {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-stops {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-gradient-via-stops {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-gradient-from-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0%;\n}\n\n@property --tw-gradient-via-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 50%;\n}\n\n@property --tw-gradient-to-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ordinal {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-slashed-zero {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-numeric-figure {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-numeric-spacing {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-numeric-fraction {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-content {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: \"\";\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes ping {\n  75%, 100% {\n    opacity: 0;\n    transform: scale(2);\n  }\n}\n\n@keyframes pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@keyframes bounce {\n  0%, 100% {\n    animation-timing-function: cubic-bezier(.8, 0, 1, 1);\n    transform: translateY(-25%);\n  }\n\n  50% {\n    animation-timing-function: cubic-bezier(0, 0, .2, 1);\n    transform: none;\n  }\n}\n";
 //#endregion
 //#region src/assets/css/fonts.css?inline
 var fonts_default = "\n@import url(\"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700,800,900&display=swap\");\n/* Satoshi — matches exactly what the original app loaded (a Fontshare CDN\n   link, never a self-hosted @font-face — no font files exist anywhere in\n   the source this was ported from). Kept in its own, dedicated file\n   rather than combined with main.css — @import must\n   precede every other rule in the CSS it's part of, and a dedicated file\n   makes that trivially true regardless of how Vite later concatenates\n   multiple CSS sources into dist/editor.css (confirmed via a real build\n   warning that combining this into main.css alongside Tailwind's own\n   @import broke this rule, even with correct source-order, since\n   Tailwind's @import expands into @layer statements once processed). */\n";
@@ -7228,7 +7228,7 @@ function injectBaseStylesIntoHead() {
 * emitted as junk CSS.
 */
 function extractedScopedCss() {
-	const raw = "\n\n.md-input[data-v-3e558228] {\r\n  width: 100%;\r\n  padding: 0.325rem 0.625rem;\r\n  font-size: 13px;\r\n  line-height: 1.25rem;\r\n  color: var(--md-text);\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.375rem;\r\n  outline: none;\r\n  transition: border-color 0.15s, box-shadow 0.15s;\n}\n.md-input[data-v-3e558228]::placeholder { color: var(--md-text-subtle);\n}\n.md-input[data-v-3e558228]:focus {\r\n  border-color: var(--md-primary);\n}\n.md-input[data-v-3e558228]:disabled { background: var(--md-surface-hover); color: var(--md-text-subtle); cursor: not-allowed;\n}\n.md-input--invalid[data-v-3e558228] { border-color: var(--md-danger);\n}\n.md-input--invalid[data-v-3e558228]:focus { border-color: var(--md-danger); box-shadow: 0 0 0 1px var(--md-danger);\n}\r\n\r\n/* =========================================================\r\n   SELECT ROOT\r\n   ========================================================= */\n.md-sel__anchor {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.25rem;\r\n  width: 100%;\r\n  min-height: 32px;\r\n  box-sizing: border-box;\r\n  padding: 0 0.375rem 0 0.5rem;\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.375rem;\r\n  font-size: 13px;\r\n  color: var(--md-text);\n}\n.md-sel__anchor:focus-within {\r\n  border-color: var(--md-primary);\n}\n.md-sel__anchor--open {\r\n  border-color: var(--md-primary);\n}\n.md-sel__anchor--disabled {\r\n  background: var(--md-surface-hover);\r\n  color: var(--md-text-subtle);\n}\r\n\r\n/* =========================================================\r\n   SEARCH INPUT\r\n   ========================================================= */\n.md-sel__input {\r\n  flex: 1;\r\n  min-width: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  padding: 0.375rem 0;\r\n  border: 0;\r\n  outline: none;\r\n  background: transparent;\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  line-height: 1.25rem;\r\n  color: var(--md-text);\n}\n.md-sel__input::placeholder {\r\n  color: var(--md-text-subtle);\n}\r\n\r\n/* =========================================================\r\n   NON-FILTERED TRIGGER\r\n   ========================================================= */\n.md-sel__triggerText {\r\n  flex: 1;\r\n  min-width: 0;\r\n  box-sizing: border-box;\r\n  padding: 0.375rem 0;\r\n  border: 0;\r\n  outline: none;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  color: var(--md-text);\r\n  text-align: left;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\n}\n.md-sel__ph {\r\n  color: var(--md-text-subtle);\n}\r\n\r\n/* =========================================================\r\n   CHEVRON\r\n   ========================================================= */\n.md-sel__chev {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  width: 20px;\r\n  height: 20px;\r\n  padding: 0;\r\n  border: 0;\r\n  outline: none;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  color: var(--md-text-muted);\r\n  transition:\r\n    transform 150ms ease,\r\n    color 150ms ease;\n}\n.md-sel__chev--open {\r\n  transform: rotate(180deg);\r\n  color: var(--md-text);\n}\r\n\r\n/* =========================================================\r\n   DROPDOWN\r\n   ========================================================= */\n.md-sel__content {\r\n  position: relative;\r\n  z-index: 999999;\r\n  width: var(--reka-combobox-trigger-width);\r\n  min-width: 180px;\r\n  max-width: 320px;\r\n  box-sizing: border-box;\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.5rem;\r\n  box-shadow:\r\n    0 10px 15px -3px rgb(0 0 0 / 0.12),\r\n    0 4px 6px -4px rgb(0 0 0 / 0.12);\r\n  overflow: hidden;\n}\r\n\r\n/* =========================================================\r\n   DROPDOWN VIEWPORT\r\n   ========================================================= */\n.md-sel__viewport {\r\n  width: 100%;\r\n  max-height: 240px;\r\n  box-sizing: border-box;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  padding: 4px;\r\n  background: var(--md-surface);\n}\r\n\r\n/* =========================================================\r\n   EMPTY\r\n   ========================================================= */\n.md-sel__empty {\r\n  display: block;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  padding: 8px;\r\n  background: var(--md-surface);\r\n  font-family: inherit;\r\n  font-size: 12px;\r\n  color: var(--md-text-subtle);\r\n  text-align: center;\n}\r\n\r\n/* =========================================================\r\n   OPTION\r\n   ========================================================= */\n.md-sel__item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  min-height: 32px;\r\n  box-sizing: border-box;\r\n  gap: 8px;\r\n  padding: 6px 8px;\r\n  background: var(--md-surface);\r\n  border: 0;\r\n  border-radius: 6px;\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  line-height: 18px;\r\n  color: var(--md-text);\r\n  cursor: pointer;\r\n  outline: none;\r\n  user-select: none;\n}\n.md-sel__item:hover {\r\n  background: var(--md-surface-muted);\n}\n.md-sel__item[data-highlighted] {\r\n  background: var(--md-surface-muted);\n}\n.md-sel__item[data-state=\"checked\"] {\r\n  background: var(--md-success-bg);\r\n  color: var(--md-success-fg);\r\n  font-weight: 500;\n}\n.md-sel__item[data-state=\"checked\"][data-highlighted] {\r\n  background: color-mix(in srgb, var(--md-success) 20%, var(--md-success-bg));\n}\r\n\r\n/* =========================================================\r\n   OPTION TEXT\r\n   ========================================================= */\n.md-sel__itemLabel {\r\n  flex: 1;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\n}\r\n\r\n/* =========================================================\r\n   CHECK\r\n   ========================================================= */\n.md-sel__check {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  width: 16px;\r\n  height: 16px;\r\n  font-size: 12px;\r\n  color: currentColor;\n}\r\n\n.section-fade-enter-active[data-v-9ae9089d],\r\n.section-fade-leave-active[data-v-9ae9089d] {\r\n  transition: opacity 0.15s ease, transform 0.15s ease;\n}\n.section-fade-enter-from[data-v-9ae9089d],\r\n.section-fade-leave-to[data-v-9ae9089d] {\r\n  opacity: 0;\r\n  transform: translateY(-3px);\n}\r\n\n.transparent-swatch[data-v-e240a193] {\r\n  background-image:\r\n    linear-gradient(45deg, #ccc 25%, transparent 25%),\r\n    linear-gradient(-45deg, #ccc 25%, transparent 25%),\r\n    linear-gradient(45deg, transparent 75%, #ccc 75%),\r\n    linear-gradient(-45deg, transparent 75%, #ccc 75%);\r\n  background-size: 6px 6px;\r\n  background-position: 0 0, 0 3px, 3px -3px, -3px 0;\r\n  background-color: white;\n}\r\n\n.transparent-swatch[data-v-936cb96e] {\r\n  background-image:\r\n    linear-gradient(45deg, #ccc 25%, transparent 25%),\r\n    linear-gradient(-45deg, #ccc 25%, transparent 25%),\r\n    linear-gradient(45deg, transparent 75%, #ccc 75%),\r\n    linear-gradient(-45deg, transparent 75%, #ccc 75%);\r\n  background-size: 6px 6px;\r\n  background-position: 0 0, 0 3px, 3px -3px, -3px 0;\r\n  background-color: white;\n}\r\n\r\n/* =========================================================\r\n   FIELD\r\n   ========================================================= */\n.md-dp__field {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.0625rem;\r\n  width: 100%;\r\n  min-height: 32px;\r\n  box-sizing: border-box;\r\n  padding: 0.375rem 0.375rem 0.375rem 0.5rem;\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.375rem;\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  color: var(--md-text);\n}\n.md-dp__field:focus-within {\r\n  border-color: var(--md-primary);\r\n  box-shadow: 0 0 0 1px var(--md-primary);\n}\r\n\r\n/* =========================================================\r\n   DATE SEGMENTS\r\n   ========================================================= */\n.md-dp__seg {\r\n  padding: 0 0.0625rem;\r\n  border-radius: 0.125rem;\r\n  outline: none;\r\n  font-family: inherit;\r\n  font-size: 13px;\n}\n.md-dp__seg:focus {\r\n  background: var(--md-primary);\r\n  color: var(--md-surface);\n}\n.md-dp__seg[data-placeholder] {\r\n  color: var(--md-text-subtle);\n}\n.md-dp__lit {\r\n  color: var(--md-text-subtle);\n}\r\n\r\n/* =========================================================\r\n   CALENDAR TRIGGER\r\n   ========================================================= */\n.md-dp__trigger {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  margin-left: auto;\r\n  width: 20px;\r\n  height: 20px;\r\n  padding: 0.125rem;\r\n  border: 0;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  font-size: 11px;\r\n  color: var(--md-text-subtle);\n}\n.md-dp__trigger:hover {\r\n  color: var(--md-text-muted);\n}\r\n\r\n/* =========================================================\r\n   CALENDAR POPOVER\r\n   ========================================================= */\n.md-dp__content {\r\n  z-index: 999999;\r\n  padding: 0.625rem;\r\n  box-sizing: border-box;\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.625rem;\r\n  box-shadow:\r\n    0 10px 15px -3px rgb(0 0 0 / 0.12),\r\n    0 4px 6px -4px rgb(0 0 0 / 0.12);\n}\r\n\r\n/* =========================================================\r\n   CALENDAR\r\n   ========================================================= */\n.md-dp__cal {\r\n  width: max-content;\n}\r\n\r\n/* =========================================================\r\n   HEADER\r\n   ========================================================= */\n.md-dp__header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 0.5rem;\n}\n.md-dp__heading {\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--md-text);\n}\r\n\r\n/* =========================================================\r\n   PREVIOUS / NEXT\r\n   ========================================================= */\n.md-dp__nav {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 24px;\r\n  height: 24px;\r\n  padding: 0.25rem;\r\n  border: 0;\r\n  background: transparent;\r\n  border-radius: 0.25rem;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  color: var(--md-text-muted);\n}\n.md-dp__nav:hover {\r\n  background: var(--md-surface-muted);\r\n  color: var(--md-text);\n}\n.md-dp__nav:disabled {\r\n  opacity: 0.4;\r\n  cursor: default;\n}\r\n\r\n/* =========================================================\r\n   GRID\r\n   ========================================================= */\n.md-dp__grid {\r\n  width: 100%;\r\n  border-collapse: collapse;\n}\n.md-dp__row {\r\n  display: flex;\n}\r\n\r\n/* =========================================================\r\n   WEEKDAY HEADER\r\n   ========================================================= */\n.md-dp__headCell {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 28px;\r\n  font-family: inherit;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  color: var(--md-text-subtle);\n}\r\n\r\n/* =========================================================\r\n   DAY BUTTON\r\n   ========================================================= */\n.md-dp__day {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 30px;\r\n  padding: 0;\r\n  border: 0;\r\n  background: transparent;\r\n  font-family: inherit;\r\n  font-size: 12px;\r\n  color: var(--md-text);\r\n  border-radius: 0.3125rem;\r\n  cursor: pointer;\r\n  outline: none;\r\n  transition:\r\n    background 100ms ease,\r\n    color 100ms ease;\n}\n.md-dp__day:hover {\r\n  background: var(--md-surface-muted);\n}\n.md-dp__day:focus-visible {\r\n  outline: 2px solid var(--md-primary);\r\n  outline-offset: -2px;\n}\r\n\r\n/* =========================================================\r\n   SELECTED DAY\r\n   ========================================================= */\n.md-dp__day[data-selected] {\r\n  background: var(--md-primary);\r\n  color: var(--md-surface);\r\n  font-weight: 600;\n}\n.md-dp__day[data-selected]:hover {\r\n  background: var(--md-primary);\n}\r\n\r\n/* =========================================================\r\n   TODAY\r\n   ========================================================= */\n.md-dp__day[data-today]:not([data-selected]) {\r\n  font-weight: 700;\r\n  color: var(--md-primary);\n}\r\n\r\n/* =========================================================\r\n   OUTSIDE / DISABLED\r\n   ========================================================= */\n.md-dp__day[data-outside-view] {\r\n  color: var(--md-border-strong);\n}\n.md-dp__day[data-disabled] {\r\n  color: var(--md-border-strong);\r\n\r\n  cursor: default;\n}\n.md-dp__day[data-disabled]:hover {\r\n  background: transparent;\n}\r\n\n.rules-scroll[data-v-ce314c0b] {\r\n  overflow-x: auto;\r\n  max-width: 100%;\r\n  -webkit-overflow-scrolling: touch;\n}\n.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar {\r\n  height: 6px;\n}\n.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar-track {\r\n  background: var(--md-surface-muted);\r\n  border-radius: 4px;\n}\n.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar-thumb {\r\n  background: var(--md-border-strong);\r\n  border-radius: 4px;\n}\n.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar-thumb:hover {\r\n  background: var(--md-text-subtle);\n}\r\n\n.toggle-btn[data-v-2dd9f5a7] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 28px;\r\n  border-radius: 6px;\r\n  border: 0.5px solid transparent;\r\n  cursor: pointer;\r\n  transition:\r\n    background 0.1s,\r\n    border-color 0.1s,\r\n    color 0.1s;\r\n  background: transparent;\r\n  padding: 0;\r\n  outline: none;\n}\n.toggle-btn[data-v-2dd9f5a7]:focus-visible {\r\n  box-shadow: 0 0 0 2px var(--md-selection);\n}\n.toggle-btn--idle[data-v-2dd9f5a7] {\r\n  border-color: var(--md-border);\r\n  color: var(--md-text-subtle);\n}\n.toggle-btn--idle[data-v-2dd9f5a7]:hover {\r\n  background: var(--md-surface-hover);\r\n  border-color: var(--md-border-strong);\n}\n.toggle-btn--active[data-v-2dd9f5a7] {\r\n  background: var(--md-selection-bg);\r\n  border-color: var(--md-selection);\r\n  color: var(--md-selection-fg);\n}\n.toggle-btn--active[data-v-2dd9f5a7]:hover {\r\n  background: color-mix(in srgb, var(--md-selection) 20%, var(--md-selection-bg));\n}\r\n\n.md-btn[data-v-cc741dfc] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.375rem;\n  padding: 0.5rem 0.875rem;\n  font-size: 13px;\n  font-weight: 500;\n  border-radius: 0.375rem;\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;\n}\n.md-btn[data-v-cc741dfc]:disabled { opacity: 0.55; cursor: not-allowed;\n}\n.md-btn--primary[data-v-cc741dfc] {\n  background: var(--md-button-primary-bg);\n  color: var(--md-button-primary-text);\n}\n.md-btn--primary[data-v-cc741dfc]:not(:disabled):hover { background: var(--md-button-primary-hover-bg);\n}\n.md-btn--secondary[data-v-cc741dfc] {\n  background: var(--md-button-secondary-bg);\n  color: var(--md-button-secondary-text);\n  border-color: var(--md-border);\n}\n.md-btn--secondary[data-v-cc741dfc]:not(:disabled):hover { background: var(--md-button-secondary-hover-bg);\n}\n.md-btn--danger[data-v-cc741dfc] { background: var(--md-danger); color: var(--md-on-danger);\n}\n.md-btn--danger[data-v-cc741dfc]:not(:disabled):hover { filter: brightness(0.94);\n}\n.md-btn--success[data-v-cc741dfc] { background: var(--md-success); color: var(--md-surface);\n}\n\n.md-dialog__overlay[data-v-0b61b47b] {\n  position: fixed;\n  inset: 0;\n  z-index: 9998;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n  background: rgb(0 0 0 / 0.4);\n}\n.md-dialog[data-v-0b61b47b] {\n  width: 420px;\n  max-width: 100%;\n  max-height: calc(100vh - 2rem);\n  display: flex;\n  flex-direction: column;\n  background: var(--md-surface);\n  border-radius: 0.75rem;\n  box-shadow: 0 20px 60px rgb(0 0 0 / 0.25);\n  outline: none;\n}\n.md-dialog__header[data-v-0b61b47b] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  padding: 1.125rem 1.25rem 0.5rem;\n}\n.md-dialog__header--noTitle[data-v-0b61b47b] { justify-content: flex-end;\n}\n.md-dialog__title[data-v-0b61b47b] { font-size: 17px; font-weight: 600; color: var(--md-text); margin: 0;\n}\n.md-dialog__close[data-v-0b61b47b] {\n  display: inline-flex;\n  padding: 0.25rem;\n  color: var(--md-text-subtle);\n  background: none;\n  border: 0;\n  border-radius: 0.25rem;\n  cursor: pointer;\n}\n.md-dialog__close[data-v-0b61b47b]:hover { color: var(--md-text); background: var(--md-surface-muted);\n}\n.md-dialog__body[data-v-0b61b47b] {\n  padding: 0.5rem 1.25rem 1.25rem;\n  overflow-y: auto;\n  font-size: 14px;\n  color: var(--md-text);\n}\n.md-dialog__footer[data-v-0b61b47b] {\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.5rem;\n  padding: 0 1.25rem 1.25rem;\n}\n.md-dialog__srOnly[data-v-0b61b47b] {\n  position: absolute;\n  width: 1px; height: 1px;\n  padding: 0; margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n[data-v-5aa602c3] a {\r\n  color: #2563eb;\r\n  cursor: pointer;\n}\n[data-v-5aa602c3] a:not([style*=\"text-decoration\"]) {\r\n  text-decoration: underline;\n}\n[data-v-5aa602c3] a:hover {\r\n  opacity: 0.8;\n}\r\n\r\n/* Merge tag node — inline chip styling.\r\n   display:inline ensures the span is exactly as wide as its text content.\r\n   No width reservation from hidden raw-tag text since the NodeView\r\n   writes only one text node at a time. */\n[data-v-5aa602c3] .merge-tag-node {\r\n  display: inline;\r\n  white-space: nowrap;\r\n  vertical-align: baseline;\r\n  cursor: default;\r\n  border-radius: 3px;\r\n  padding: 0 2px;\n}\r\n\r\n/* List styles — scoped to the editor content area */\n[data-v-5aa602c3] li:not(:last-child) {\r\n  margin-bottom: var(--list-item-spacing, 0.25rem);\n}\r\n\r\n/* ─── Toolbar font Select sizing ─────────────────────────────────────────────\r\n   Constrain the Select to sit flush inside the toolbar row.\r\n   The trigger is kept compact (28px tall) and the overlay is widened so\r\n   long font names are readable without being clipped.                       */\n.toolbar-font-select[data-v-5aa602c3] .p-select {\r\n  height: 28px;\r\n  min-width: 110px;\r\n  max-width: 130px;\r\n  border-radius: 6px;\r\n  border-color: var(\r\n    --md-toolbar-border\r\n  ); /* matches other toolbar button borders */\r\n  padding: 0 6px;\r\n  font-size: 0.75rem;\r\n  display: flex;\r\n  align-items: center;\n}\n.toolbar-font-select[data-v-5aa602c3] .p-select-label {\r\n  padding: 0;\r\n  font-size: 0.85rem;\r\n  line-height: 1;\n}\n.toolbar-font-select[data-v-5aa602c3] .p-select-dropdown {\r\n  width: 20px;\n}\r\n\r\n/* Widen the overlay panel so long font names are not clipped */\n[data-v-5aa602c3] .p-select-overlay {\r\n  min-width: 180px !important;\n}\r\n\n.toggle-btn[data-v-916ac99b] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 28px;\r\n  border-radius: 6px;\r\n  border: 0.5px solid transparent;\r\n  cursor: pointer;\r\n  transition: background 0.1s, border-color 0.1s, color 0.1s;\r\n  background: transparent;\r\n  padding: 0;\r\n  outline: none;\n}\n.toggle-btn--idle[data-v-916ac99b] {\r\n  border-color: color-mix(in srgb, var(--md-border) 80%, transparent);\r\n  color: var(--md-text-subtle);\n}\n.toggle-btn--idle[data-v-916ac99b]:hover {\r\n  background: var(--md-surface-hover);\r\n  border-color: var(--md-border-strong);\r\n  color: var(--md-text-muted);\n}\n.toggle-btn--active[data-v-916ac99b] {\r\n  background: var(--md-selection-bg);\r\n  border-color: var(--md-selection);\r\n  color: var(--md-selection-fg);\n}\n.toggle-btn--active[data-v-916ac99b]:hover {\r\n  background: color-mix(in srgb, var(--md-selection) 20%, var(--md-selection-bg));\n}\r\n\n.panel[data-v-1ca75986] {\r\n  padding: 10px 12px;\r\n  background: var(--md-surface);\r\n  border: 0.5px solid color-mix(in srgb, var(--md-border) 80%, transparent);\r\n  border-radius: 10px;\n}\n.separator[data-v-1ca75986] {\r\n  height: 0.5px;\r\n  background: color-mix(in srgb, var(--md-border) 80%, transparent);\r\n  margin-left: -12px;\r\n  margin-right: -12px;\n}\r\n\n.spinner[data-v-3ea84dc7] {\r\n  width: 50px;\r\n  height: 50px;\r\n  border: 5px solid rgba(0, 0, 0, 0.2);\r\n  border-top-color: var(--md-selection);\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n  animation: spin-3ea84dc7 1s linear infinite;\n}\n@keyframes spin-3ea84dc7 {\nto {\r\n    transform: rotate(360deg);\n}\n}\r\n\r\n/* ===== DESIGN SYSTEM TOKENS ===== */\n.desktop-gate[data-v-561a092b] {\r\n  --brand-primary: #4a7c59;\r\n  --brand-primary-dark: #3a5a40;\r\n  --brand-primary-light: #3a5a40;\r\n  --brand-gradient-start: #4a7c59;\r\n  --brand-gradient-end: #3a5a40;\r\n  --gray-50: #f9fafb;\r\n  --gray-100: #f3f4f6;\r\n  --gray-200: #e5e7eb;\r\n  --gray-300: #d1d5db;\r\n  --gray-400: #9ca3af;\r\n  --gray-500: #6b7280;\r\n  --gray-600: #4b5563;\r\n  --gray-700: #374151;\r\n  --gray-800: #1f2937;\r\n  --gray-900: #111827;\r\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\r\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\r\n  --shadow-lg:\r\n    0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\r\n  --shadow-xl:\r\n    0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\r\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n}\r\n\r\n/* ===== MAIN LAYOUT ===== */\n.desktop-gate[data-v-561a092b] {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9999;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(255, 255, 255, 0.98) 0%,\r\n    rgba(249, 250, 251, 0.98) 100%\r\n  );\r\n  backdrop-filter: blur(2px);\r\n  padding: 1.5rem;\n}\n.gate-container[data-v-561a092b] {\r\n  max-width: 520px;\r\n  width: 100%;\r\n  background: white;\r\n  border-radius: 2rem;\r\n  padding: 2.5rem;\r\n  text-align: center;\r\n  box-shadow: var(--shadow-2xl);\r\n  animation: fadeInUp-561a092b 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n  border: 1px solid var(--gray-200);\n}\r\n\r\n/* ===== BRAND BADGE ===== */\n.brand-badge[data-v-561a092b] {\r\n  position: relative;\r\n  width: 80px;\r\n  height: 80px;\r\n  margin: 0 auto 1.5rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\n}\n.badge-ring[data-v-561a092b] {\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 50%;\r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--brand-gradient-start),\r\n    var(--brand-gradient-end)\r\n  );\r\n  animation: pulseRing-561a092b 2s ease-out infinite;\n}\n.badge-icon[data-v-561a092b] {\r\n  position: relative;\r\n  width: 56px;\r\n  height: 56px;\r\n  background: white;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--brand-primary);\r\n  box-shadow: var(--shadow-md);\r\n  transition: transform 0.2s ease;\n}\n.gate-container:hover .badge-icon[data-v-561a092b] {\r\n  transform: scale(1.02);\n}\r\n\r\n/* ===== TYPOGRAPHY ===== */\n.gate-title[data-v-561a092b] {\r\n  font-size: 1.875rem;\r\n  font-weight: 700;\r\n  letter-spacing: -0.02em;\r\n  margin: 0 0 1rem 0;\r\n  color: var(--gray-900);\n}\n.brand-gradient[data-v-561a092b] {\r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--brand-gradient-start),\r\n    var(--brand-gradient-end)\r\n  );\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  color: transparent;\n}\n.gate-description[data-v-561a092b] {\r\n  font-size: 1rem;\r\n  line-height: 1.5;\r\n  color: var(--gray-600);\r\n  margin: 0 0 1.75rem 0;\n}\r\n\r\n/* ===== FEATURE GRID ===== */\n.feature-grid[data-v-561a092b] {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 2rem;\r\n  margin-bottom: 2rem;\r\n  padding: 1rem 0;\r\n  border-top: 1px solid var(--gray-200);\r\n  border-bottom: 1px solid var(--gray-200);\n}\n.feature-item[data-v-561a092b] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  font-size: 0.75rem;\r\n  font-weight: 500;\r\n  color: var(--gray-700);\n}\n.feature-icon[data-v-561a092b] {\r\n  width: 36px;\r\n  height: 36px;\r\n  background: var(--gray-100);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--brand-primary);\r\n  transition: all 0.2s ease;\n}\n.feature-item:hover .feature-icon[data-v-561a092b] {\r\n  background: var(--brand-primary);\r\n  color: white;\r\n  transform: translateY(-2px);\n}\r\n\r\n/* ===== STATUS ===== */\n.detection-status[data-v-561a092b] {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  padding: 0.5rem 1rem;\r\n  background: var(--gray-100);\r\n  border-radius: 100px;\r\n  font-size: 0.75rem;\r\n  font-weight: 500;\r\n  color: var(--gray-600);\n}\n.status-dot[data-v-561a092b] {\r\n  width: 8px;\r\n  height: 8px;\r\n  background: #f59e0b;\r\n  border-radius: 50%;\r\n  animation: pulse-561a092b 1.5s ease-out infinite;\n}\r\n\r\n/* ===== FOOTER ===== */\n.gate-footer[data-v-561a092b] {\r\n  margin-top: 2rem;\r\n  padding-top: 1.5rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  font-size: 0.75rem;\r\n  color: var(--gray-400);\n}\n.brand-text[data-v-561a092b] {\r\n  font-weight: 600;\r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--brand-gradient-start),\r\n    var(--brand-gradient-end)\r\n  );\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  color: transparent;\n}\r\n\r\n/* ===== ANIMATIONS ===== */\n@keyframes fadeInUp-561a092b {\nfrom {\r\n    opacity: 0;\r\n    transform: translateY(20px);\n}\nto {\r\n    opacity: 1;\r\n    transform: translateY(0);\n}\n}\n@keyframes pulseRing-561a092b {\n0% {\r\n    opacity: 1;\r\n    transform: scale(0.95);\n}\n70% {\r\n    opacity: 0.4;\r\n    transform: scale(1.15);\n}\n100% {\r\n    opacity: 0;\r\n    transform: scale(1.25);\n}\n}\n@keyframes pulse-561a092b {\n0%,\r\n  100% {\r\n    opacity: 1;\n}\n50% {\r\n    opacity: 0.4;\n}\n}\r\n\r\n/* ===== RESPONSIVE TOUCH-UPS ===== */\n@media (max-width: 480px) {\n.gate-container[data-v-561a092b] {\r\n    padding: 2rem 1.5rem;\n}\n.gate-title[data-v-561a092b] {\r\n    font-size: 1.5rem;\n}\n.feature-grid[data-v-561a092b] {\r\n    gap: 1.25rem;\n}\n}\r\n\n.row-drop-bar[data-v-601d4b22] {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  height: 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 0 16px;\r\n  background: color-mix(in srgb, var(--drop-color) 5%, transparent);\r\n  border-radius: 6px;\r\n  z-index: 20;\r\n  pointer-events: none;\n}\n.row-drop-bar--before[data-v-601d4b22] {\r\n  top: -14px;\n}\n.row-drop-bar--after[data-v-601d4b22] {\r\n  bottom: -14px;\n}\n.row-drop-bar-line[data-v-601d4b22] {\r\n  flex: 1;\r\n  height: 2px;\r\n  background: color-mix(in srgb, var(--drop-color) 50%, transparent);\r\n  border-radius: 2px;\r\n  /* animation: bar-expand 0.18s ease forwards; */\n}\r\n\r\n/* @keyframes bar-expand {\r\n  from {\r\n    transform: scaleX(0);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: scaleX(1);\r\n    opacity: 1;\r\n  }\r\n} */\n.row-drop-bar-label[data-v-601d4b22] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  color: var(--drop-color);\r\n  white-space: nowrap;\r\n  padding: 4px 12px;\r\n  background: color-mix(in srgb, var(--drop-color) 10%, transparent);\r\n  border: 1px solid color-mix(in srgb, var(--drop-color) 30%, transparent);\r\n  border-radius: 24px;\r\n  /* animation: label-pop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; */\n}\r\n\r\n/* @keyframes label-pop {\r\n  from {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n} */\n.row-drop-bar-icon[data-v-601d4b22] {\r\n  width: 12px;\r\n  height: 12px;\r\n  flex-shrink: 0;\n}\r\n\r\n/* Transition */\r\n/* .drop-bar-enter-active {\r\n  animation: bar-in 0.15s ease forwards;\r\n}\r\n.drop-bar-leave-active {\r\n  transition: opacity 0.12s ease;\r\n}\r\n.drop-bar-leave-to {\r\n  opacity: 0;\r\n} */\r\n\r\n/* @keyframes bar-in {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n} */\r\n\n.fade-enter-active[data-v-7f93ba61],\r\n.fade-leave-active[data-v-7f93ba61] {\r\n  transition: opacity 0.1s ease;\n}\n.fade-enter-from[data-v-7f93ba61],\r\n.fade-leave-to[data-v-7f93ba61] {\r\n  opacity: 0;\n}\r\n\r\n/*\r\n * Stacking fix: CanvasRowDropZone has z-index: 9 and extends its hit-area\r\n * strip into adjacent rows when a layout drag is active. Without an explicit\r\n * stacking context on the column, that strip would catch pointer events for\r\n * the edges of the column — the row drop zone would win and the drop would\r\n * become a top-level row instead of a nested row.\r\n *\r\n * z-index: 1 creates a stacking context ABOVE the drop zone's hit strip.\r\n *\r\n * CRITICAL: When a child component is selected, we must set z-index: auto on\r\n * this column AND on its ancestor CanvasRow (via hasSelectedDescendant).\r\n * z-index: auto removes the column from the stacking context chain entirely,\r\n * letting the selected component's z-50 bubble up to compete at the canvas\r\n * root level — which is what allows the action bar and RichText toolbar to\r\n * paint above sibling rows. If z-index: 1 stays active, ANY z-index on a\r\n * child is capped within this column's own stacking context and can never\r\n * exceed a sibling row painted at z-index: 0 in normal flow.\r\n */\n.canvas-column[data-v-7f93ba61] {\r\n  position: relative;\r\n  z-index: 1;\n}\n.canvas-column.has-selected-child[data-v-7f93ba61] {\r\n  z-index: auto;\n}\r\n\r\n/* ── Base zone ─────────────────────────────────────────────── */\n.canvas-drop-zone[data-v-cc281ed8] {\r\n  position: relative;\r\n  height: 0;\r\n  margin: 0;\r\n  z-index: 9;\r\n  overflow: visible;\r\n  transition: height 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\r\n\r\n/* Full expansion on hover */\n.canvas-drop-zone--active[data-v-cc281ed8] {\r\n  height: 52px;\n}\r\n\r\n/* Empty-canvas variant — fills the whole empty area */\n.canvas-drop-zone--empty[data-v-cc281ed8] {\r\n  height: 100%;\r\n  min-height: 200px;\n}\r\n\r\n/* Full height variant - takes up entire parent container */\n.canvas-drop-zone--full[data-v-cc281ed8] {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  height: auto;\r\n  min-height: 100%;\n}\n.canvas-drop-zone--empty .cdz-bar[data-v-cc281ed8] {\r\n  inset: 12px;\r\n  justify-content: center;\r\n  border-radius: 12px;\n}\r\n\r\n/* ── Empty state styles (when fullHeight is true) ── */\n.cdz-empty-state[data-v-cc281ed8] {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  pointer-events: none;\r\n  background: linear-gradient(\r\n    135deg,\r\n    color-mix(in srgb, var(--md-row-selection) 4%, var(--md-surface)) 0%,\r\n    color-mix(in srgb, var(--md-row-selection) 8%, var(--md-surface)) 100%\r\n  );\r\n  border: 2px dashed color-mix(in srgb, var(--md-row-selection) 22%, var(--md-surface));\r\n  border-radius: 6px;\r\n  transition: all 0.2s ease;\n}\n.canvas-drop-zone--full .cdz-empty-state[data-v-cc281ed8] {\r\n  animation: fade-in-cc281ed8 0.3s ease;\n}\n@keyframes fade-in-cc281ed8 {\nfrom {\r\n    opacity: 0;\r\n    transform: scale(0.98);\n}\nto {\r\n    opacity: 1;\r\n    transform: scale(1);\n}\n}\n.cdz-empty-content[data-v-cc281ed8] {\r\n  text-align: center;\r\n  padding: 2rem;\n}\n.cdz-empty-icon[data-v-cc281ed8] {\r\n  width: 48px;\r\n  height: 48px;\r\n  margin: 0 auto 12px;\r\n  color: var(--md-text-subtle);\r\n  stroke-width: 1.5;\n}\n.cdz-empty-title[data-v-cc281ed8] {\r\n  font-size: 1.125rem;\r\n  font-weight: 500;\r\n  color: var(--md-selection-fg);\r\n  margin-bottom: 8px;\r\n  letter-spacing: -0.01em;\n}\n.cdz-empty-subtitle[data-v-cc281ed8] {\r\n  font-size: 0.875rem;\r\n  color: var(--md-text-subtle);\r\n  line-height: 1.4;\n}\r\n\r\n/* ── Invisible hit-area ─────────────────────────────────────\r\n * Previously this bled 12px into the rows above and below with pointer-events\r\n * all during a layout drag. That meant dragging a LayoutTab row would hit this\r\n * strip when the cursor was merely near a column's top/bottom edge, and\r\n * insert a top-level row instead of a nested row.\r\n *\r\n * FIX: Shrink the bleed to a small value (−4px) so the strip only covers the\r\n * natural visible gap between rows. Columns retain ownership of their rendered\r\n * area. Combined with CanvasColumn's new z-index: 1 stacking context, the\r\n * column reliably wins for pointer hits inside its body, while the thin gap\r\n * between rows still belongs to this drop zone.\r\n *\r\n * When fully expanded (canvas-drop-zone--active: 52px tall) the zone's own\r\n * height covers the hit area naturally, so bleed here is not needed for the\r\n * \"snap into a big target\" UX — that comes from the zone's own expanded size.\r\n */\n.cdz-hit-area[data-v-cc281ed8] {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: -4px;\r\n  bottom: -4px;\r\n  z-index: 1;\r\n  /* Only catchable during a layout drag; invisible + inert otherwise */\r\n  pointer-events: none;\n}\n.canvas-drop-zone--receptive .cdz-hit-area[data-v-cc281ed8] {\r\n  pointer-events: all;\n}\r\n\r\n/* Hide empty state when dragging */\n.canvas-drop-zone--full.canvas-drop-zone--receptive .cdz-empty-state[data-v-cc281ed8],\r\n.canvas-drop-zone--full.canvas-drop-zone--active .cdz-empty-state[data-v-cc281ed8] {\r\n  opacity: 0.5;\r\n  background: color-mix(in srgb, var(--md-row-selection) 4%, transparent);\n}\r\n\r\n/* ── Ghost line (receptive but not hovered) ─────────────────── */\n.cdz-ghost-line[data-v-cc281ed8] {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: 50%;\r\n  height: 2px;\r\n  transform: translateY(-50%);\r\n  background: repeating-linear-gradient(\r\n    90deg,\r\n    color-mix(in srgb, var(--md-row-selection) 25%, transparent) 0px,\r\n    color-mix(in srgb, var(--md-row-selection) 25%, transparent) 6px,\r\n    transparent 6px,\r\n    transparent 12px\r\n  );\r\n  border-radius: 2px;\r\n  pointer-events: none;\r\n  animation: ghost-pulse-cc281ed8 2s ease-in-out infinite;\n}\n@keyframes ghost-pulse-cc281ed8 {\n0%, 100% { opacity: 0.5;\n}\n50%       { opacity: 1;\n}\n}\r\n\r\n/* ── Active bar ─────────────────────────────────────────────── */\n.cdz-bar[data-v-cc281ed8] {\r\n  position: absolute;\r\n  inset: 4px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 0 20px;\r\n  background: color-mix(in srgb, var(--md-row-selection) 6%, transparent);\r\n  border-radius: 8px;\r\n  border: 1.5px dashed color-mix(in srgb, var(--md-row-selection) 35%, transparent);\r\n  pointer-events: none; /* let drag events fall through to the parent drop zone */\n}\n.cdz-line[data-v-cc281ed8] {\r\n  flex: 1;\r\n  height: 2px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    color-mix(in srgb, var(--md-row-selection) 60%, transparent),\r\n    color-mix(in srgb, var(--md-row-selection) 80%, transparent),\r\n    color-mix(in srgb, var(--md-row-selection) 60%, transparent),\r\n    transparent\r\n  );\r\n  border-radius: 2px;\r\n  animation: line-expand-cc281ed8 0.2s ease forwards;\r\n  transform-origin: center;\n}\n@keyframes line-expand-cc281ed8 {\nfrom { transform: scaleX(0); opacity: 0;\n}\nto   { transform: scaleX(1); opacity: 1;\n}\n}\n.cdz-pill[data-v-cc281ed8] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--md-row-selection-fg);\r\n  letter-spacing: 0.01em;\r\n  white-space: nowrap;\r\n  padding: 5px 14px;\r\n  background: color-mix(in srgb, var(--md-row-selection) 8%, transparent);\r\n  border: 1.5px solid color-mix(in srgb, var(--md-row-selection) 35%, transparent);\r\n  border-radius: 100px;\r\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--md-row-selection) 15%, transparent);\r\n  animation: pill-pop-cc281ed8 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n@keyframes pill-pop-cc281ed8 {\nfrom { transform: scale(0.75); opacity: 0;\n}\nto   { transform: scale(1);    opacity: 1;\n}\n}\n.cdz-icon[data-v-cc281ed8] {\r\n  width: 13px;\r\n  height: 13px;\r\n  flex-shrink: 0;\n}\r\n\r\n/* ── Transition ─────────────────────────────────────────────── */\n.cdz-bar-enter-active[data-v-cc281ed8] { animation: cdz-in-cc281ed8 0.15s ease forwards;\n}\n.cdz-bar-leave-active[data-v-cc281ed8] { transition: opacity 0.1s ease;\n}\n.cdz-bar-leave-to[data-v-cc281ed8]     { opacity: 0;\n}\n@keyframes cdz-in-cc281ed8 {\nfrom { opacity: 0; transform: scaleY(0.6);\n}\nto   { opacity: 1; transform: scaleY(1);\n}\n}\r\n\n.drop-line-enter-active[data-v-8ae7a24f] {\r\n  transition: opacity 80ms ease, transform 80ms ease;\n}\n.drop-line-leave-active[data-v-8ae7a24f] {\r\n  transition: opacity 60ms ease, transform 60ms ease;\n}\n.drop-line-enter-from[data-v-8ae7a24f],\r\n.drop-line-leave-to[data-v-8ae7a24f] {\r\n  opacity: 0;\r\n  transform: scaleX(0.6);\r\n  transform-origin: left center;\n}\r\n\n.slide-enter-active[data-v-ce5a848e],\r\n.slide-leave-active[data-v-ce5a848e] {\r\n  transition: all 0.2s ease;\r\n  max-height: 500px;\r\n  overflow: hidden;\n}\n.slide-enter-from[data-v-ce5a848e],\r\n.slide-leave-to[data-v-ce5a848e] {\r\n  opacity: 0;\r\n  max-height: 0;\r\n  transform: translateY(-10px);\n}\r\n\r\n/* ============================================================\r\n   md-dropdown – suggestion list\r\n   ============================================================ */\n.md-dropdown[data-v-3cd230e0] {\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  right: 0;\r\n  margin-top: 4px;\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.375rem;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n  z-index: 10;\r\n  max-height: 12rem;\r\n  overflow-y: auto;\n}\n.md-dropdown-item[data-v-3cd230e0] {\r\n  padding: 0.5rem 0.75rem;\r\n  cursor: pointer;\r\n  color: var(--md-text);\r\n  transition: background 0.1s;\n}\n.md-dropdown-item[data-v-3cd230e0]:hover {\r\n  background: var(--md-surface-hover);\n}\n.md-dropdown-item--active[data-v-3cd230e0] {\r\n  background: var(--md-primary);\r\n  color: var(--md-on-primary);\n}\r\n\r\n/* ============================================================\r\n   md-tag – selected tag pills\r\n   ============================================================ */\n.md-tag[data-v-3cd230e0] {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 0.125rem 0.75rem; \r\n  border-radius: 9999px;\r\n  font-size: 0.875rem; \r\n  font-weight: 500;\r\n  background: var(--md-primary);\r\n  color: var(--md-on-primary);\r\n  line-height: 1.5;\n}\n.md-tag-remove[data-v-3cd230e0] {\r\n  margin-left: 0.5rem;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 1rem;\r\n  height: 1rem;\r\n  border: none;\r\n  background: transparent;\r\n  color: color-mix(in srgb, var(--md-on-primary) 80%, transparent);\r\n  cursor: pointer;\r\n  border-radius: 9999px;\r\n  transition:\r\n    background 0.15s,\r\n    color 0.15s;\r\n  padding: 0;\n}\n.md-tag-remove[data-v-3cd230e0]:hover {\r\n  background: color-mix(in srgb, var(--md-on-primary) 20%, transparent);\r\n  color: var(--md-on-primary);\n}\n.md-tag-remove svg[data-v-3cd230e0] {\r\n  width: 100%;\r\n  height: 100%;\n}\r\n\r\n/* ============================================================\r\n   Scrollbar styling for dropdown (optional, keeps it clean)\r\n   ============================================================ */\n.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar {\r\n  width: 4px;\n}\n.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar-track {\r\n  background: transparent;\n}\n.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar-thumb {\r\n  background: var(--md-border);\r\n  border-radius: 8px;\n}\n.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar-thumb:hover {\r\n  background: var(--md-text-subtle);\n}\r\n\n.overflow-x-auto[data-v-22183f86] {\r\n  max-width: 100%;\r\n  -webkit-overflow-scrolling: touch;\n}\n.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar {\r\n  height: 6px;\n}\n.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar-track {\r\n  background: var(--md-surface-muted);\r\n  border-radius: 4px;\n}\n.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar-thumb {\r\n  background: var(--md-border-strong);\r\n  border-radius: 4px;\n}\n.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar-thumb:hover {\r\n  background: var(--md-text-subtle);\n}\r\n\n.overflow-x-auto[data-v-f8677731] {\r\n  max-width: 100%;\r\n  -webkit-overflow-scrolling: touch;\n}\n.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar {\r\n  height: 6px;\n}\n.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar-track {\r\n  background: var(--md-surface-muted);\r\n  border-radius: 4px;\n}\n.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar-thumb {\r\n  background: var(--md-border-strong);\r\n  border-radius: 4px;\n}\n.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar-thumb:hover {\r\n  background: var(--md-text-subtle);\n}\r\n\n.panel-slide-enter-active[data-v-3185c8c2],\r\n.panel-slide-leave-active[data-v-3185c8c2] {\r\n  transition:\r\n    opacity 0.18s ease,\r\n    transform 0.18s ease;\n}\n.panel-slide-enter-from[data-v-3185c8c2],\r\n.panel-slide-leave-to[data-v-3185c8c2] {\r\n  opacity: 0;\r\n  transform: translateX(-10px);\n}\r\n\r\n/* Filter pill fade */\n.fade-enter-active[data-v-3185c8c2],\r\n.fade-leave-active[data-v-3185c8c2] {\r\n  transition:\r\n    opacity 0.15s ease,\r\n    transform 0.15s ease;\n}\n.fade-enter-from[data-v-3185c8c2],\r\n.fade-leave-to[data-v-3185c8c2] {\r\n  opacity: 0;\r\n  transform: translateY(-4px);\n}\r\n\r\n/* Smooth row list reorder/filter transitions */\n.row-list-enter-active[data-v-3185c8c2],\r\n.row-list-leave-active[data-v-3185c8c2] {\r\n  transition:\r\n    opacity 0.2s ease,\r\n    transform 0.2s ease;\n}\n.row-list-enter-from[data-v-3185c8c2],\r\n.row-list-leave-to[data-v-3185c8c2] {\r\n  opacity: 0;\r\n  transform: translateY(6px);\n}\n.row-list-move[data-v-3185c8c2] {\r\n  transition: transform 0.2s ease;\n}\r\n\r\n/* Scrollbar — thin, unobtrusive */\n.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar {\r\n  width: 6px;\n}\n.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar-track {\r\n  background: transparent;\n}\n.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar-thumb {\r\n  background: var(--md-border-strong);\r\n  border-radius: 9999px;\n}\n.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar-thumb:hover {\r\n  background: var(--md-text-subtle);\n}\r\n\n.panel-slide-enter-active[data-v-3ec392a9],\r\n.panel-slide-leave-active[data-v-3ec392a9] {\r\n  transition:\r\n    opacity 0.18s ease,\r\n    transform 0.18s ease;\n}\n.panel-slide-enter-from[data-v-3ec392a9],\r\n.panel-slide-leave-to[data-v-3ec392a9] {\r\n  opacity: 0;\r\n  transform: translateX(-10px);\n}\n.row-list-enter-active[data-v-3ec392a9],\r\n.row-list-leave-active[data-v-3ec392a9] {\r\n  transition:\r\n    opacity 0.2s ease,\r\n    transform 0.2s ease;\n}\n.row-list-enter-from[data-v-3ec392a9],\r\n.row-list-leave-to[data-v-3ec392a9] {\r\n  opacity: 0;\r\n  transform: translateY(6px);\n}\n.row-list-move[data-v-3ec392a9] {\r\n  transition: transform 0.2s ease;\n}\r\n\r\n/* Scrollbar — thin, unobtrusive. Matches SavedRowsPanel. */\n.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar { width: 6px;\n}\n.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar-track { background: transparent;\n}\n.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar-thumb { background: var(--md-border-strong); border-radius: 9999px;\n}\n.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar-thumb:hover { background: var(--md-text-subtle);\n}\r\n\n.md-toast__region[data-v-7583ad77] {\n  position: fixed;\n  top: 1rem;\n  right: 1rem;\n  z-index: 9999;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  pointer-events: none;\n}\n.md-toast[data-v-7583ad77] {\n  pointer-events: auto;\n  display: flex;\n  align-items: flex-start;\n  gap: 0.625rem;\n  min-width: 280px;\n  max-width: 380px;\n  padding: 0.75rem 0.875rem;\n  font-size: 13px;\n  border: 1px solid;\n  border-radius: 0.75rem;\n  box-shadow: 0 8px 30px rgb(0 0 0 / 0.12);\n}\n.md-toast__icon[data-v-7583ad77] { font-size: 15px; flex-shrink: 0; margin-top: 0.0625rem;\n}\n.md-toast__body[data-v-7583ad77] { flex: 1; min-width: 0;\n}\n.md-toast__summary[data-v-7583ad77] { font-weight: 500;\n}\n.md-toast__detail[data-v-7583ad77] { font-size: 12px; opacity: 0.8; margin-top: 0.125rem;\n}\n.md-toast__close[data-v-7583ad77] { flex-shrink: 0; opacity: 0.5; background: none; border: 0; cursor: pointer; color: inherit;\n}\n.md-toast__close[data-v-7583ad77]:hover { opacity: 1;\n}\n.md-toast--success[data-v-7583ad77] { background: var(--md-success-bg); border-color: var(--md-success-border); color: var(--md-success-fg);\n}\n.md-toast--info[data-v-7583ad77] { background: var(--md-info-bg); border-color: var(--md-info-border); color: var(--md-info-fg);\n}\n.md-toast--warn[data-v-7583ad77] { background: var(--md-surface)beb; border-color: var(--md-warning-border); color: var(--md-warning-fg);\n}\n.md-toast--error[data-v-7583ad77] { background: var(--md-danger-bg); border-color: var(--md-danger-border); color: var(--md-danger-fg);\n}\n.md-toast-enter-active[data-v-7583ad77], .md-toast-leave-active[data-v-7583ad77] { transition: all 0.2s ease;\n}\n.md-toast-enter-from[data-v-7583ad77], .md-toast-leave-to[data-v-7583ad77] { opacity: 0; transform: translateX(20px);\n}\n\n.md-confirm__body[data-v-43b7e283] { display: flex; align-items: flex-start; gap: 0.75rem;\n}\n.md-confirm__icon[data-v-43b7e283] { font-size: 22px; color: var(--md-warning); flex-shrink: 0; margin-top: 0.125rem;\n}\n.md-confirm__message[data-v-43b7e283] { margin: 0; font-size: 14px; line-height: 1.5; color: var(--md-text);\n}\n\r\n/* ── Orb ──────────────────────────────────────────────────────────────────── */\n.health-orb[data-v-0521087e] {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 50%;\r\n  border: none;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  outline: none;\r\n  flex-shrink: 0;\n}\n.health-orb:focus-visible .orb-core[data-v-0521087e] {\r\n  box-shadow: 0 0 0 3px rgba(66, 56, 158, 0.4);\n}\r\n\r\n/* Pulse rings */\n.orb-ring[data-v-0521087e] {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  animation: orb-pulse-0521087e 2.4s ease-out infinite;\n}\n.orb-ring--outer[data-v-0521087e] {\r\n  width: 22px;\r\n  height: 22px;\r\n  animation-delay: 0s;\n}\n.orb-ring--inner[data-v-0521087e] {\r\n  width: 16px;\r\n  height: 16px;\r\n  animation-delay: 0.6s;\n}\r\n\r\n/* Core */\n.orb-core[data-v-0521087e] {\r\n  position: relative;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\r\n  z-index: 1;\n}\n.health-orb:hover .orb-core[data-v-0521087e],\r\n.health-orb--active .orb-core[data-v-0521087e] {\r\n  transform: scale(1.15);\n}\r\n\r\n/* ── Status colours with brand accent ───────────────────────────────────────── */\n.health-orb--good .orb-ring[data-v-0521087e] {\r\n  background: rgba(34, 197, 94, 0.25);\n}\n.health-orb--good .orb-core[data-v-0521087e] {\r\n  background: #22c55e;\r\n  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2), 0 0 8px rgba(34, 197, 94, 0.4);\n}\n.health-orb--warn .orb-ring[data-v-0521087e] {\r\n  background: rgba(245, 158, 11, 0.28);\n}\n.health-orb--warn .orb-core[data-v-0521087e] {\r\n  background: #f59e0b;\r\n  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2), 0 0 8px rgba(245, 158, 11, 0.4);\n}\n.health-orb--bad .orb-ring[data-v-0521087e] {\r\n  background: rgba(239, 68, 68, 0.28);\n}\n.health-orb--bad .orb-core[data-v-0521087e] {\r\n  background: #ef4444;\r\n  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2), 0 0 8px rgba(239, 68, 68, 0.4);\n}\n@keyframes orb-pulse-0521087e {\n0%   { transform: scale(0.6); opacity: 0.7;\n}\n60%  { transform: scale(1.6); opacity: 0;\n}\n100% { transform: scale(1.6); opacity: 0;\n}\n}\r\n\r\n/* ── Panel ────────────────────────────────────────────────────────────────── */\n.health-panel[data-v-0521087e] {\r\n  position: absolute;\r\n  top: calc(100% + 10px);\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 300px;\r\n  background: #18181b;\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  border-radius: 14px;\r\n  padding: 12px;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);\r\n  z-index: 9999;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  /* Smooth horizontal expansion */\r\n  transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.health-panel--expanded[data-v-0521087e] {\r\n  width: 400px;\n}\r\n\r\n/* When expanded, stat grid uses 3 cols instead of 2 */\n.health-panel--expanded .detail-stats[data-v-0521087e] {\r\n  grid-template-columns: repeat(3, 1fr);\n}\r\n\r\n/* When expanded, accessibility list gets more vertical room */\n.health-panel--expanded .a11y-list[data-v-0521087e] {\r\n  max-height: 320px;\n}\r\n\r\n/* When expanded, format rows go side-by-side */\n.health-panel--expanded .format-note[data-v-0521087e] {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 6px;\n}\n.health-panel--expanded .format-row[data-v-0521087e] {\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 4px;\n}\r\n\r\n/* ── Panel header with brand color ─────────────────────────────────────────── */\n.panel-header[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0 2px 4px;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n}\n.panel-header-right[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\n}\r\n\r\n/* Expand toggle button */\n.panel-expand-btn[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 6px;\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  background: rgba(255, 255, 255, 0.04);\r\n  color: rgba(255, 255, 255, 0.35);\r\n  cursor: pointer;\r\n  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\r\n  flex-shrink: 0;\r\n  padding: 0;\n}\n.panel-expand-btn[data-v-0521087e]:hover {\r\n  background: rgba(66, 56, 158, 0.18);\r\n  border-color: rgba(66, 56, 158, 0.4);\r\n  color: #a5b4fc;\n}\n.panel-expand-btn[data-v-0521087e]:focus-visible {\r\n  outline: 2px solid rgba(66, 56, 158, 0.5);\r\n  outline-offset: 1px;\n}\n.panel-expand-btn--active[data-v-0521087e] {\r\n  background: rgba(66, 56, 158, 0.2);\r\n  border-color: rgba(66, 56, 158, 0.45);\r\n  color: #a5b4fc;\n}\n.panel-title[data-v-0521087e] {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.06em;\r\n  text-transform: uppercase;\r\n  color: #a5b4fc;\n}\n.panel-status-badge[data-v-0521087e] {\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  padding: 2px 8px;\r\n  border-radius: 99px;\n}\n.status-badge--good[data-v-0521087e] { background: rgba(34, 197, 94, 0.15); color: #4ade80;\n}\n.status-badge--warn[data-v-0521087e] { background: rgba(245, 158, 11, 0.15); color: #fbbf24;\n}\n.status-badge--bad[data-v-0521087e]  { background: rgba(239, 68, 68, 0.15);  color: #f87171;\n}\r\n\r\n/* ── Metric cards ─────────────────────────────────────────────────────────── */\n.metric-card[data-v-0521087e] {\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(255, 255, 255, 0.06);\r\n  background: rgba(255, 255, 255, 0.04);\r\n  cursor: pointer;\r\n  transition: background 0.15s ease, border-color 0.15s ease;\r\n  overflow: hidden;\r\n  user-select: none;\n}\n.metric-card[data-v-0521087e]:hover {\r\n  background: rgba(66, 56, 158, 0.1);\r\n  border-color: rgba(66, 56, 158, 0.3);\n}\n.metric-card[data-v-0521087e]:focus-visible {\r\n  outline: 2px solid rgba(66, 56, 158, 0.5);\r\n  outline-offset: 2px;\n}\n.metric-card--good[data-v-0521087e] { border-color: rgba(34, 197, 94, 0.15);\n}\n.metric-card--warn[data-v-0521087e] { border-color: rgba(245, 158, 11, 0.15);\n}\n.metric-card--bad[data-v-0521087e]  { border-color: rgba(239, 68, 68, 0.2);\n}\n.metric-card--good.metric-card--expanded[data-v-0521087e] { background: rgba(34, 197, 94, 0.05);\n}\n.metric-card--warn.metric-card--expanded[data-v-0521087e] { background: rgba(245, 158, 11, 0.05);\n}\n.metric-card--bad.metric-card--expanded[data-v-0521087e]  { background: rgba(239, 68, 68, 0.06);\n}\r\n\r\n/* ── Summary row ──────────────────────────────────────────────────────────── */\n.metric-summary[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 9px 10px;\r\n  gap: 8px;\n}\n.metric-left[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  min-width: 0;\n}\n.metric-icon[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  opacity: 0.8;\r\n  flex-shrink: 0;\n}\n.metric-label[data-v-0521087e] {\r\n  font-size: 11.5px;\r\n  font-weight: 500;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  white-space: nowrap;\n}\n.metric-right[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  flex-shrink: 0;\n}\r\n\r\n/* Mini bar */\n.mini-bar[data-v-0521087e] {\r\n  width: 36px;\r\n  height: 4px;\r\n  border-radius: 99px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  overflow: hidden;\n}\n.mini-bar-fill[data-v-0521087e] {\r\n  height: 100%;\r\n  border-radius: 99px;\r\n  transition: width 0.5s ease;\n}\n.mini-bar-fill--good[data-v-0521087e] { background: #22c55e;\n}\n.mini-bar-fill--warn[data-v-0521087e] { background: #f59e0b;\n}\n.mini-bar-fill--bad[data-v-0521087e]  { background: #ef4444;\n}\r\n\r\n/* Status dot */\n.status-dot[data-v-0521087e] {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\n}\n.status-dot--good[data-v-0521087e] { background: #22c55e;\n}\n.status-dot--warn[data-v-0521087e] { background: #f59e0b;\n}\n.status-dot--bad[data-v-0521087e]  { background: #ef4444;\n}\r\n\r\n/* Pulsing dot for bad status */\n.pulse-dot[data-v-0521087e] {\r\n  position: relative;\r\n  width: 6px;\r\n  height: 6px;\r\n  flex-shrink: 0;\n}\n.pulse-dot[data-v-0521087e]::before,\r\n.pulse-dot[data-v-0521087e]::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 50%;\n}\n.pulse-dot--bad[data-v-0521087e]::before  { background: #ef4444; z-index: 1;\n}\n.pulse-dot--bad[data-v-0521087e]::after   { background: #ef4444; animation: dot-ping-0521087e 1.5s ease-out infinite;\n}\n@keyframes dot-ping-0521087e {\n0%   { transform: scale(1); opacity: 0.75;\n}\n100% { transform: scale(2.5); opacity: 0;\n}\n}\n.metric-value[data-v-0521087e] {\r\n  font-size: 11.5px;\r\n  font-weight: 600;\r\n  font-variant-numeric: tabular-nums;\n}\n.metric-value--good[data-v-0521087e] { color: #4ade80;\n}\n.metric-value--warn[data-v-0521087e] { color: #fbbf24;\n}\n.metric-value--bad[data-v-0521087e]  { color: #f87171;\n}\r\n\r\n/* Chevron */\n.chevron[data-v-0521087e] {\r\n  color: rgba(255, 255, 255, 0.3);\r\n  transition: transform 0.2s ease, color 0.15s ease;\r\n  flex-shrink: 0;\n}\n.chevron--open[data-v-0521087e] { transform: rotate(180deg); color: rgba(255, 255, 255, 0.6);\n}\n.metric-card:hover .chevron[data-v-0521087e] { color: rgba(255, 255, 255, 0.5);\n}\r\n\r\n/* ── Expanded detail ──────────────────────────────────────────────────────── */\n.metric-detail[data-v-0521087e] {\r\n  padding: 0 10px 10px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\n}\n.detail-tip[data-v-0521087e] {\r\n  font-size: 11px;\r\n  line-height: 1.55;\r\n  color: rgba(255, 255, 255, 0.55);\r\n  margin: 6px 0 0;\n}\r\n\r\n/* Stats grid */\n.detail-stats[data-v-0521087e] {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 4px 12px;\n}\n.stat-item[data-v-0521087e] {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: baseline;\r\n  gap: 6px;\n}\n.stat-label[data-v-0521087e] {\r\n  font-size: 10.5px;\r\n  color: rgba(255, 255, 255, 0.35);\r\n  white-space: nowrap;\n}\n.stat-value[data-v-0521087e] {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: rgba(255, 255, 255, 0.75);\r\n  font-variant-numeric: tabular-nums;\n}\r\n\r\n/* Thresholds */\n.detail-thresholds[data-v-0521087e] {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 4px;\r\n  padding-top: 4px;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\n}\n.threshold[data-v-0521087e] {\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  padding: 2px 7px;\r\n  border-radius: 99px;\n}\n.threshold--good[data-v-0521087e] { background: rgba(34, 197, 94, 0.12);  color: #4ade80;\n}\n.threshold--warn[data-v-0521087e] { background: rgba(245, 158, 11, 0.12); color: #fbbf24;\n}\n.threshold--bad[data-v-0521087e]  { background: rgba(239, 68, 68, 0.12);  color: #f87171;\n}\r\n\r\n/* ── Format note (KB card) ────────────────────────────────────────────────── */\n.format-note[data-v-0521087e] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  background: rgba(0, 0, 0, 0.2);\r\n  border-radius: 8px;\r\n  padding: 8px;\n}\n.format-row[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 8px;\n}\n.format-badge[data-v-0521087e] {\r\n  font-size: 9.5px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.05em;\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  flex-shrink: 0;\r\n  margin-top: 1px;\r\n  background: rgba(66, 56, 158, 0.3);\r\n  color: #a5b4fc;\n}\n.format-badge--muted[data-v-0521087e] {\r\n  background: rgba(255, 255, 255, 0.07);\r\n  color: rgba(255, 255, 255, 0.35);\n}\n.format-info[data-v-0521087e] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  min-width: 0;\n}\n.format-range[data-v-0521087e] {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: rgba(255, 255, 255, 0.8);\n}\n.format-range--muted[data-v-0521087e] {\r\n  color: rgba(255, 255, 255, 0.35);\r\n  font-weight: 500;\n}\n.format-caveat[data-v-0521087e] {\r\n  font-size: 10px;\r\n  line-height: 1.4;\r\n  color: rgba(255, 255, 255, 0.35);\n}\r\n\r\n/* ── Accessibility card ───────────────────────────────────────────────────── */\n.a11y-detail[data-v-0521087e] {\r\n  cursor: default;\r\n  padding: 8px 10px 10px;\r\n  gap: 10px;\n}\r\n\r\n/* Tabs */\n.a11y-tabs[data-v-0521087e] {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 4px;\r\n  background: rgba(0, 0, 0, 0.25);\r\n  padding: 3px;\r\n  border-radius: 8px;\n}\n.a11y-tab[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 6px;\r\n  padding: 6px 4px;\r\n  background: transparent;\r\n  border: none;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  font-size: 10.5px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.02em;\r\n  color: rgba(255, 255, 255, 0.45);\r\n  transition: background 0.15s ease, color 0.15s ease;\n}\n.a11y-tab[data-v-0521087e]:hover {\r\n  color: rgba(255, 255, 255, 0.75);\r\n  background: rgba(255, 255, 255, 0.04);\n}\n.a11y-tab[data-v-0521087e]:focus-visible {\r\n  outline: 2px solid rgba(66, 56, 158, 0.5);\r\n  outline-offset: 1px;\n}\n.a11y-tab--active[data-v-0521087e] {\r\n  background: rgba(255, 255, 255, 0.07);\r\n  color: rgba(255, 255, 255, 0.92);\n}\n.a11y-tab-label[data-v-0521087e] {\r\n  text-transform: uppercase;\n}\n.a11y-tab-count[data-v-0521087e] {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: 18px;\r\n  height: 16px;\r\n  padding: 0 5px;\r\n  border-radius: 99px;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  font-variant-numeric: tabular-nums;\r\n  line-height: 1;\n}\n.a11y-tab-count--failed[data-v-0521087e]  { background: rgba(239, 68, 68, 0.18);  color: #f87171;\n}\n.a11y-tab-count--passed[data-v-0521087e]  { background: rgba(34, 197, 94, 0.18);  color: #4ade80;\n}\n.a11y-tab-count--ignored[data-v-0521087e] { background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.5);\n}\r\n\r\n/* List */\n.a11y-list[data-v-0521087e] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  max-height: 240px;\r\n  overflow-y: auto;\r\n  /* Custom thin scrollbar */\r\n  scrollbar-width: thin;\r\n  scrollbar-color: rgba(255, 255, 255, 0.12) transparent;\n}\n.a11y-list[data-v-0521087e]::-webkit-scrollbar {\r\n  width: 6px;\n}\n.a11y-list[data-v-0521087e]::-webkit-scrollbar-track {\r\n  background: transparent;\n}\n.a11y-list[data-v-0521087e]::-webkit-scrollbar-thumb {\r\n  background: rgba(255, 255, 255, 0.12);\r\n  border-radius: 99px;\n}\n.a11y-empty[data-v-0521087e] {\r\n  font-size: 11px;\r\n  color: rgba(255, 255, 255, 0.4);\r\n  text-align: center;\r\n  padding: 12px 4px;\r\n  margin: 0;\n}\n.a11y-item[data-v-0521087e] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n  padding: 8px;\r\n  border-radius: 8px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border-left: 2px solid transparent;\n}\n.a11y-item--critical[data-v-0521087e] { border-left-color: #ef4444;\n}\n.a11y-item--serious[data-v-0521087e]  { border-left-color: #f59e0b;\n}\n.a11y-item--passed[data-v-0521087e]   { border-left-color: rgba(34, 197, 94, 0.5);\n}\n.a11y-item--ignored[data-v-0521087e]  { border-left-color: rgba(255, 255, 255, 0.18); opacity: 0.75;\n}\n.a11y-item-header[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\n}\n.a11y-severity[data-v-0521087e] {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  flex-shrink: 0;\n}\n.a11y-severity--critical[data-v-0521087e] { background: rgba(239, 68, 68, 0.18);  color: #f87171;\n}\n.a11y-severity--serious[data-v-0521087e]  { background: rgba(245, 158, 11, 0.18); color: #fbbf24;\n}\n.a11y-severity--passed[data-v-0521087e]   { background: rgba(34, 197, 94, 0.18);  color: #4ade80;\n}\n.a11y-severity--ignored[data-v-0521087e]  { background: rgba(255, 255, 255, 0.07); color: rgba(255, 255, 255, 0.5);\n}\n.a11y-rule[data-v-0521087e] {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: rgba(255, 255, 255, 0.85);\r\n  flex: 1;\r\n  min-width: 0;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\n}\n.a11y-action[data-v-0521087e] {\r\n  background: transparent;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  border-radius: 4px;\r\n  padding: 2px 7px;\r\n  font-family: inherit;\r\n  font-size: 9.5px;\r\n  font-weight: 600;\r\n  color: rgba(255, 255, 255, 0.5);\r\n  cursor: pointer;\r\n  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\r\n  flex-shrink: 0;\n}\n.a11y-action[data-v-0521087e]:hover {\r\n  background: rgba(255, 255, 255, 0.06);\r\n  color: rgba(255, 255, 255, 0.85);\r\n  border-color: rgba(255, 255, 255, 0.2);\n}\n.a11y-action[data-v-0521087e]:focus-visible {\r\n  outline: 2px solid rgba(66, 56, 158, 0.5);\r\n  outline-offset: 1px;\n}\n.a11y-action--restore[data-v-0521087e] {\r\n  border-color: rgba(165, 180, 252, 0.25);\r\n  color: #a5b4fc;\n}\n.a11y-action--restore[data-v-0521087e]:hover {\r\n  background: rgba(66, 56, 158, 0.15);\r\n  border-color: rgba(165, 180, 252, 0.4);\r\n  color: #c7d2fe;\n}\n.a11y-message[data-v-0521087e] {\r\n  font-size: 10.5px;\r\n  line-height: 1.5;\r\n  color: rgba(255, 255, 255, 0.65);\r\n  margin: 0;\n}\n.a11y-info[data-v-0521087e] {\r\n  font-size: 10px;\r\n  line-height: 1.5;\r\n  color: rgba(255, 255, 255, 0.38);\r\n  margin: 0;\r\n  padding-top: 2px;\r\n  border-top: 1px dashed rgba(255, 255, 255, 0.06);\n}\r\n\r\n/* ── Panel footer ─────────────────────────────────────────────────────────── */\n.panel-footer[data-v-0521087e] {\r\n  font-size: 10px;\r\n  color: rgba(255, 255, 255, 0.22);\r\n  text-align: center;\r\n  padding-top: 4px;\r\n  margin: 0;\n}\r\n\r\n/* ── Click-outside overlay ────────────────────────────────────────────────── */\n.click-outside[data-v-0521087e] {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9998;\n}\r\n\r\n/* ── Transitions ──────────────────────────────────────────────────────────── */\n.popover-enter-active[data-v-0521087e] {\r\n  transition: opacity 0.18s ease, transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n.popover-leave-active[data-v-0521087e] {\r\n  transition: opacity 0.12s ease, transform 0.12s ease;\n}\n.popover-enter-from[data-v-0521087e] {\r\n  opacity: 0;\r\n  transform: translateX(-50%) translateY(-6px) scale(0.97);\n}\n.popover-leave-to[data-v-0521087e] {\r\n  opacity: 0;\r\n  transform: translateX(-50%) translateY(-4px) scale(0.98);\n}\n.expand-enter-active[data-v-0521087e] {\r\n  transition: opacity 0.18s ease, max-height 0.22s ease;\r\n  max-height: 300px;\r\n  overflow: hidden;\n}\n.expand-leave-active[data-v-0521087e] {\r\n  transition: opacity 0.12s ease, max-height 0.18s ease;\r\n  overflow: hidden;\n}\n.expand-enter-from[data-v-0521087e] {\r\n  opacity: 0;\r\n  max-height: 0;\n}\n.expand-leave-to[data-v-0521087e] {\r\n  opacity: 0;\r\n  max-height: 0;\n}\r\n\n.picker-overlay-enter-active[data-v-5f1ee4c3],\r\n.picker-overlay-leave-active[data-v-5f1ee4c3] {\r\n  transition: opacity 0.2s ease;\n}\n.picker-overlay-enter-from[data-v-5f1ee4c3],\r\n.picker-overlay-leave-to[data-v-5f1ee4c3] {\r\n  opacity: 0;\n}\n.picker-drawer-enter-active[data-v-5f1ee4c3],\r\n.picker-drawer-leave-active[data-v-5f1ee4c3] {\r\n  transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.picker-drawer-enter-from[data-v-5f1ee4c3],\r\n.picker-drawer-leave-to[data-v-5f1ee4c3] {\r\n  transform: translateX(100%);\n}\r\n\n.note-enter-active[data-v-b07bbf33],\r\n.note-leave-active[data-v-b07bbf33] {\r\n  transition:\r\n    opacity 0.2s ease,\r\n    max-height 0.25s ease;\r\n  max-height: 60px;\r\n  overflow: hidden;\n}\n.note-enter-from[data-v-b07bbf33],\r\n.note-leave-to[data-v-b07bbf33] {\r\n  opacity: 0;\r\n  max-height: 0;\n}\r\n\n.md-msg[data-v-db5ba171] {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.5rem;\n  padding: 0.625rem 0.75rem;\n  font-size: 13px;\n  border: 1px solid;\n  border-radius: 0.5rem;\n}\n.md-msg__icon[data-v-db5ba171] { margin-top: 0.125rem; flex-shrink: 0; font-size: 14px;\n}\n.md-msg__body[data-v-db5ba171] { flex: 1; min-width: 0;\n}\n.md-msg__close[data-v-db5ba171] { opacity: 0.6; cursor: pointer; background: none; border: 0;\n}\n.md-msg__close[data-v-db5ba171]:hover { opacity: 1;\n}\n.md-msg--info[data-v-db5ba171] { background: var(--md-info-bg); border-color: var(--md-info-border); color: var(--md-info-fg);\n}\n.md-msg--success[data-v-db5ba171] { background: var(--md-success-bg); border-color: var(--md-success-border); color: var(--md-success-fg);\n}\n.md-msg--warn[data-v-db5ba171] { background: var(--md-surface)beb; border-color: var(--md-warning-border); color: var(--md-warning-fg);\n}\n.md-msg--error[data-v-db5ba171] { background: var(--md-danger-bg); border-color: var(--md-danger-border); color: var(--md-danger-fg);\n}\n\r\n/* Auto-save pill: fade + 4px vertical drift on enter/leave */\n.autosave-fade-enter-active[data-v-8a0c6ca5],\r\n.autosave-fade-leave-active[data-v-8a0c6ca5] {\r\n  transition:\r\n    opacity 0.2s ease,\r\n    transform 0.2s ease;\n}\n.autosave-fade-enter-from[data-v-8a0c6ca5] {\r\n  opacity: 0;\r\n  transform: translateY(4px);\n}\n.autosave-fade-leave-to[data-v-8a0c6ca5] {\r\n  opacity: 0;\r\n  transform: translateY(-4px);\n}\r\n/*$vite$:1*/";
+	const raw = "\n\n.md-input[data-v-3e558228] {\r\n  width: 100%;\r\n  padding: 0.325rem 0.625rem;\r\n  font-size: 13px;\r\n  line-height: 1.25rem;\r\n  color: var(--md-text);\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.375rem;\r\n  outline: none;\r\n  transition: border-color 0.15s, box-shadow 0.15s;\n}\n.md-input[data-v-3e558228]::placeholder { color: var(--md-text-subtle);\n}\n.md-input[data-v-3e558228]:focus {\r\n  border-color: var(--md-primary);\n}\n.md-input[data-v-3e558228]:disabled { background: var(--md-surface-hover); color: var(--md-text-subtle); cursor: not-allowed;\n}\n.md-input--invalid[data-v-3e558228] { border-color: var(--md-danger);\n}\n.md-input--invalid[data-v-3e558228]:focus { border-color: var(--md-danger); box-shadow: 0 0 0 1px var(--md-danger);\n}\r\n\r\n/* =========================================================\r\n   SELECT ROOT\r\n   ========================================================= */\n.md-sel__anchor {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.25rem;\r\n  width: 100%;\r\n  min-height: 32px;\r\n  box-sizing: border-box;\r\n  padding: 0 0.375rem 0 0.5rem;\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.375rem;\r\n  font-size: 13px;\r\n  color: var(--md-text);\n}\n.md-sel__anchor:focus-within {\r\n  border-color: var(--md-primary);\n}\n.md-sel__anchor--open {\r\n  border-color: var(--md-primary);\n}\n.md-sel__anchor--disabled {\r\n  background: var(--md-surface-hover);\r\n  color: var(--md-text-subtle);\n}\r\n\r\n/* =========================================================\r\n   SEARCH INPUT\r\n   ========================================================= */\n.md-sel__input {\r\n  flex: 1;\r\n  min-width: 0;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  padding: 0.375rem 0;\r\n  border: 0;\r\n  outline: none;\r\n  background: transparent;\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  line-height: 1.25rem;\r\n  color: var(--md-text);\n}\n.md-sel__input::placeholder {\r\n  color: var(--md-text-subtle);\n}\r\n\r\n/* =========================================================\r\n   NON-FILTERED TRIGGER\r\n   ========================================================= */\n.md-sel__triggerText {\r\n  flex: 1;\r\n  min-width: 0;\r\n  box-sizing: border-box;\r\n  padding: 0.375rem 0;\r\n  border: 0;\r\n  outline: none;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  color: var(--md-text);\r\n  text-align: left;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\n}\n.md-sel__ph {\r\n  color: var(--md-text-subtle);\n}\r\n\r\n/* =========================================================\r\n   CHEVRON\r\n   ========================================================= */\n.md-sel__chev {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  width: 20px;\r\n  height: 20px;\r\n  padding: 0;\r\n  border: 0;\r\n  outline: none;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  color: var(--md-text-muted);\r\n  transition:\r\n    transform 150ms ease,\r\n    color 150ms ease;\n}\n.md-sel__chev--open {\r\n  transform: rotate(180deg);\r\n  color: var(--md-text);\n}\r\n\r\n/* =========================================================\r\n   DROPDOWN\r\n   ========================================================= */\n.md-sel__content {\r\n  position: relative;\r\n  z-index: 999999;\r\n  width: var(--reka-combobox-trigger-width);\r\n  min-width: 180px;\r\n  max-width: 320px;\r\n  box-sizing: border-box;\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.5rem;\r\n  box-shadow:\r\n    0 10px 15px -3px rgb(0 0 0 / 0.12),\r\n    0 4px 6px -4px rgb(0 0 0 / 0.12);\r\n  overflow: hidden;\n}\r\n\r\n/* =========================================================\r\n   DROPDOWN VIEWPORT\r\n   ========================================================= */\n.md-sel__viewport {\r\n  width: 100%;\r\n  max-height: 240px;\r\n  box-sizing: border-box;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  padding: 4px;\r\n  background: var(--md-surface);\n}\r\n\r\n/* =========================================================\r\n   EMPTY\r\n   ========================================================= */\n.md-sel__empty {\r\n  display: block;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  padding: 8px;\r\n  background: var(--md-surface);\r\n  font-family: inherit;\r\n  font-size: 12px;\r\n  color: var(--md-text-subtle);\r\n  text-align: center;\n}\r\n\r\n/* =========================================================\r\n   OPTION\r\n   ========================================================= */\n.md-sel__item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  min-height: 32px;\r\n  box-sizing: border-box;\r\n  gap: 8px;\r\n  padding: 6px 8px;\r\n  background: var(--md-surface);\r\n  border: 0;\r\n  border-radius: 6px;\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  line-height: 18px;\r\n  color: var(--md-text);\r\n  cursor: pointer;\r\n  outline: none;\r\n  user-select: none;\n}\n.md-sel__item:hover {\r\n  background: var(--md-surface-muted);\n}\n.md-sel__item[data-highlighted] {\r\n  background: var(--md-surface-muted);\n}\n.md-sel__item[data-state=\"checked\"] {\r\n  background: var(--md-success-bg);\r\n  color: var(--md-success-fg);\r\n  font-weight: 500;\n}\n.md-sel__item[data-state=\"checked\"][data-highlighted] {\r\n  background: color-mix(in srgb, var(--md-success) 20%, var(--md-success-bg));\n}\r\n\r\n/* =========================================================\r\n   OPTION TEXT\r\n   ========================================================= */\n.md-sel__itemLabel {\r\n  flex: 1;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\n}\r\n\r\n/* =========================================================\r\n   CHECK\r\n   ========================================================= */\n.md-sel__check {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  width: 16px;\r\n  height: 16px;\r\n  font-size: 12px;\r\n  color: currentColor;\n}\r\n\n.section-fade-enter-active[data-v-9ae9089d],\r\n.section-fade-leave-active[data-v-9ae9089d] {\r\n  transition: opacity 0.15s ease, transform 0.15s ease;\n}\n.section-fade-enter-from[data-v-9ae9089d],\r\n.section-fade-leave-to[data-v-9ae9089d] {\r\n  opacity: 0;\r\n  transform: translateY(-3px);\n}\r\n\n.transparent-swatch[data-v-e240a193] {\r\n  background-image:\r\n    linear-gradient(45deg, #ccc 25%, transparent 25%),\r\n    linear-gradient(-45deg, #ccc 25%, transparent 25%),\r\n    linear-gradient(45deg, transparent 75%, #ccc 75%),\r\n    linear-gradient(-45deg, transparent 75%, #ccc 75%);\r\n  background-size: 6px 6px;\r\n  background-position: 0 0, 0 3px, 3px -3px, -3px 0;\r\n  background-color: white;\n}\r\n\n.transparent-swatch[data-v-936cb96e] {\r\n  background-image:\r\n    linear-gradient(45deg, #ccc 25%, transparent 25%),\r\n    linear-gradient(-45deg, #ccc 25%, transparent 25%),\r\n    linear-gradient(45deg, transparent 75%, #ccc 75%),\r\n    linear-gradient(-45deg, transparent 75%, #ccc 75%);\r\n  background-size: 6px 6px;\r\n  background-position: 0 0, 0 3px, 3px -3px, -3px 0;\r\n  background-color: white;\n}\r\n\r\n/* =========================================================\r\n   FIELD\r\n   ========================================================= */\n.md-dp__field {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.0625rem;\r\n  width: 100%;\r\n  min-height: 32px;\r\n  box-sizing: border-box;\r\n  padding: 0.375rem 0.375rem 0.375rem 0.5rem;\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.375rem;\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  color: var(--md-text);\n}\n.md-dp__field:focus-within {\r\n  border-color: var(--md-primary);\r\n  box-shadow: 0 0 0 1px var(--md-primary);\n}\r\n\r\n/* =========================================================\r\n   DATE SEGMENTS\r\n   ========================================================= */\n.md-dp__seg {\r\n  padding: 0 0.0625rem;\r\n  border-radius: 0.125rem;\r\n  outline: none;\r\n  font-family: inherit;\r\n  font-size: 13px;\n}\n.md-dp__seg:focus {\r\n  background: var(--md-primary);\r\n  color: var(--md-surface);\n}\n.md-dp__seg[data-placeholder] {\r\n  color: var(--md-text-subtle);\n}\n.md-dp__lit {\r\n  color: var(--md-text-subtle);\n}\r\n\r\n/* =========================================================\r\n   CALENDAR TRIGGER\r\n   ========================================================= */\n.md-dp__trigger {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  margin-left: auto;\r\n  width: 20px;\r\n  height: 20px;\r\n  padding: 0.125rem;\r\n  border: 0;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  font-size: 11px;\r\n  color: var(--md-text-subtle);\n}\n.md-dp__trigger:hover {\r\n  color: var(--md-text-muted);\n}\r\n\r\n/* =========================================================\r\n   CALENDAR POPOVER\r\n   ========================================================= */\n.md-dp__content {\r\n  z-index: 999999;\r\n  padding: 0.625rem;\r\n  box-sizing: border-box;\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.625rem;\r\n  box-shadow:\r\n    0 10px 15px -3px rgb(0 0 0 / 0.12),\r\n    0 4px 6px -4px rgb(0 0 0 / 0.12);\n}\r\n\r\n/* =========================================================\r\n   CALENDAR\r\n   ========================================================= */\n.md-dp__cal {\r\n  width: max-content;\n}\r\n\r\n/* =========================================================\r\n   HEADER\r\n   ========================================================= */\n.md-dp__header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 0.5rem;\n}\n.md-dp__heading {\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--md-text);\n}\r\n\r\n/* =========================================================\r\n   PREVIOUS / NEXT\r\n   ========================================================= */\n.md-dp__nav {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 24px;\r\n  height: 24px;\r\n  padding: 0.25rem;\r\n  border: 0;\r\n  background: transparent;\r\n  border-radius: 0.25rem;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  color: var(--md-text-muted);\n}\n.md-dp__nav:hover {\r\n  background: var(--md-surface-muted);\r\n  color: var(--md-text);\n}\n.md-dp__nav:disabled {\r\n  opacity: 0.4;\r\n  cursor: default;\n}\r\n\r\n/* =========================================================\r\n   GRID\r\n   ========================================================= */\n.md-dp__grid {\r\n  width: 100%;\r\n  border-collapse: collapse;\n}\n.md-dp__row {\r\n  display: flex;\n}\r\n\r\n/* =========================================================\r\n   WEEKDAY HEADER\r\n   ========================================================= */\n.md-dp__headCell {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 28px;\r\n  font-family: inherit;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  color: var(--md-text-subtle);\n}\r\n\r\n/* =========================================================\r\n   DAY BUTTON\r\n   ========================================================= */\n.md-dp__day {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 30px;\r\n  padding: 0;\r\n  border: 0;\r\n  background: transparent;\r\n  font-family: inherit;\r\n  font-size: 12px;\r\n  color: var(--md-text);\r\n  border-radius: 0.3125rem;\r\n  cursor: pointer;\r\n  outline: none;\r\n  transition:\r\n    background 100ms ease,\r\n    color 100ms ease;\n}\n.md-dp__day:hover {\r\n  background: var(--md-surface-muted);\n}\n.md-dp__day:focus-visible {\r\n  outline: 2px solid var(--md-primary);\r\n  outline-offset: -2px;\n}\r\n\r\n/* =========================================================\r\n   SELECTED DAY\r\n   ========================================================= */\n.md-dp__day[data-selected] {\r\n  background: var(--md-primary);\r\n  color: var(--md-surface);\r\n  font-weight: 600;\n}\n.md-dp__day[data-selected]:hover {\r\n  background: var(--md-primary);\n}\r\n\r\n/* =========================================================\r\n   TODAY\r\n   ========================================================= */\n.md-dp__day[data-today]:not([data-selected]) {\r\n  font-weight: 700;\r\n  color: var(--md-primary);\n}\r\n\r\n/* =========================================================\r\n   OUTSIDE / DISABLED\r\n   ========================================================= */\n.md-dp__day[data-outside-view] {\r\n  color: var(--md-border-strong);\n}\n.md-dp__day[data-disabled] {\r\n  color: var(--md-border-strong);\r\n\r\n  cursor: default;\n}\n.md-dp__day[data-disabled]:hover {\r\n  background: transparent;\n}\r\n\n.rules-scroll[data-v-ce314c0b] {\r\n  overflow-x: auto;\r\n  max-width: 100%;\r\n  -webkit-overflow-scrolling: touch;\n}\n.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar {\r\n  height: 6px;\n}\n.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar-track {\r\n  background: var(--md-surface-muted);\r\n  border-radius: 4px;\n}\n.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar-thumb {\r\n  background: var(--md-border-strong);\r\n  border-radius: 4px;\n}\n.rules-scroll[data-v-ce314c0b]::-webkit-scrollbar-thumb:hover {\r\n  background: var(--md-text-subtle);\n}\r\n\n.toggle-btn[data-v-2dd9f5a7] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 28px;\r\n  border-radius: 6px;\r\n  border: 0.5px solid transparent;\r\n  cursor: pointer;\r\n  transition:\r\n    background 0.1s,\r\n    border-color 0.1s,\r\n    color 0.1s;\r\n  background: transparent;\r\n  padding: 0;\r\n  outline: none;\n}\n.toggle-btn[data-v-2dd9f5a7]:focus-visible {\r\n  box-shadow: 0 0 0 2px var(--md-selection);\n}\n.toggle-btn--idle[data-v-2dd9f5a7] {\r\n  border-color: var(--md-border);\r\n  color: var(--md-text-subtle);\n}\n.toggle-btn--idle[data-v-2dd9f5a7]:hover {\r\n  background: var(--md-surface-hover);\r\n  border-color: var(--md-border-strong);\n}\n.toggle-btn--active[data-v-2dd9f5a7] {\r\n  background: var(--md-selection-bg);\r\n  border-color: var(--md-selection);\r\n  color: var(--md-selection-fg);\n}\n.toggle-btn--active[data-v-2dd9f5a7]:hover {\r\n  background: color-mix(in srgb, var(--md-selection) 20%, var(--md-selection-bg));\n}\r\n\n.md-btn[data-v-cc741dfc] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.375rem;\n  padding: 0.5rem 0.875rem;\n  font-size: 13px;\n  font-weight: 500;\n  border-radius: 0.375rem;\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;\n}\n.md-btn[data-v-cc741dfc]:disabled { opacity: 0.55; cursor: not-allowed;\n}\n.md-btn--primary[data-v-cc741dfc] {\n  background: var(--md-button-primary-bg);\n  color: var(--md-button-primary-text);\n}\n.md-btn--primary[data-v-cc741dfc]:not(:disabled):hover { background: var(--md-button-primary-hover-bg);\n}\n.md-btn--secondary[data-v-cc741dfc] {\n  background: var(--md-button-secondary-bg);\n  color: var(--md-button-secondary-text);\n  border-color: var(--md-border);\n}\n.md-btn--secondary[data-v-cc741dfc]:not(:disabled):hover { background: var(--md-button-secondary-hover-bg);\n}\n.md-btn--danger[data-v-cc741dfc] { background: var(--md-danger); color: var(--md-on-danger);\n}\n.md-btn--danger[data-v-cc741dfc]:not(:disabled):hover { filter: brightness(0.94);\n}\n.md-btn--success[data-v-cc741dfc] { background: var(--md-success); color: var(--md-surface);\n}\n\n.md-dialog__overlay[data-v-0b61b47b] {\n  position: fixed;\n  inset: 0;\n  z-index: 9998;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n  background: rgb(0 0 0 / 0.4);\n}\n.md-dialog[data-v-0b61b47b] {\n  width: 420px;\n  max-width: 100%;\n  max-height: calc(100vh - 2rem);\n  display: flex;\n  flex-direction: column;\n  background: var(--md-surface);\n  border-radius: 0.75rem;\n  box-shadow: 0 20px 60px rgb(0 0 0 / 0.25);\n  outline: none;\n}\n.md-dialog__header[data-v-0b61b47b] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  padding: 1.125rem 1.25rem 0.5rem;\n}\n.md-dialog__header--noTitle[data-v-0b61b47b] { justify-content: flex-end;\n}\n.md-dialog__title[data-v-0b61b47b] { font-size: 17px; font-weight: 600; color: var(--md-text); margin: 0;\n}\n.md-dialog__close[data-v-0b61b47b] {\n  display: inline-flex;\n  padding: 0.25rem;\n  color: var(--md-text-subtle);\n  background: none;\n  border: 0;\n  border-radius: 0.25rem;\n  cursor: pointer;\n}\n.md-dialog__close[data-v-0b61b47b]:hover { color: var(--md-text); background: var(--md-surface-muted);\n}\n.md-dialog__body[data-v-0b61b47b] {\n  padding: 0.5rem 1.25rem 1.25rem;\n  overflow-y: auto;\n  font-size: 14px;\n  color: var(--md-text);\n}\n.md-dialog__footer[data-v-0b61b47b] {\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.5rem;\n  padding: 0 1.25rem 1.25rem;\n}\n.md-dialog__srOnly[data-v-0b61b47b] {\n  position: absolute;\n  width: 1px; height: 1px;\n  padding: 0; margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n[data-v-5aa602c3] a {\r\n  color: #2563eb;\r\n  cursor: pointer;\n}\n[data-v-5aa602c3] a:not([style*=\"text-decoration\"]) {\r\n  text-decoration: underline;\n}\n[data-v-5aa602c3] a:hover {\r\n  opacity: 0.8;\n}\r\n\r\n/* Merge tag node — inline chip styling.\r\n   display:inline ensures the span is exactly as wide as its text content.\r\n   No width reservation from hidden raw-tag text since the NodeView\r\n   writes only one text node at a time. */\n[data-v-5aa602c3] .merge-tag-node {\r\n  display: inline;\r\n  white-space: nowrap;\r\n  vertical-align: baseline;\r\n  cursor: default;\r\n  border-radius: 3px;\r\n  padding: 0 2px;\n}\r\n\r\n/* List styles — scoped to the editor content area */\n[data-v-5aa602c3] li:not(:last-child) {\r\n  margin-bottom: var(--list-item-spacing, 0.25rem);\n}\r\n\r\n/* ─── Toolbar font Select sizing ─────────────────────────────────────────────\r\n   Constrain the Select to sit flush inside the toolbar row.\r\n   The trigger is kept compact (28px tall) and the overlay is widened so\r\n   long font names are readable without being clipped.                       */\n.toolbar-font-select[data-v-5aa602c3] .p-select {\r\n  height: 28px;\r\n  min-width: 110px;\r\n  max-width: 130px;\r\n  border-radius: 6px;\r\n  border-color: var(\r\n    --md-toolbar-border\r\n  ); /* matches other toolbar button borders */\r\n  padding: 0 6px;\r\n  font-size: 0.75rem;\r\n  display: flex;\r\n  align-items: center;\n}\n.toolbar-font-select[data-v-5aa602c3] .p-select-label {\r\n  padding: 0;\r\n  font-size: 0.85rem;\r\n  line-height: 1;\n}\n.toolbar-font-select[data-v-5aa602c3] .p-select-dropdown {\r\n  width: 20px;\n}\r\n\r\n/* Widen the overlay panel so long font names are not clipped */\n[data-v-5aa602c3] .p-select-overlay {\r\n  min-width: 180px !important;\n}\r\n\n.toggle-btn[data-v-916ac99b] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 28px;\r\n  border-radius: 6px;\r\n  border: 0.5px solid transparent;\r\n  cursor: pointer;\r\n  transition: background 0.1s, border-color 0.1s, color 0.1s;\r\n  background: transparent;\r\n  padding: 0;\r\n  outline: none;\n}\n.toggle-btn--idle[data-v-916ac99b] {\r\n  border-color: color-mix(in srgb, var(--md-border) 80%, transparent);\r\n  color: var(--md-text-subtle);\n}\n.toggle-btn--idle[data-v-916ac99b]:hover {\r\n  background: var(--md-surface-hover);\r\n  border-color: var(--md-border-strong);\r\n  color: var(--md-text-muted);\n}\n.toggle-btn--active[data-v-916ac99b] {\r\n  background: var(--md-selection-bg);\r\n  border-color: var(--md-selection);\r\n  color: var(--md-selection-fg);\n}\n.toggle-btn--active[data-v-916ac99b]:hover {\r\n  background: color-mix(in srgb, var(--md-selection) 20%, var(--md-selection-bg));\n}\r\n\n.panel[data-v-1ca75986] {\r\n  padding: 10px 12px;\r\n  background: var(--md-surface);\r\n  border: 0.5px solid color-mix(in srgb, var(--md-border) 80%, transparent);\r\n  border-radius: 10px;\n}\n.separator[data-v-1ca75986] {\r\n  height: 0.5px;\r\n  background: color-mix(in srgb, var(--md-border) 80%, transparent);\r\n  margin-left: -12px;\r\n  margin-right: -12px;\n}\r\n\n.spinner[data-v-3ea84dc7] {\r\n  width: 50px;\r\n  height: 50px;\r\n  border: 5px solid rgba(0, 0, 0, 0.2);\r\n  border-top-color: var(--md-selection);\r\n  border-radius: 50%;\r\n  margin: 0 auto;\r\n  animation: spin-3ea84dc7 1s linear infinite;\n}\n@keyframes spin-3ea84dc7 {\nto {\r\n    transform: rotate(360deg);\n}\n}\r\n\r\n/* ===== DESIGN SYSTEM TOKENS =====\r\n * Each token reads from the shared --md-* custom properties (see theme.ts)\r\n * and falls back to this component's original hardcoded value when the\r\n * host hasn't set that property. That means an untouched app looks exactly\r\n * as before, and a host calling setEditorTheme() re-themes this notice too,\r\n * without editing this file again. */\n.desktop-gate[data-v-f2e384b2] {\r\n  --brand-primary: var(--md-primary, #4a7c59);\r\n  --brand-primary-dark: var(--md-primary-hover, #3a5a40);\r\n  --brand-primary-light: var(--md-primary-hover, #3a5a40);\r\n  --brand-gradient-start: var(--md-primary, #4a7c59);\r\n  --brand-gradient-end: var(--md-primary-hover, #3a5a40);\r\n  --gate-surface: var(--md-surface, #ffffff);\r\n  --gate-backdrop: var(--md-background, #f9fafb);\r\n  --gate-on-primary: var(--md-on-primary, #ffffff);\r\n  --gate-warning: var(--md-warning, #f59e0b);\r\n  --gray-50: var(--md-background, #f9fafb);\r\n  --gray-100: var(--md-surface-muted, #f3f4f6);\r\n  --gray-200: var(--md-border, #e5e7eb);\r\n  --gray-300: var(--md-border-strong, #d1d5db);\r\n  --gray-400: var(--md-text-subtle, #9ca3af);\r\n  --gray-500: var(--md-text-subtle, #6b7280);\r\n  --gray-600: var(--md-text-muted, #4b5563);\r\n  --gray-700: var(--md-text-muted, #374151);\r\n  --gray-800: var(--md-text, #1f2937);\r\n  --gray-900: var(--md-text, #111827);\r\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\r\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\r\n  --shadow-lg:\r\n    0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\r\n  --shadow-xl:\r\n    0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\r\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n}\r\n\r\n/* ===== MAIN LAYOUT ===== */\n.desktop-gate[data-v-f2e384b2] {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9999;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: color-mix(in srgb, var(--gate-backdrop) 98%, transparent);\r\n  backdrop-filter: blur(2px);\r\n  padding: 1.5rem;\n}\n.gate-container[data-v-f2e384b2] {\r\n  max-width: 520px;\r\n  width: 100%;\r\n  background: var(--gate-surface);\r\n  border-radius: 2rem;\r\n  padding: 2.5rem;\r\n  text-align: center;\r\n  box-shadow: var(--shadow-2xl);\r\n  animation: fadeInUp-f2e384b2 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n  border: 1px solid var(--gray-200);\n}\r\n\r\n/* ===== BRAND BADGE ===== */\n.brand-badge[data-v-f2e384b2] {\r\n  position: relative;\r\n  width: 80px;\r\n  height: 80px;\r\n  margin: 0 auto 1.5rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\n}\n.badge-ring[data-v-f2e384b2] {\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 50%;\r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--brand-gradient-start),\r\n    var(--brand-gradient-end)\r\n  );\r\n  animation: pulseRing-f2e384b2 2s ease-out infinite;\n}\n.badge-icon[data-v-f2e384b2] {\r\n  position: relative;\r\n  width: 56px;\r\n  height: 56px;\r\n  background: var(--gate-surface);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--brand-primary);\r\n  box-shadow: var(--shadow-md);\r\n  transition: transform 0.2s ease;\n}\n.gate-container:hover .badge-icon[data-v-f2e384b2] {\r\n  transform: scale(1.02);\n}\r\n\r\n/* ===== TYPOGRAPHY ===== */\n.gate-title[data-v-f2e384b2] {\r\n  font-size: 1.875rem;\r\n  font-weight: 700;\r\n  letter-spacing: -0.02em;\r\n  margin: 0 0 1rem 0;\r\n  color: var(--gray-900);\n}\n.brand-gradient[data-v-f2e384b2] {\r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--brand-gradient-start),\r\n    var(--brand-gradient-end)\r\n  );\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  color: transparent;\n}\n.gate-description[data-v-f2e384b2] {\r\n  font-size: 1rem;\r\n  line-height: 1.5;\r\n  color: var(--gray-600);\r\n  margin: 0 0 1.75rem 0;\n}\r\n\r\n/* ===== FEATURE GRID ===== */\n.feature-grid[data-v-f2e384b2] {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 2rem;\r\n  margin-bottom: 2rem;\r\n  padding: 1rem 0;\r\n  border-top: 1px solid var(--gray-200);\r\n  border-bottom: 1px solid var(--gray-200);\n}\n.feature-item[data-v-f2e384b2] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  font-size: 0.75rem;\r\n  font-weight: 500;\r\n  color: var(--gray-700);\n}\n.feature-icon[data-v-f2e384b2] {\r\n  width: 36px;\r\n  height: 36px;\r\n  background: var(--gray-100);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--brand-primary);\r\n  transition: all 0.2s ease;\n}\n.feature-item:hover .feature-icon[data-v-f2e384b2] {\r\n  background: var(--brand-primary);\r\n  color: var(--gate-on-primary);\r\n  transform: translateY(-2px);\n}\r\n\r\n/* ===== STATUS ===== */\n.detection-status[data-v-f2e384b2] {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  padding: 0.5rem 1rem;\r\n  background: var(--gray-100);\r\n  border-radius: 100px;\r\n  font-size: 0.75rem;\r\n  font-weight: 500;\r\n  color: var(--gray-600);\n}\n.status-dot[data-v-f2e384b2] {\r\n  width: 8px;\r\n  height: 8px;\r\n  background: var(--gate-warning);\r\n  border-radius: 50%;\r\n  animation: pulse-f2e384b2 1.5s ease-out infinite;\n}\r\n\r\n/* ===== FOOTER ===== */\n.gate-footer[data-v-f2e384b2] {\r\n  margin-top: 2rem;\r\n  padding-top: 1.5rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  font-size: 0.75rem;\r\n  color: var(--gray-400);\n}\n.brand-text[data-v-f2e384b2] {\r\n  font-weight: 600;\r\n  background: linear-gradient(\r\n    135deg,\r\n    var(--brand-gradient-start),\r\n    var(--brand-gradient-end)\r\n  );\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  color: transparent;\n}\r\n\r\n/* ===== ANIMATIONS ===== */\n@keyframes fadeInUp-f2e384b2 {\nfrom {\r\n    opacity: 0;\r\n    transform: translateY(20px);\n}\nto {\r\n    opacity: 1;\r\n    transform: translateY(0);\n}\n}\n@keyframes pulseRing-f2e384b2 {\n0% {\r\n    opacity: 1;\r\n    transform: scale(0.95);\n}\n70% {\r\n    opacity: 0.4;\r\n    transform: scale(1.15);\n}\n100% {\r\n    opacity: 0;\r\n    transform: scale(1.25);\n}\n}\n@keyframes pulse-f2e384b2 {\n0%,\r\n  100% {\r\n    opacity: 1;\n}\n50% {\r\n    opacity: 0.4;\n}\n}\r\n\r\n/* ===== RESPONSIVE TOUCH-UPS ===== */\n@media (max-width: 480px) {\n.gate-container[data-v-f2e384b2] {\r\n    padding: 2rem 1.5rem;\n}\n.gate-title[data-v-f2e384b2] {\r\n    font-size: 1.5rem;\n}\n.feature-grid[data-v-f2e384b2] {\r\n    gap: 1.25rem;\n}\n}\r\n\n.row-drop-bar[data-v-601d4b22] {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  height: 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 0 16px;\r\n  background: color-mix(in srgb, var(--drop-color) 5%, transparent);\r\n  border-radius: 6px;\r\n  z-index: 20;\r\n  pointer-events: none;\n}\n.row-drop-bar--before[data-v-601d4b22] {\r\n  top: -14px;\n}\n.row-drop-bar--after[data-v-601d4b22] {\r\n  bottom: -14px;\n}\n.row-drop-bar-line[data-v-601d4b22] {\r\n  flex: 1;\r\n  height: 2px;\r\n  background: color-mix(in srgb, var(--drop-color) 50%, transparent);\r\n  border-radius: 2px;\r\n  /* animation: bar-expand 0.18s ease forwards; */\n}\r\n\r\n/* @keyframes bar-expand {\r\n  from {\r\n    transform: scaleX(0);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: scaleX(1);\r\n    opacity: 1;\r\n  }\r\n} */\n.row-drop-bar-label[data-v-601d4b22] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  color: var(--drop-color);\r\n  white-space: nowrap;\r\n  padding: 4px 12px;\r\n  background: color-mix(in srgb, var(--drop-color) 10%, transparent);\r\n  border: 1px solid color-mix(in srgb, var(--drop-color) 30%, transparent);\r\n  border-radius: 24px;\r\n  /* animation: label-pop 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; */\n}\r\n\r\n/* @keyframes label-pop {\r\n  from {\r\n    transform: scale(0.8);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n  }\r\n} */\n.row-drop-bar-icon[data-v-601d4b22] {\r\n  width: 12px;\r\n  height: 12px;\r\n  flex-shrink: 0;\n}\r\n\r\n/* Transition */\r\n/* .drop-bar-enter-active {\r\n  animation: bar-in 0.15s ease forwards;\r\n}\r\n.drop-bar-leave-active {\r\n  transition: opacity 0.12s ease;\r\n}\r\n.drop-bar-leave-to {\r\n  opacity: 0;\r\n} */\r\n\r\n/* @keyframes bar-in {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n} */\r\n\n.fade-enter-active[data-v-7f93ba61],\r\n.fade-leave-active[data-v-7f93ba61] {\r\n  transition: opacity 0.1s ease;\n}\n.fade-enter-from[data-v-7f93ba61],\r\n.fade-leave-to[data-v-7f93ba61] {\r\n  opacity: 0;\n}\r\n\r\n/*\r\n * Stacking fix: CanvasRowDropZone has z-index: 9 and extends its hit-area\r\n * strip into adjacent rows when a layout drag is active. Without an explicit\r\n * stacking context on the column, that strip would catch pointer events for\r\n * the edges of the column — the row drop zone would win and the drop would\r\n * become a top-level row instead of a nested row.\r\n *\r\n * z-index: 1 creates a stacking context ABOVE the drop zone's hit strip.\r\n *\r\n * CRITICAL: When a child component is selected, we must set z-index: auto on\r\n * this column AND on its ancestor CanvasRow (via hasSelectedDescendant).\r\n * z-index: auto removes the column from the stacking context chain entirely,\r\n * letting the selected component's z-50 bubble up to compete at the canvas\r\n * root level — which is what allows the action bar and RichText toolbar to\r\n * paint above sibling rows. If z-index: 1 stays active, ANY z-index on a\r\n * child is capped within this column's own stacking context and can never\r\n * exceed a sibling row painted at z-index: 0 in normal flow.\r\n */\n.canvas-column[data-v-7f93ba61] {\r\n  position: relative;\r\n  z-index: 1;\n}\n.canvas-column.has-selected-child[data-v-7f93ba61] {\r\n  z-index: auto;\n}\r\n\r\n/* ── Base zone ─────────────────────────────────────────────── */\n.canvas-drop-zone[data-v-cc281ed8] {\r\n  position: relative;\r\n  height: 0;\r\n  margin: 0;\r\n  z-index: 9;\r\n  overflow: visible;\r\n  transition: height 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\r\n\r\n/* Full expansion on hover */\n.canvas-drop-zone--active[data-v-cc281ed8] {\r\n  height: 52px;\n}\r\n\r\n/* Empty-canvas variant — fills the whole empty area */\n.canvas-drop-zone--empty[data-v-cc281ed8] {\r\n  height: 100%;\r\n  min-height: 200px;\n}\r\n\r\n/* Full height variant - takes up entire parent container */\n.canvas-drop-zone--full[data-v-cc281ed8] {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  height: auto;\r\n  min-height: 100%;\n}\n.canvas-drop-zone--empty .cdz-bar[data-v-cc281ed8] {\r\n  inset: 12px;\r\n  justify-content: center;\r\n  border-radius: 12px;\n}\r\n\r\n/* ── Empty state styles (when fullHeight is true) ── */\n.cdz-empty-state[data-v-cc281ed8] {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  pointer-events: none;\r\n  background: linear-gradient(\r\n    135deg,\r\n    color-mix(in srgb, var(--md-row-selection) 4%, var(--md-surface)) 0%,\r\n    color-mix(in srgb, var(--md-row-selection) 8%, var(--md-surface)) 100%\r\n  );\r\n  border: 2px dashed color-mix(in srgb, var(--md-row-selection) 22%, var(--md-surface));\r\n  border-radius: 6px;\r\n  transition: all 0.2s ease;\n}\n.canvas-drop-zone--full .cdz-empty-state[data-v-cc281ed8] {\r\n  animation: fade-in-cc281ed8 0.3s ease;\n}\n@keyframes fade-in-cc281ed8 {\nfrom {\r\n    opacity: 0;\r\n    transform: scale(0.98);\n}\nto {\r\n    opacity: 1;\r\n    transform: scale(1);\n}\n}\n.cdz-empty-content[data-v-cc281ed8] {\r\n  text-align: center;\r\n  padding: 2rem;\n}\n.cdz-empty-icon[data-v-cc281ed8] {\r\n  width: 48px;\r\n  height: 48px;\r\n  margin: 0 auto 12px;\r\n  color: var(--md-text-subtle);\r\n  stroke-width: 1.5;\n}\n.cdz-empty-title[data-v-cc281ed8] {\r\n  font-size: 1.125rem;\r\n  font-weight: 500;\r\n  color: var(--md-selection-fg);\r\n  margin-bottom: 8px;\r\n  letter-spacing: -0.01em;\n}\n.cdz-empty-subtitle[data-v-cc281ed8] {\r\n  font-size: 0.875rem;\r\n  color: var(--md-text-subtle);\r\n  line-height: 1.4;\n}\r\n\r\n/* ── Invisible hit-area ─────────────────────────────────────\r\n * Previously this bled 12px into the rows above and below with pointer-events\r\n * all during a layout drag. That meant dragging a LayoutTab row would hit this\r\n * strip when the cursor was merely near a column's top/bottom edge, and\r\n * insert a top-level row instead of a nested row.\r\n *\r\n * FIX: Shrink the bleed to a small value (−4px) so the strip only covers the\r\n * natural visible gap between rows. Columns retain ownership of their rendered\r\n * area. Combined with CanvasColumn's new z-index: 1 stacking context, the\r\n * column reliably wins for pointer hits inside its body, while the thin gap\r\n * between rows still belongs to this drop zone.\r\n *\r\n * When fully expanded (canvas-drop-zone--active: 52px tall) the zone's own\r\n * height covers the hit area naturally, so bleed here is not needed for the\r\n * \"snap into a big target\" UX — that comes from the zone's own expanded size.\r\n */\n.cdz-hit-area[data-v-cc281ed8] {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: -4px;\r\n  bottom: -4px;\r\n  z-index: 1;\r\n  /* Only catchable during a layout drag; invisible + inert otherwise */\r\n  pointer-events: none;\n}\n.canvas-drop-zone--receptive .cdz-hit-area[data-v-cc281ed8] {\r\n  pointer-events: all;\n}\r\n\r\n/* Hide empty state when dragging */\n.canvas-drop-zone--full.canvas-drop-zone--receptive .cdz-empty-state[data-v-cc281ed8],\r\n.canvas-drop-zone--full.canvas-drop-zone--active .cdz-empty-state[data-v-cc281ed8] {\r\n  opacity: 0.5;\r\n  background: color-mix(in srgb, var(--md-row-selection) 4%, transparent);\n}\r\n\r\n/* ── Ghost line (receptive but not hovered) ─────────────────── */\n.cdz-ghost-line[data-v-cc281ed8] {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  top: 50%;\r\n  height: 2px;\r\n  transform: translateY(-50%);\r\n  background: repeating-linear-gradient(\r\n    90deg,\r\n    color-mix(in srgb, var(--md-row-selection) 25%, transparent) 0px,\r\n    color-mix(in srgb, var(--md-row-selection) 25%, transparent) 6px,\r\n    transparent 6px,\r\n    transparent 12px\r\n  );\r\n  border-radius: 2px;\r\n  pointer-events: none;\r\n  animation: ghost-pulse-cc281ed8 2s ease-in-out infinite;\n}\n@keyframes ghost-pulse-cc281ed8 {\n0%, 100% { opacity: 0.5;\n}\n50%       { opacity: 1;\n}\n}\r\n\r\n/* ── Active bar ─────────────────────────────────────────────── */\n.cdz-bar[data-v-cc281ed8] {\r\n  position: absolute;\r\n  inset: 4px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 0 20px;\r\n  background: color-mix(in srgb, var(--md-row-selection) 6%, transparent);\r\n  border-radius: 8px;\r\n  border: 1.5px dashed color-mix(in srgb, var(--md-row-selection) 35%, transparent);\r\n  pointer-events: none; /* let drag events fall through to the parent drop zone */\n}\n.cdz-line[data-v-cc281ed8] {\r\n  flex: 1;\r\n  height: 2px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    color-mix(in srgb, var(--md-row-selection) 60%, transparent),\r\n    color-mix(in srgb, var(--md-row-selection) 80%, transparent),\r\n    color-mix(in srgb, var(--md-row-selection) 60%, transparent),\r\n    transparent\r\n  );\r\n  border-radius: 2px;\r\n  animation: line-expand-cc281ed8 0.2s ease forwards;\r\n  transform-origin: center;\n}\n@keyframes line-expand-cc281ed8 {\nfrom { transform: scaleX(0); opacity: 0;\n}\nto   { transform: scaleX(1); opacity: 1;\n}\n}\n.cdz-pill[data-v-cc281ed8] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--md-row-selection-fg);\r\n  letter-spacing: 0.01em;\r\n  white-space: nowrap;\r\n  padding: 5px 14px;\r\n  background: color-mix(in srgb, var(--md-row-selection) 8%, transparent);\r\n  border: 1.5px solid color-mix(in srgb, var(--md-row-selection) 35%, transparent);\r\n  border-radius: 100px;\r\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--md-row-selection) 15%, transparent);\r\n  animation: pill-pop-cc281ed8 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n@keyframes pill-pop-cc281ed8 {\nfrom { transform: scale(0.75); opacity: 0;\n}\nto   { transform: scale(1);    opacity: 1;\n}\n}\n.cdz-icon[data-v-cc281ed8] {\r\n  width: 13px;\r\n  height: 13px;\r\n  flex-shrink: 0;\n}\r\n\r\n/* ── Transition ─────────────────────────────────────────────── */\n.cdz-bar-enter-active[data-v-cc281ed8] { animation: cdz-in-cc281ed8 0.15s ease forwards;\n}\n.cdz-bar-leave-active[data-v-cc281ed8] { transition: opacity 0.1s ease;\n}\n.cdz-bar-leave-to[data-v-cc281ed8]     { opacity: 0;\n}\n@keyframes cdz-in-cc281ed8 {\nfrom { opacity: 0; transform: scaleY(0.6);\n}\nto   { opacity: 1; transform: scaleY(1);\n}\n}\r\n\n.drop-line-enter-active[data-v-8ae7a24f] {\r\n  transition: opacity 80ms ease, transform 80ms ease;\n}\n.drop-line-leave-active[data-v-8ae7a24f] {\r\n  transition: opacity 60ms ease, transform 60ms ease;\n}\n.drop-line-enter-from[data-v-8ae7a24f],\r\n.drop-line-leave-to[data-v-8ae7a24f] {\r\n  opacity: 0;\r\n  transform: scaleX(0.6);\r\n  transform-origin: left center;\n}\r\n\n.slide-enter-active[data-v-ce5a848e],\r\n.slide-leave-active[data-v-ce5a848e] {\r\n  transition: all 0.2s ease;\r\n  max-height: 500px;\r\n  overflow: hidden;\n}\n.slide-enter-from[data-v-ce5a848e],\r\n.slide-leave-to[data-v-ce5a848e] {\r\n  opacity: 0;\r\n  max-height: 0;\r\n  transform: translateY(-10px);\n}\r\n\r\n/* ============================================================\r\n   md-dropdown – suggestion list\r\n   ============================================================ */\n.md-dropdown[data-v-3cd230e0] {\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  right: 0;\r\n  margin-top: 4px;\r\n  background: var(--md-surface);\r\n  border: 1px solid var(--md-border);\r\n  border-radius: 0.375rem;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n  z-index: 10;\r\n  max-height: 12rem;\r\n  overflow-y: auto;\n}\n.md-dropdown-item[data-v-3cd230e0] {\r\n  padding: 0.5rem 0.75rem;\r\n  cursor: pointer;\r\n  color: var(--md-text);\r\n  transition: background 0.1s;\n}\n.md-dropdown-item[data-v-3cd230e0]:hover {\r\n  background: var(--md-surface-hover);\n}\n.md-dropdown-item--active[data-v-3cd230e0] {\r\n  background: var(--md-primary);\r\n  color: var(--md-on-primary);\n}\r\n\r\n/* ============================================================\r\n   md-tag – selected tag pills\r\n   ============================================================ */\n.md-tag[data-v-3cd230e0] {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 0.125rem 0.75rem; \r\n  border-radius: 9999px;\r\n  font-size: 0.875rem; \r\n  font-weight: 500;\r\n  background: var(--md-primary);\r\n  color: var(--md-on-primary);\r\n  line-height: 1.5;\n}\n.md-tag-remove[data-v-3cd230e0] {\r\n  margin-left: 0.5rem;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 1rem;\r\n  height: 1rem;\r\n  border: none;\r\n  background: transparent;\r\n  color: color-mix(in srgb, var(--md-on-primary) 80%, transparent);\r\n  cursor: pointer;\r\n  border-radius: 9999px;\r\n  transition:\r\n    background 0.15s,\r\n    color 0.15s;\r\n  padding: 0;\n}\n.md-tag-remove[data-v-3cd230e0]:hover {\r\n  background: color-mix(in srgb, var(--md-on-primary) 20%, transparent);\r\n  color: var(--md-on-primary);\n}\n.md-tag-remove svg[data-v-3cd230e0] {\r\n  width: 100%;\r\n  height: 100%;\n}\r\n\r\n/* ============================================================\r\n   Scrollbar styling for dropdown (optional, keeps it clean)\r\n   ============================================================ */\n.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar {\r\n  width: 4px;\n}\n.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar-track {\r\n  background: transparent;\n}\n.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar-thumb {\r\n  background: var(--md-border);\r\n  border-radius: 8px;\n}\n.md-dropdown[data-v-3cd230e0]::-webkit-scrollbar-thumb:hover {\r\n  background: var(--md-text-subtle);\n}\r\n\n.overflow-x-auto[data-v-22183f86] {\r\n  max-width: 100%;\r\n  -webkit-overflow-scrolling: touch;\n}\n.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar {\r\n  height: 6px;\n}\n.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar-track {\r\n  background: var(--md-surface-muted);\r\n  border-radius: 4px;\n}\n.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar-thumb {\r\n  background: var(--md-border-strong);\r\n  border-radius: 4px;\n}\n.overflow-x-auto[data-v-22183f86]::-webkit-scrollbar-thumb:hover {\r\n  background: var(--md-text-subtle);\n}\r\n\n.overflow-x-auto[data-v-f8677731] {\r\n  max-width: 100%;\r\n  -webkit-overflow-scrolling: touch;\n}\n.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar {\r\n  height: 6px;\n}\n.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar-track {\r\n  background: var(--md-surface-muted);\r\n  border-radius: 4px;\n}\n.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar-thumb {\r\n  background: var(--md-border-strong);\r\n  border-radius: 4px;\n}\n.overflow-x-auto[data-v-f8677731]::-webkit-scrollbar-thumb:hover {\r\n  background: var(--md-text-subtle);\n}\r\n\n.panel-slide-enter-active[data-v-3185c8c2],\r\n.panel-slide-leave-active[data-v-3185c8c2] {\r\n  transition:\r\n    opacity 0.18s ease,\r\n    transform 0.18s ease;\n}\n.panel-slide-enter-from[data-v-3185c8c2],\r\n.panel-slide-leave-to[data-v-3185c8c2] {\r\n  opacity: 0;\r\n  transform: translateX(-10px);\n}\r\n\r\n/* Filter pill fade */\n.fade-enter-active[data-v-3185c8c2],\r\n.fade-leave-active[data-v-3185c8c2] {\r\n  transition:\r\n    opacity 0.15s ease,\r\n    transform 0.15s ease;\n}\n.fade-enter-from[data-v-3185c8c2],\r\n.fade-leave-to[data-v-3185c8c2] {\r\n  opacity: 0;\r\n  transform: translateY(-4px);\n}\r\n\r\n/* Smooth row list reorder/filter transitions */\n.row-list-enter-active[data-v-3185c8c2],\r\n.row-list-leave-active[data-v-3185c8c2] {\r\n  transition:\r\n    opacity 0.2s ease,\r\n    transform 0.2s ease;\n}\n.row-list-enter-from[data-v-3185c8c2],\r\n.row-list-leave-to[data-v-3185c8c2] {\r\n  opacity: 0;\r\n  transform: translateY(6px);\n}\n.row-list-move[data-v-3185c8c2] {\r\n  transition: transform 0.2s ease;\n}\r\n\r\n/* Scrollbar — thin, unobtrusive */\n.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar {\r\n  width: 6px;\n}\n.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar-track {\r\n  background: transparent;\n}\n.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar-thumb {\r\n  background: var(--md-border-strong);\r\n  border-radius: 9999px;\n}\n.overflow-y-auto[data-v-3185c8c2]::-webkit-scrollbar-thumb:hover {\r\n  background: var(--md-text-subtle);\n}\r\n\n.panel-slide-enter-active[data-v-3ec392a9],\r\n.panel-slide-leave-active[data-v-3ec392a9] {\r\n  transition:\r\n    opacity 0.18s ease,\r\n    transform 0.18s ease;\n}\n.panel-slide-enter-from[data-v-3ec392a9],\r\n.panel-slide-leave-to[data-v-3ec392a9] {\r\n  opacity: 0;\r\n  transform: translateX(-10px);\n}\n.row-list-enter-active[data-v-3ec392a9],\r\n.row-list-leave-active[data-v-3ec392a9] {\r\n  transition:\r\n    opacity 0.2s ease,\r\n    transform 0.2s ease;\n}\n.row-list-enter-from[data-v-3ec392a9],\r\n.row-list-leave-to[data-v-3ec392a9] {\r\n  opacity: 0;\r\n  transform: translateY(6px);\n}\n.row-list-move[data-v-3ec392a9] {\r\n  transition: transform 0.2s ease;\n}\r\n\r\n/* Scrollbar — thin, unobtrusive. Matches SavedRowsPanel. */\n.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar { width: 6px;\n}\n.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar-track { background: transparent;\n}\n.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar-thumb { background: var(--md-border-strong); border-radius: 9999px;\n}\n.overflow-y-auto[data-v-3ec392a9]::-webkit-scrollbar-thumb:hover { background: var(--md-text-subtle);\n}\r\n\n.md-toast__region[data-v-7583ad77] {\n  position: fixed;\n  top: 1rem;\n  right: 1rem;\n  z-index: 9999;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  pointer-events: none;\n}\n.md-toast[data-v-7583ad77] {\n  pointer-events: auto;\n  display: flex;\n  align-items: flex-start;\n  gap: 0.625rem;\n  min-width: 280px;\n  max-width: 380px;\n  padding: 0.75rem 0.875rem;\n  font-size: 13px;\n  border: 1px solid;\n  border-radius: 0.75rem;\n  box-shadow: 0 8px 30px rgb(0 0 0 / 0.12);\n}\n.md-toast__icon[data-v-7583ad77] { font-size: 15px; flex-shrink: 0; margin-top: 0.0625rem;\n}\n.md-toast__body[data-v-7583ad77] { flex: 1; min-width: 0;\n}\n.md-toast__summary[data-v-7583ad77] { font-weight: 500;\n}\n.md-toast__detail[data-v-7583ad77] { font-size: 12px; opacity: 0.8; margin-top: 0.125rem;\n}\n.md-toast__close[data-v-7583ad77] { flex-shrink: 0; opacity: 0.5; background: none; border: 0; cursor: pointer; color: inherit;\n}\n.md-toast__close[data-v-7583ad77]:hover { opacity: 1;\n}\n.md-toast--success[data-v-7583ad77] { background: var(--md-success-bg); border-color: var(--md-success-border); color: var(--md-success-fg);\n}\n.md-toast--info[data-v-7583ad77] { background: var(--md-info-bg); border-color: var(--md-info-border); color: var(--md-info-fg);\n}\n.md-toast--warn[data-v-7583ad77] { background: var(--md-surface)beb; border-color: var(--md-warning-border); color: var(--md-warning-fg);\n}\n.md-toast--error[data-v-7583ad77] { background: var(--md-danger-bg); border-color: var(--md-danger-border); color: var(--md-danger-fg);\n}\n.md-toast-enter-active[data-v-7583ad77], .md-toast-leave-active[data-v-7583ad77] { transition: all 0.2s ease;\n}\n.md-toast-enter-from[data-v-7583ad77], .md-toast-leave-to[data-v-7583ad77] { opacity: 0; transform: translateX(20px);\n}\n\n.md-confirm__body[data-v-43b7e283] { display: flex; align-items: flex-start; gap: 0.75rem;\n}\n.md-confirm__icon[data-v-43b7e283] { font-size: 22px; color: var(--md-warning); flex-shrink: 0; margin-top: 0.125rem;\n}\n.md-confirm__message[data-v-43b7e283] { margin: 0; font-size: 14px; line-height: 1.5; color: var(--md-text);\n}\n\r\n/* ── Orb ──────────────────────────────────────────────────────────────────── */\n.health-orb[data-v-0521087e] {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 50%;\r\n  border: none;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  outline: none;\r\n  flex-shrink: 0;\n}\n.health-orb:focus-visible .orb-core[data-v-0521087e] {\r\n  box-shadow: 0 0 0 3px rgba(66, 56, 158, 0.4);\n}\r\n\r\n/* Pulse rings */\n.orb-ring[data-v-0521087e] {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  animation: orb-pulse-0521087e 2.4s ease-out infinite;\n}\n.orb-ring--outer[data-v-0521087e] {\r\n  width: 22px;\r\n  height: 22px;\r\n  animation-delay: 0s;\n}\n.orb-ring--inner[data-v-0521087e] {\r\n  width: 16px;\r\n  height: 16px;\r\n  animation-delay: 0.6s;\n}\r\n\r\n/* Core */\n.orb-core[data-v-0521087e] {\r\n  position: relative;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\r\n  z-index: 1;\n}\n.health-orb:hover .orb-core[data-v-0521087e],\r\n.health-orb--active .orb-core[data-v-0521087e] {\r\n  transform: scale(1.15);\n}\r\n\r\n/* ── Status colours with brand accent ───────────────────────────────────────── */\n.health-orb--good .orb-ring[data-v-0521087e] {\r\n  background: rgba(34, 197, 94, 0.25);\n}\n.health-orb--good .orb-core[data-v-0521087e] {\r\n  background: #22c55e;\r\n  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2), 0 0 8px rgba(34, 197, 94, 0.4);\n}\n.health-orb--warn .orb-ring[data-v-0521087e] {\r\n  background: rgba(245, 158, 11, 0.28);\n}\n.health-orb--warn .orb-core[data-v-0521087e] {\r\n  background: #f59e0b;\r\n  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2), 0 0 8px rgba(245, 158, 11, 0.4);\n}\n.health-orb--bad .orb-ring[data-v-0521087e] {\r\n  background: rgba(239, 68, 68, 0.28);\n}\n.health-orb--bad .orb-core[data-v-0521087e] {\r\n  background: #ef4444;\r\n  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2), 0 0 8px rgba(239, 68, 68, 0.4);\n}\n@keyframes orb-pulse-0521087e {\n0%   { transform: scale(0.6); opacity: 0.7;\n}\n60%  { transform: scale(1.6); opacity: 0;\n}\n100% { transform: scale(1.6); opacity: 0;\n}\n}\r\n\r\n/* ── Panel ────────────────────────────────────────────────────────────────── */\n.health-panel[data-v-0521087e] {\r\n  position: absolute;\r\n  top: calc(100% + 10px);\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 300px;\r\n  background: #18181b;\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  border-radius: 14px;\r\n  padding: 12px;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.3);\r\n  z-index: 9999;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  /* Smooth horizontal expansion */\r\n  transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.health-panel--expanded[data-v-0521087e] {\r\n  width: 400px;\n}\r\n\r\n/* When expanded, stat grid uses 3 cols instead of 2 */\n.health-panel--expanded .detail-stats[data-v-0521087e] {\r\n  grid-template-columns: repeat(3, 1fr);\n}\r\n\r\n/* When expanded, accessibility list gets more vertical room */\n.health-panel--expanded .a11y-list[data-v-0521087e] {\r\n  max-height: 320px;\n}\r\n\r\n/* When expanded, format rows go side-by-side */\n.health-panel--expanded .format-note[data-v-0521087e] {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 6px;\n}\n.health-panel--expanded .format-row[data-v-0521087e] {\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: 4px;\n}\r\n\r\n/* ── Panel header with brand color ─────────────────────────────────────────── */\n.panel-header[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0 2px 4px;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n}\n.panel-header-right[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\n}\r\n\r\n/* Expand toggle button */\n.panel-expand-btn[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 6px;\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  background: rgba(255, 255, 255, 0.04);\r\n  color: rgba(255, 255, 255, 0.35);\r\n  cursor: pointer;\r\n  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\r\n  flex-shrink: 0;\r\n  padding: 0;\n}\n.panel-expand-btn[data-v-0521087e]:hover {\r\n  background: rgba(66, 56, 158, 0.18);\r\n  border-color: rgba(66, 56, 158, 0.4);\r\n  color: #a5b4fc;\n}\n.panel-expand-btn[data-v-0521087e]:focus-visible {\r\n  outline: 2px solid rgba(66, 56, 158, 0.5);\r\n  outline-offset: 1px;\n}\n.panel-expand-btn--active[data-v-0521087e] {\r\n  background: rgba(66, 56, 158, 0.2);\r\n  border-color: rgba(66, 56, 158, 0.45);\r\n  color: #a5b4fc;\n}\n.panel-title[data-v-0521087e] {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.06em;\r\n  text-transform: uppercase;\r\n  color: #a5b4fc;\n}\n.panel-status-badge[data-v-0521087e] {\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  padding: 2px 8px;\r\n  border-radius: 99px;\n}\n.status-badge--good[data-v-0521087e] { background: rgba(34, 197, 94, 0.15); color: #4ade80;\n}\n.status-badge--warn[data-v-0521087e] { background: rgba(245, 158, 11, 0.15); color: #fbbf24;\n}\n.status-badge--bad[data-v-0521087e]  { background: rgba(239, 68, 68, 0.15);  color: #f87171;\n}\r\n\r\n/* ── Metric cards ─────────────────────────────────────────────────────────── */\n.metric-card[data-v-0521087e] {\r\n  border-radius: 10px;\r\n  border: 1px solid rgba(255, 255, 255, 0.06);\r\n  background: rgba(255, 255, 255, 0.04);\r\n  cursor: pointer;\r\n  transition: background 0.15s ease, border-color 0.15s ease;\r\n  overflow: hidden;\r\n  user-select: none;\n}\n.metric-card[data-v-0521087e]:hover {\r\n  background: rgba(66, 56, 158, 0.1);\r\n  border-color: rgba(66, 56, 158, 0.3);\n}\n.metric-card[data-v-0521087e]:focus-visible {\r\n  outline: 2px solid rgba(66, 56, 158, 0.5);\r\n  outline-offset: 2px;\n}\n.metric-card--good[data-v-0521087e] { border-color: rgba(34, 197, 94, 0.15);\n}\n.metric-card--warn[data-v-0521087e] { border-color: rgba(245, 158, 11, 0.15);\n}\n.metric-card--bad[data-v-0521087e]  { border-color: rgba(239, 68, 68, 0.2);\n}\n.metric-card--good.metric-card--expanded[data-v-0521087e] { background: rgba(34, 197, 94, 0.05);\n}\n.metric-card--warn.metric-card--expanded[data-v-0521087e] { background: rgba(245, 158, 11, 0.05);\n}\n.metric-card--bad.metric-card--expanded[data-v-0521087e]  { background: rgba(239, 68, 68, 0.06);\n}\r\n\r\n/* ── Summary row ──────────────────────────────────────────────────────────── */\n.metric-summary[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 9px 10px;\r\n  gap: 8px;\n}\n.metric-left[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  min-width: 0;\n}\n.metric-icon[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  opacity: 0.8;\r\n  flex-shrink: 0;\n}\n.metric-label[data-v-0521087e] {\r\n  font-size: 11.5px;\r\n  font-weight: 500;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  white-space: nowrap;\n}\n.metric-right[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  flex-shrink: 0;\n}\r\n\r\n/* Mini bar */\n.mini-bar[data-v-0521087e] {\r\n  width: 36px;\r\n  height: 4px;\r\n  border-radius: 99px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  overflow: hidden;\n}\n.mini-bar-fill[data-v-0521087e] {\r\n  height: 100%;\r\n  border-radius: 99px;\r\n  transition: width 0.5s ease;\n}\n.mini-bar-fill--good[data-v-0521087e] { background: #22c55e;\n}\n.mini-bar-fill--warn[data-v-0521087e] { background: #f59e0b;\n}\n.mini-bar-fill--bad[data-v-0521087e]  { background: #ef4444;\n}\r\n\r\n/* Status dot */\n.status-dot[data-v-0521087e] {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\n}\n.status-dot--good[data-v-0521087e] { background: #22c55e;\n}\n.status-dot--warn[data-v-0521087e] { background: #f59e0b;\n}\n.status-dot--bad[data-v-0521087e]  { background: #ef4444;\n}\r\n\r\n/* Pulsing dot for bad status */\n.pulse-dot[data-v-0521087e] {\r\n  position: relative;\r\n  width: 6px;\r\n  height: 6px;\r\n  flex-shrink: 0;\n}\n.pulse-dot[data-v-0521087e]::before,\r\n.pulse-dot[data-v-0521087e]::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 50%;\n}\n.pulse-dot--bad[data-v-0521087e]::before  { background: #ef4444; z-index: 1;\n}\n.pulse-dot--bad[data-v-0521087e]::after   { background: #ef4444; animation: dot-ping-0521087e 1.5s ease-out infinite;\n}\n@keyframes dot-ping-0521087e {\n0%   { transform: scale(1); opacity: 0.75;\n}\n100% { transform: scale(2.5); opacity: 0;\n}\n}\n.metric-value[data-v-0521087e] {\r\n  font-size: 11.5px;\r\n  font-weight: 600;\r\n  font-variant-numeric: tabular-nums;\n}\n.metric-value--good[data-v-0521087e] { color: #4ade80;\n}\n.metric-value--warn[data-v-0521087e] { color: #fbbf24;\n}\n.metric-value--bad[data-v-0521087e]  { color: #f87171;\n}\r\n\r\n/* Chevron */\n.chevron[data-v-0521087e] {\r\n  color: rgba(255, 255, 255, 0.3);\r\n  transition: transform 0.2s ease, color 0.15s ease;\r\n  flex-shrink: 0;\n}\n.chevron--open[data-v-0521087e] { transform: rotate(180deg); color: rgba(255, 255, 255, 0.6);\n}\n.metric-card:hover .chevron[data-v-0521087e] { color: rgba(255, 255, 255, 0.5);\n}\r\n\r\n/* ── Expanded detail ──────────────────────────────────────────────────────── */\n.metric-detail[data-v-0521087e] {\r\n  padding: 0 10px 10px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\n}\n.detail-tip[data-v-0521087e] {\r\n  font-size: 11px;\r\n  line-height: 1.55;\r\n  color: rgba(255, 255, 255, 0.55);\r\n  margin: 6px 0 0;\n}\r\n\r\n/* Stats grid */\n.detail-stats[data-v-0521087e] {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 4px 12px;\n}\n.stat-item[data-v-0521087e] {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: baseline;\r\n  gap: 6px;\n}\n.stat-label[data-v-0521087e] {\r\n  font-size: 10.5px;\r\n  color: rgba(255, 255, 255, 0.35);\r\n  white-space: nowrap;\n}\n.stat-value[data-v-0521087e] {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: rgba(255, 255, 255, 0.75);\r\n  font-variant-numeric: tabular-nums;\n}\r\n\r\n/* Thresholds */\n.detail-thresholds[data-v-0521087e] {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 4px;\r\n  padding-top: 4px;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\n}\n.threshold[data-v-0521087e] {\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  padding: 2px 7px;\r\n  border-radius: 99px;\n}\n.threshold--good[data-v-0521087e] { background: rgba(34, 197, 94, 0.12);  color: #4ade80;\n}\n.threshold--warn[data-v-0521087e] { background: rgba(245, 158, 11, 0.12); color: #fbbf24;\n}\n.threshold--bad[data-v-0521087e]  { background: rgba(239, 68, 68, 0.12);  color: #f87171;\n}\r\n\r\n/* ── Format note (KB card) ────────────────────────────────────────────────── */\n.format-note[data-v-0521087e] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  background: rgba(0, 0, 0, 0.2);\r\n  border-radius: 8px;\r\n  padding: 8px;\n}\n.format-row[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 8px;\n}\n.format-badge[data-v-0521087e] {\r\n  font-size: 9.5px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.05em;\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  flex-shrink: 0;\r\n  margin-top: 1px;\r\n  background: rgba(66, 56, 158, 0.3);\r\n  color: #a5b4fc;\n}\n.format-badge--muted[data-v-0521087e] {\r\n  background: rgba(255, 255, 255, 0.07);\r\n  color: rgba(255, 255, 255, 0.35);\n}\n.format-info[data-v-0521087e] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  min-width: 0;\n}\n.format-range[data-v-0521087e] {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: rgba(255, 255, 255, 0.8);\n}\n.format-range--muted[data-v-0521087e] {\r\n  color: rgba(255, 255, 255, 0.35);\r\n  font-weight: 500;\n}\n.format-caveat[data-v-0521087e] {\r\n  font-size: 10px;\r\n  line-height: 1.4;\r\n  color: rgba(255, 255, 255, 0.35);\n}\r\n\r\n/* ── Accessibility card ───────────────────────────────────────────────────── */\n.a11y-detail[data-v-0521087e] {\r\n  cursor: default;\r\n  padding: 8px 10px 10px;\r\n  gap: 10px;\n}\r\n\r\n/* Tabs */\n.a11y-tabs[data-v-0521087e] {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 4px;\r\n  background: rgba(0, 0, 0, 0.25);\r\n  padding: 3px;\r\n  border-radius: 8px;\n}\n.a11y-tab[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 6px;\r\n  padding: 6px 4px;\r\n  background: transparent;\r\n  border: none;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n  font-size: 10.5px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.02em;\r\n  color: rgba(255, 255, 255, 0.45);\r\n  transition: background 0.15s ease, color 0.15s ease;\n}\n.a11y-tab[data-v-0521087e]:hover {\r\n  color: rgba(255, 255, 255, 0.75);\r\n  background: rgba(255, 255, 255, 0.04);\n}\n.a11y-tab[data-v-0521087e]:focus-visible {\r\n  outline: 2px solid rgba(66, 56, 158, 0.5);\r\n  outline-offset: 1px;\n}\n.a11y-tab--active[data-v-0521087e] {\r\n  background: rgba(255, 255, 255, 0.07);\r\n  color: rgba(255, 255, 255, 0.92);\n}\n.a11y-tab-label[data-v-0521087e] {\r\n  text-transform: uppercase;\n}\n.a11y-tab-count[data-v-0521087e] {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: 18px;\r\n  height: 16px;\r\n  padding: 0 5px;\r\n  border-radius: 99px;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  font-variant-numeric: tabular-nums;\r\n  line-height: 1;\n}\n.a11y-tab-count--failed[data-v-0521087e]  { background: rgba(239, 68, 68, 0.18);  color: #f87171;\n}\n.a11y-tab-count--passed[data-v-0521087e]  { background: rgba(34, 197, 94, 0.18);  color: #4ade80;\n}\n.a11y-tab-count--ignored[data-v-0521087e] { background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.5);\n}\r\n\r\n/* List */\n.a11y-list[data-v-0521087e] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  max-height: 240px;\r\n  overflow-y: auto;\r\n  /* Custom thin scrollbar */\r\n  scrollbar-width: thin;\r\n  scrollbar-color: rgba(255, 255, 255, 0.12) transparent;\n}\n.a11y-list[data-v-0521087e]::-webkit-scrollbar {\r\n  width: 6px;\n}\n.a11y-list[data-v-0521087e]::-webkit-scrollbar-track {\r\n  background: transparent;\n}\n.a11y-list[data-v-0521087e]::-webkit-scrollbar-thumb {\r\n  background: rgba(255, 255, 255, 0.12);\r\n  border-radius: 99px;\n}\n.a11y-empty[data-v-0521087e] {\r\n  font-size: 11px;\r\n  color: rgba(255, 255, 255, 0.4);\r\n  text-align: center;\r\n  padding: 12px 4px;\r\n  margin: 0;\n}\n.a11y-item[data-v-0521087e] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n  padding: 8px;\r\n  border-radius: 8px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border-left: 2px solid transparent;\n}\n.a11y-item--critical[data-v-0521087e] { border-left-color: #ef4444;\n}\n.a11y-item--serious[data-v-0521087e]  { border-left-color: #f59e0b;\n}\n.a11y-item--passed[data-v-0521087e]   { border-left-color: rgba(34, 197, 94, 0.5);\n}\n.a11y-item--ignored[data-v-0521087e]  { border-left-color: rgba(255, 255, 255, 0.18); opacity: 0.75;\n}\n.a11y-item-header[data-v-0521087e] {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\n}\n.a11y-severity[data-v-0521087e] {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.05em;\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  flex-shrink: 0;\n}\n.a11y-severity--critical[data-v-0521087e] { background: rgba(239, 68, 68, 0.18);  color: #f87171;\n}\n.a11y-severity--serious[data-v-0521087e]  { background: rgba(245, 158, 11, 0.18); color: #fbbf24;\n}\n.a11y-severity--passed[data-v-0521087e]   { background: rgba(34, 197, 94, 0.18);  color: #4ade80;\n}\n.a11y-severity--ignored[data-v-0521087e]  { background: rgba(255, 255, 255, 0.07); color: rgba(255, 255, 255, 0.5);\n}\n.a11y-rule[data-v-0521087e] {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: rgba(255, 255, 255, 0.85);\r\n  flex: 1;\r\n  min-width: 0;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\n}\n.a11y-action[data-v-0521087e] {\r\n  background: transparent;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  border-radius: 4px;\r\n  padding: 2px 7px;\r\n  font-family: inherit;\r\n  font-size: 9.5px;\r\n  font-weight: 600;\r\n  color: rgba(255, 255, 255, 0.5);\r\n  cursor: pointer;\r\n  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\r\n  flex-shrink: 0;\n}\n.a11y-action[data-v-0521087e]:hover {\r\n  background: rgba(255, 255, 255, 0.06);\r\n  color: rgba(255, 255, 255, 0.85);\r\n  border-color: rgba(255, 255, 255, 0.2);\n}\n.a11y-action[data-v-0521087e]:focus-visible {\r\n  outline: 2px solid rgba(66, 56, 158, 0.5);\r\n  outline-offset: 1px;\n}\n.a11y-action--restore[data-v-0521087e] {\r\n  border-color: rgba(165, 180, 252, 0.25);\r\n  color: #a5b4fc;\n}\n.a11y-action--restore[data-v-0521087e]:hover {\r\n  background: rgba(66, 56, 158, 0.15);\r\n  border-color: rgba(165, 180, 252, 0.4);\r\n  color: #c7d2fe;\n}\n.a11y-message[data-v-0521087e] {\r\n  font-size: 10.5px;\r\n  line-height: 1.5;\r\n  color: rgba(255, 255, 255, 0.65);\r\n  margin: 0;\n}\n.a11y-info[data-v-0521087e] {\r\n  font-size: 10px;\r\n  line-height: 1.5;\r\n  color: rgba(255, 255, 255, 0.38);\r\n  margin: 0;\r\n  padding-top: 2px;\r\n  border-top: 1px dashed rgba(255, 255, 255, 0.06);\n}\r\n\r\n/* ── Panel footer ─────────────────────────────────────────────────────────── */\n.panel-footer[data-v-0521087e] {\r\n  font-size: 10px;\r\n  color: rgba(255, 255, 255, 0.22);\r\n  text-align: center;\r\n  padding-top: 4px;\r\n  margin: 0;\n}\r\n\r\n/* ── Click-outside overlay ────────────────────────────────────────────────── */\n.click-outside[data-v-0521087e] {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9998;\n}\r\n\r\n/* ── Transitions ──────────────────────────────────────────────────────────── */\n.popover-enter-active[data-v-0521087e] {\r\n  transition: opacity 0.18s ease, transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n.popover-leave-active[data-v-0521087e] {\r\n  transition: opacity 0.12s ease, transform 0.12s ease;\n}\n.popover-enter-from[data-v-0521087e] {\r\n  opacity: 0;\r\n  transform: translateX(-50%) translateY(-6px) scale(0.97);\n}\n.popover-leave-to[data-v-0521087e] {\r\n  opacity: 0;\r\n  transform: translateX(-50%) translateY(-4px) scale(0.98);\n}\n.expand-enter-active[data-v-0521087e] {\r\n  transition: opacity 0.18s ease, max-height 0.22s ease;\r\n  max-height: 300px;\r\n  overflow: hidden;\n}\n.expand-leave-active[data-v-0521087e] {\r\n  transition: opacity 0.12s ease, max-height 0.18s ease;\r\n  overflow: hidden;\n}\n.expand-enter-from[data-v-0521087e] {\r\n  opacity: 0;\r\n  max-height: 0;\n}\n.expand-leave-to[data-v-0521087e] {\r\n  opacity: 0;\r\n  max-height: 0;\n}\r\n\n.picker-overlay-enter-active[data-v-5f1ee4c3],\r\n.picker-overlay-leave-active[data-v-5f1ee4c3] {\r\n  transition: opacity 0.2s ease;\n}\n.picker-overlay-enter-from[data-v-5f1ee4c3],\r\n.picker-overlay-leave-to[data-v-5f1ee4c3] {\r\n  opacity: 0;\n}\n.picker-drawer-enter-active[data-v-5f1ee4c3],\r\n.picker-drawer-leave-active[data-v-5f1ee4c3] {\r\n  transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.picker-drawer-enter-from[data-v-5f1ee4c3],\r\n.picker-drawer-leave-to[data-v-5f1ee4c3] {\r\n  transform: translateX(100%);\n}\r\n\n.note-enter-active[data-v-b07bbf33],\r\n.note-leave-active[data-v-b07bbf33] {\r\n  transition:\r\n    opacity 0.2s ease,\r\n    max-height 0.25s ease;\r\n  max-height: 60px;\r\n  overflow: hidden;\n}\n.note-enter-from[data-v-b07bbf33],\r\n.note-leave-to[data-v-b07bbf33] {\r\n  opacity: 0;\r\n  max-height: 0;\n}\r\n\n.md-msg[data-v-db5ba171] {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.5rem;\n  padding: 0.625rem 0.75rem;\n  font-size: 13px;\n  border: 1px solid;\n  border-radius: 0.5rem;\n}\n.md-msg__icon[data-v-db5ba171] { margin-top: 0.125rem; flex-shrink: 0; font-size: 14px;\n}\n.md-msg__body[data-v-db5ba171] { flex: 1; min-width: 0;\n}\n.md-msg__close[data-v-db5ba171] { opacity: 0.6; cursor: pointer; background: none; border: 0;\n}\n.md-msg__close[data-v-db5ba171]:hover { opacity: 1;\n}\n.md-msg--info[data-v-db5ba171] { background: var(--md-info-bg); border-color: var(--md-info-border); color: var(--md-info-fg);\n}\n.md-msg--success[data-v-db5ba171] { background: var(--md-success-bg); border-color: var(--md-success-border); color: var(--md-success-fg);\n}\n.md-msg--warn[data-v-db5ba171] { background: var(--md-surface)beb; border-color: var(--md-warning-border); color: var(--md-warning-fg);\n}\n.md-msg--error[data-v-db5ba171] { background: var(--md-danger-bg); border-color: var(--md-danger-border); color: var(--md-danger-fg);\n}\n\r\n/* Auto-save pill: fade + 4px vertical drift on enter/leave */\n.autosave-fade-enter-active[data-v-8a0c6ca5],\r\n.autosave-fade-leave-active[data-v-8a0c6ca5] {\r\n  transition:\r\n    opacity 0.2s ease,\r\n    transform 0.2s ease;\n}\n.autosave-fade-enter-from[data-v-8a0c6ca5] {\r\n  opacity: 0;\r\n  transform: translateY(4px);\n}\n.autosave-fade-leave-to[data-v-8a0c6ca5] {\r\n  opacity: 0;\r\n  transform: translateY(-4px);\n}\r\n/*$vite$:1*/";
 	return raw.startsWith("__MAILDENO_EXTRACTED") ? "" : raw;
 }
 /**
@@ -52956,10 +52956,10 @@ var DesktopOnlyNotice_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 	setup(__props) {
 		const { isDesktop } = useDeviceDetection();
 		return (_ctx, _cache) => {
-			return !unref(isDesktop) ? (openBlock(), createElementBlock("div", _hoisted_1$49, [createBaseVNode("div", _hoisted_2$43, [_cache[1] || (_cache[1] = createStaticVNode("<div class=\"brand-badge\" data-v-561a092b><div class=\"badge-ring\" data-v-561a092b></div><div class=\"badge-icon\" data-v-561a092b><svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-561a092b><path d=\"M16 4L4 10V22L16 28L28 22V10L16 4Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" data-v-561a092b></path><path d=\"M16 16L28 10M16 16L4 10M16 16V28\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-561a092b></path><circle cx=\"16\" cy=\"16\" r=\"3\" fill=\"currentColor\" data-v-561a092b></circle></svg></div></div><div class=\"gate-content\" data-v-561a092b><h1 class=\"gate-title\" data-v-561a092b><span class=\"brand-gradient\" data-v-561a092b>Desktop Experience</span><span data-v-561a092b> Required</span></h1><p class=\"gate-description\" data-v-561a092b> This application is optimized for desktop and laptop devices to deliver the full experience. </p><div class=\"feature-grid\" data-v-561a092b><div class=\"feature-item\" data-v-561a092b><div class=\"feature-icon\" data-v-561a092b><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" data-v-561a092b><rect x=\"2\" y=\"4\" width=\"16\" height=\"12\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\" data-v-561a092b></rect><path d=\"M6 16L4 18M14 16L16 18M2 8H18\" stroke=\"currentColor\" stroke-width=\"1.2\" data-v-561a092b></path></svg></div><span data-v-561a092b>Template Builder</span></div><div class=\"feature-item\" data-v-561a092b><div class=\"feature-icon\" data-v-561a092b><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" data-v-561a092b><path d=\"M3 13L7 9L10 12L17 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" data-v-561a092b></path><path d=\"M3 17H17\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" data-v-561a092b></path></svg></div><span data-v-561a092b>Visual Debugger</span></div><div class=\"feature-item\" data-v-561a092b><div class=\"feature-icon\" data-v-561a092b><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" data-v-561a092b><path d=\"M4 6L10 3L16 6L10 9L4 6Z\" stroke=\"currentColor\" stroke-width=\"1.2\" data-v-561a092b></path><path d=\"M4 10L10 13L16 10\" stroke=\"currentColor\" stroke-width=\"1.2\" data-v-561a092b></path><path d=\"M4 14L10 17L16 14\" stroke=\"currentColor\" stroke-width=\"1.2\" data-v-561a092b></path></svg></div><span data-v-561a092b>Development</span></div></div><div class=\"detection-status\" data-v-561a092b><span class=\"status-dot\" data-v-561a092b></span><span data-v-561a092b>Detected: Mobile / Tablet</span></div></div>", 2)), createBaseVNode("div", _hoisted_3$37, [_cache[0] || (_cache[0] = createBaseVNode("span", { class: "footer-text" }, "Powered by", -1)), createBaseVNode("span", _hoisted_4$32, toDisplayString(__props.brandName), 1)])])])) : createCommentVNode("", true);
+			return !unref(isDesktop) ? (openBlock(), createElementBlock("div", _hoisted_1$49, [createBaseVNode("div", _hoisted_2$43, [_cache[1] || (_cache[1] = createStaticVNode("<div class=\"brand-badge\" data-v-f2e384b2><div class=\"badge-ring\" data-v-f2e384b2></div><div class=\"badge-icon\" data-v-f2e384b2><svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-f2e384b2><path d=\"M16 4L4 10V22L16 28L28 22V10L16 4Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" data-v-f2e384b2></path><path d=\"M16 16L28 10M16 16L4 10M16 16V28\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-v-f2e384b2></path><circle cx=\"16\" cy=\"16\" r=\"3\" fill=\"currentColor\" data-v-f2e384b2></circle></svg></div></div><div class=\"gate-content\" data-v-f2e384b2><h1 class=\"gate-title\" data-v-f2e384b2><span class=\"brand-gradient\" data-v-f2e384b2>Desktop Experience</span><span data-v-f2e384b2> Required</span></h1><p class=\"gate-description\" data-v-f2e384b2> This application is optimized for desktop and laptop devices to deliver the full experience. </p><div class=\"feature-grid\" data-v-f2e384b2><div class=\"feature-item\" data-v-f2e384b2><div class=\"feature-icon\" data-v-f2e384b2><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" data-v-f2e384b2><rect x=\"2\" y=\"4\" width=\"16\" height=\"12\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.2\" data-v-f2e384b2></rect><path d=\"M6 16L4 18M14 16L16 18M2 8H18\" stroke=\"currentColor\" stroke-width=\"1.2\" data-v-f2e384b2></path></svg></div><span data-v-f2e384b2>Template Builder</span></div><div class=\"feature-item\" data-v-f2e384b2><div class=\"feature-icon\" data-v-f2e384b2><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" data-v-f2e384b2><path d=\"M3 13L7 9L10 12L17 5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" data-v-f2e384b2></path><path d=\"M3 17H17\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" data-v-f2e384b2></path></svg></div><span data-v-f2e384b2>Visual Debugger</span></div><div class=\"feature-item\" data-v-f2e384b2><div class=\"feature-icon\" data-v-f2e384b2><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" data-v-f2e384b2><path d=\"M4 6L10 3L16 6L10 9L4 6Z\" stroke=\"currentColor\" stroke-width=\"1.2\" data-v-f2e384b2></path><path d=\"M4 10L10 13L16 10\" stroke=\"currentColor\" stroke-width=\"1.2\" data-v-f2e384b2></path><path d=\"M4 14L10 17L16 14\" stroke=\"currentColor\" stroke-width=\"1.2\" data-v-f2e384b2></path></svg></div><span data-v-f2e384b2>Development</span></div></div><div class=\"detection-status\" data-v-f2e384b2><span class=\"status-dot\" data-v-f2e384b2></span><span data-v-f2e384b2>Detected: Mobile / Tablet</span></div></div>", 2)), createBaseVNode("div", _hoisted_3$37, [_cache[0] || (_cache[0] = createBaseVNode("span", { class: "footer-text" }, "Powered by", -1)), createBaseVNode("span", _hoisted_4$32, toDisplayString(__props.brandName), 1)])])])) : createCommentVNode("", true);
 		};
 	}
-}), [["__scopeId", "data-v-561a092b"]]);
+}), [["__scopeId", "data-v-f2e384b2"]]);
 //#endregion
 //#region src/composables/ui/useToast.ts
 var toasts = ref([]);
@@ -59237,7 +59237,7 @@ var _hoisted_19$4 = {
 };
 var _hoisted_20$4 = {
 	key: 0,
-	class: "text-[8px] font-bold text-[var(--md-text-subtle)] uppercase tracking-widest pl-0.5"
+	class: "text-[8px] font-bold text-(--md-text-subtle) uppercase tracking-widest pl-0.5"
 };
 var _hoisted_21$4 = { class: "flex items-center gap-1.5 flex-wrap" };
 var _hoisted_22$4 = { class: "bg-purple-50 text-purple-700 ring-1 ring-purple-200 rounded px-1.5 py-0.5 text-[10px] font-mono font-semibold" };
@@ -60153,7 +60153,7 @@ var RowPreviewChildren_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 		depth: {}
 	},
 	setup(__props) {
-		const RowPreviewRow = defineAsyncComponent(() => import("./RowPreviewRow-CAeMRdd8.js"));
+		const RowPreviewRow = defineAsyncComponent(() => import("./RowPreviewRow-D-wmhbhZ.js"));
 		const RowPreviewLegacyComponent = defineAsyncComponent(() => import("./RowPreviewLegacyComponent-yjHSkZLz.js"));
 		function resolveBackground(item) {
 			const bg = item?.backgroundGradient;