/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius-field:var(--field-radius,calc(var(--radius) * 1.5));--ease-smooth:ease;--color-primary:var(--primary)}@layer base{:root,.light,.default,[data-theme=light],[data-theme=default]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--white:oklch(100% 0 0);--black:oklch(0% 0 0);--snow:oklch(99.11% 0 0);--eclipse:oklch(21.03% .0059 285.89);--spacing:.25rem;--border-width:1px;--field-border-width:0px;--disabled-opacity:.5;--ring-offset-width:2px;--cursor-interactive:pointer;--cursor-disabled:not-allowed;--radius:.5rem;--field-radius:calc(var(--radius) * 1.5);--background:oklch(97.02% 0 0);--foreground:var(--eclipse);--surface:var(--white);--surface-foreground:var(--foreground);--surface-secondary:oklch(95.24% .0013 286.37);--surface-secondary-foreground:var(--foreground);--surface-tertiary:oklch(93.73% .0013 286.37);--surface-tertiary-foreground:var(--foreground);--overlay:var(--white);--overlay-foreground:var(--foreground);--muted:oklch(55.17% .0138 285.94);--scrollbar:var(--scrollbar-thumb);--scrollbar-thumb:var(--foreground)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--scrollbar-thumb:color-mix(in oklch, var(--foreground) 15%, transparent)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--scrollbar-track:transparent;--scrollbar-gutter:auto;--scrollbar-width:thin;--scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);--default:oklch(94% .001 286.375);--default-foreground:var(--eclipse);--accent:oklch(62.04% .195 253.83);--accent-foreground:var(--snow);--field-background:var(--white);--field-foreground:oklch(21.03% .0059 285.89);--field-placeholder:var(--muted);--field-border:transparent;--success:oklch(73.29% .1935 150.81);--success-foreground:var(--eclipse);--warning:oklch(78.19% .1585 72.33);--warning-foreground:var(--eclipse);--danger:oklch(65.32% .2328 25.74);--danger-foreground:var(--snow);--segment:var(--white);--segment-foreground:var(--eclipse);--border:oklch(90% .004 286.32);--separator:oklch(92% .004 286.32);--focus:var(--accent);--link:var(--foreground);--backdrop:#00000080;--surface-hover:var(--surface)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--surface-hover:color-mix(in oklab, var(--surface) 92%, var(--surface-foreground) 8%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--background-secondary:var(--background)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--background-secondary:color-mix(in oklab, var(--background) 96%, var(--foreground) 4%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--background-tertiary:var(--background)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--background-tertiary:color-mix(in oklab, var(--background) 92%, var(--foreground) 8%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--background-inverse:var(--foreground);--default-hover:var(--default)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--default-hover:color-mix(in oklab, var(--default) 96%, var(--default-foreground) 4%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--accent-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--accent-hover:color-mix(in oklab, var(--accent) 90%, var(--accent-foreground) 10%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--success-hover:var(--success)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--success-hover:color-mix(in oklab, var(--success) 90%, var(--success-foreground) 10%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--warning-hover:var(--warning)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--warning-hover:color-mix(in oklab, var(--warning) 90%, var(--warning-foreground) 10%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--danger-hover:var(--danger)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--danger-hover:color-mix(in oklab, var(--danger) 90%, var(--danger-foreground) 10%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--field-hover:var(--field-background,var(--default))}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--field-hover:color-mix(in oklab, var(--field-background,var(--default)) 90%, var(--field-foreground,var(--foreground)) 2%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--field-focus:var(--field-background,var(--default));--field-border-hover:var(--field-border,var(--border))}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--field-border-hover:color-mix(in oklab, var(--field-border,var(--border)) 88%, var(--field-foreground,var(--foreground)) 10%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--field-border-focus:var(--field-border,var(--border))}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--field-border-focus:color-mix(in oklab, var(--field-border,var(--border)) 74%, var(--field-foreground,var(--foreground)) 22%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--default-soft:var(--default)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--default-soft:color-mix(in oklab, var(--default) 50%, transparent)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--default-soft-foreground:var(--default-foreground);--default-soft-hover:var(--default)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--default-soft-hover:color-mix(in oklab, var(--default) 60%, transparent)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--accent-soft:color-mix(in oklab, var(--accent) 15%, transparent)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--accent-soft-foreground:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--accent-soft-foreground:color-mix(in oklab, var(--accent) 70%, var(--foreground) 30%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--accent-soft-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--accent-soft-hover:color-mix(in oklab, var(--accent) 20%, transparent)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--danger-soft:var(--danger)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--danger-soft:color-mix(in oklab, var(--danger) 15%, transparent)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--danger-soft-foreground:var(--danger)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--danger-soft-foreground:color-mix(in oklab, var(--danger) 70%, var(--foreground) 40%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--danger-soft-hover:var(--danger)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--danger-soft-hover:color-mix(in oklab, var(--danger) 20%, transparent)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--warning-soft:var(--warning)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--warning-soft:color-mix(in oklab, var(--warning) 15%, transparent)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--warning-soft-foreground:var(--warning)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--warning-soft-foreground:color-mix(in oklab, var(--warning) 80%, var(--foreground) 70%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--warning-soft-hover:var(--warning)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--warning-soft-hover:color-mix(in oklab, var(--warning) 20%, transparent)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--success-soft:var(--success)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--success-soft:color-mix(in oklab, var(--success) 15%, transparent)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--success-soft-foreground:var(--success)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--success-soft-foreground:color-mix(in oklab, var(--success) 80%, var(--foreground) 60%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--success-soft-hover:var(--success)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--success-soft-hover:color-mix(in oklab, var(--success) 20%, transparent)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--separator-secondary:var(--surface)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--separator-secondary:color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--separator-tertiary:var(--surface)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--separator-tertiary:color-mix(in oklab, var(--surface) 81%, var(--surface-foreground) 19%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--border-secondary:var(--surface)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--border-secondary:color-mix(in oklab, var(--surface) 78%, var(--surface-foreground) 22%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--border-tertiary:var(--surface)}@supports (color:color-mix(in lab, red, red)){:root,.light,.default,[data-theme=light],[data-theme=default]{--border-tertiary:color-mix(in oklab, var(--surface) 66%, var(--surface-foreground) 34%)}}:root,.light,.default,[data-theme=light],[data-theme=default]{--surface-shadow:0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f, 0 0 1px 0 #0000000f;--overlay-shadow:0 2px 8px 0 #0000000f, 0 -6px 12px 0 #00000008, 0 14px 28px 0 #00000014;--field-shadow:0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f, 0 0 1px 0 #0000000f;--skeleton-animation:shimmer;--tooltip-delay:1.5s;--tooltip-close-delay:.5s}.dark,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:oklch(12% .005 285.823);--foreground:var(--snow);--surface:oklch(21.03% .0059 285.89);--surface-foreground:var(--foreground);--surface-secondary:oklch(25.7% .0037 286.14);--surface-tertiary:oklch(27.21% .0024 247.91);--overlay:oklch(21.03% .0059 285.89);--overlay-foreground:var(--foreground);--muted:oklch(70.5% .015 286.067);--scrollbar:var(--scrollbar-thumb);--scrollbar-thumb:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--scrollbar-thumb:color-mix(in oklch, var(--foreground) 15%, transparent)}}.dark,[data-theme=dark]{--scrollbar-track:transparent;--scrollbar-gutter:auto;--scrollbar-width:thin;--scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);--default:oklch(27.4% .006 286.033);--default-foreground:var(--snow);--field-background:oklch(21.03% .0059 285.89);--field-foreground:var(--foreground);--warning:oklch(82.03% .1388 76.34);--warning-foreground:var(--eclipse);--danger:oklch(59.4% .1967 24.63);--danger-foreground:var(--snow);--segment:oklch(39.64% .01 285.93);--segment-foreground:var(--foreground);--border:oklch(28% .006 286.033);--separator:oklch(25% .006 286.033);--focus:var(--accent);--link:var(--foreground);--backdrop:#0009;--surface-shadow:0 0 0 0 transparent inset;--overlay-shadow:0 0 1px 0 #ffffff4d inset;--field-shadow:0 0 0 0 transparent inset;--surface-hover:var(--surface)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--surface-hover:color-mix(in oklab, var(--surface) 92%, var(--surface-foreground) 8%)}}.dark,[data-theme=dark]{--background-secondary:var(--background)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--background-secondary:color-mix(in oklab, var(--background) 96%, var(--foreground) 4%)}}.dark,[data-theme=dark]{--background-tertiary:var(--background)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--background-tertiary:color-mix(in oklab, var(--background) 92%, var(--foreground) 8%)}}.dark,[data-theme=dark]{--background-inverse:var(--foreground);--default-hover:var(--default)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--default-hover:color-mix(in oklab, var(--default) 96%, var(--default-foreground) 4%)}}.dark,[data-theme=dark]{--accent-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--accent-hover:color-mix(in oklab, var(--accent) 90%, var(--accent-foreground) 10%)}}.dark,[data-theme=dark]{--success-hover:var(--success)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--success-hover:color-mix(in oklab, var(--success) 90%, var(--success-foreground) 10%)}}.dark,[data-theme=dark]{--warning-hover:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--warning-hover:color-mix(in oklab, var(--warning) 90%, var(--warning-foreground) 10%)}}.dark,[data-theme=dark]{--danger-hover:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--danger-hover:color-mix(in oklab, var(--danger) 90%, var(--danger-foreground) 10%)}}.dark,[data-theme=dark]{--field-hover:var(--field-background,var(--default))}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--field-hover:color-mix(in oklab, var(--field-background,var(--default)) 90%, var(--field-foreground,var(--foreground)) 2%)}}.dark,[data-theme=dark]{--field-focus:var(--field-background,var(--default));--field-border-hover:var(--field-border,var(--border))}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--field-border-hover:color-mix(in oklab, var(--field-border,var(--border)) 88%, var(--field-foreground,var(--foreground)) 10%)}}.dark,[data-theme=dark]{--field-border-focus:var(--field-border,var(--border))}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--field-border-focus:color-mix(in oklab, var(--field-border,var(--border)) 74%, var(--field-foreground,var(--foreground)) 22%)}}.dark,[data-theme=dark]{--default-soft:var(--default)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--default-soft:color-mix(in oklab, var(--default) 50%, transparent)}}.dark,[data-theme=dark]{--default-soft-foreground:var(--default-foreground);--default-soft-hover:var(--default)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--default-soft-hover:color-mix(in oklab, var(--default) 60%, transparent)}}.dark,[data-theme=dark]{--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--accent-soft:color-mix(in oklab, var(--accent) 12%, transparent)}}.dark,[data-theme=dark]{--accent-soft-foreground:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--accent-soft-foreground:color-mix(in oklab, var(--accent) 80%, var(--foreground) 30%)}}.dark,[data-theme=dark]{--accent-soft-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--accent-soft-hover:color-mix(in oklab, var(--accent) 16%, transparent)}}.dark,[data-theme=dark]{--danger-soft:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--danger-soft:color-mix(in oklab, var(--danger) 15%, transparent)}}.dark,[data-theme=dark]{--danger-soft-foreground:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--danger-soft-foreground:color-mix(in oklab, var(--danger) 80%, var(--foreground) 30%)}}.dark,[data-theme=dark]{--danger-soft-hover:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--danger-soft-hover:color-mix(in oklab, var(--danger) 20%, transparent)}}.dark,[data-theme=dark]{--warning-soft:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--warning-soft:color-mix(in oklab, var(--warning) 12%, transparent)}}.dark,[data-theme=dark]{--warning-soft-foreground:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--warning-soft-foreground:color-mix(in oklab, var(--warning) 80%, var(--foreground) 30%)}}.dark,[data-theme=dark]{--warning-soft-hover:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--warning-soft-hover:color-mix(in oklab, var(--warning) 16%, transparent)}}.dark,[data-theme=dark]{--success-soft:var(--success)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--success-soft:color-mix(in oklab, var(--success) 12%, transparent)}}.dark,[data-theme=dark]{--success-soft-foreground:var(--success)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--success-soft-foreground:color-mix(in oklab, var(--success) 80%, var(--foreground) 30%)}}.dark,[data-theme=dark]{--success-soft-hover:var(--success)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--success-soft-hover:color-mix(in oklab, var(--success) 16%, transparent)}}.dark,[data-theme=dark]{--separator-secondary:var(--surface)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--separator-secondary:color-mix(in oklab, var(--surface) 85%, var(--surface-foreground) 15%)}}.dark,[data-theme=dark]{--separator-tertiary:var(--surface)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--separator-tertiary:color-mix(in oklab, var(--surface) 81%, var(--surface-foreground) 19%)}}.dark,[data-theme=dark]{--border-secondary:var(--surface)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--border-secondary:color-mix(in oklab, var(--surface) 78%, var(--surface-foreground) 22%)}}.dark,[data-theme=dark]{--border-tertiary:var(--surface)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--border-tertiary:color-mix(in oklab, var(--surface) 66%, var(--surface-foreground) 34%)}}[data-vibrant-palette=true]:not(.dark):not([data-theme=dark]){--accent-soft-foreground:var(--accent)}@supports (color:color-mix(in lab, red, red)){[data-vibrant-palette=true]:not(.dark):not([data-theme=dark]){--accent-soft-foreground:color-mix(in oklab, var(--accent) 92%, var(--foreground) 8%)}}[data-vibrant-palette=true]:not(.dark):not([data-theme=dark]){--danger-soft-foreground:var(--danger)}@supports (color:color-mix(in lab, red, red)){[data-vibrant-palette=true]:not(.dark):not([data-theme=dark]){--danger-soft-foreground:color-mix(in oklab, var(--danger) 92%, var(--foreground) 8%)}}[data-vibrant-palette=true]:not(.dark):not([data-theme=dark]){--warning-soft-foreground:var(--warning)}@supports (color:color-mix(in lab, red, red)){[data-vibrant-palette=true]:not(.dark):not([data-theme=dark]){--warning-soft-foreground:color-mix(in oklab, var(--warning) 92%, var(--foreground) 8%)}}[data-vibrant-palette=true]:not(.dark):not([data-theme=dark]){--success-soft-foreground:var(--success)}@supports (color:color-mix(in lab, red, red)){[data-vibrant-palette=true]:not(.dark):not([data-theme=dark]){--success-soft-foreground:color-mix(in oklab, var(--success) 92%, var(--foreground) 8%)}}[data-vibrant-palette=true].dark,[data-vibrant-palette=true][data-theme=dark]{--accent-soft-foreground:var(--accent)}@supports (color:color-mix(in lab, red, red)){[data-vibrant-palette=true].dark,[data-vibrant-palette=true][data-theme=dark]{--accent-soft-foreground:color-mix(in oklab, var(--accent) 92%, var(--foreground) 8%)}}[data-vibrant-palette=true].dark,[data-vibrant-palette=true][data-theme=dark]{--danger-soft-foreground:var(--danger)}@supports (color:color-mix(in lab, red, red)){[data-vibrant-palette=true].dark,[data-vibrant-palette=true][data-theme=dark]{--danger-soft-foreground:color-mix(in oklab, var(--danger) 92%, var(--foreground) 8%)}}[data-vibrant-palette=true].dark,[data-vibrant-palette=true][data-theme=dark]{--warning-soft-foreground:var(--warning)}@supports (color:color-mix(in lab, red, red)){[data-vibrant-palette=true].dark,[data-vibrant-palette=true][data-theme=dark]{--warning-soft-foreground:color-mix(in oklab, var(--warning) 92%, var(--foreground) 8%)}}[data-vibrant-palette=true].dark,[data-vibrant-palette=true][data-theme=dark]{--success-soft-foreground:var(--success)}@supports (color:color-mix(in lab, red, red)){[data-vibrant-palette=true].dark,[data-vibrant-palette=true][data-theme=dark]{--success-soft-foreground:color-mix(in oklab, var(--success) 92%, var(--foreground) 8%)}}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--border,currentColor)}::file-selector-button{border-color:var(--border,currentColor)}:root{view-transition-name:none}::view-transition{pointer-events:none}:is(.ec-daisy-scope:has(input.d-theme-controller[value=light]:checked),[data-theme=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}@layer components{.button{isolation:isolate;height:calc(var(--spacing) * 10);transform-origin:50%;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:calc(var(--radius) * 3);width:fit-content;padding-inline:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;--tw-outline-style:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline-style:none;display:inline-flex;position:relative}@media (width>=48rem){.button{height:calc(var(--spacing) * 9)}}.button{transition:transform .25s var(--ease-smooth), background-color .1s var(--ease-out), box-shadow .1s var(--ease-out);transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);will-change:transform}@media (prefers-reduced-motion:reduce){.button{transition-property:none}}.button{cursor:var(--cursor-interactive);--button-bg:transparent;--button-bg-hover:var(--button-bg);--button-bg-pressed:var(--button-bg-hover);--button-fg:currentColor;background-color:var(--button-bg);color:var(--button-fg)}.button:focus-visible:not(:focus),.button[data-focus-visible=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--focus);--tw-ring-offset-width:var(--ring-offset-width);--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background);--tw-outline-style:none;outline-style:none}.button:disabled,.button[aria-disabled=true]{opacity:var(--disabled-opacity);cursor:var(--cursor-disabled);pointer-events:none}.button[data-pending=true]{pointer-events:none}.button:active,.button[data-pressed=true]{background-color:var(--button-bg-pressed);transform:scale(.97)}@media (hover:hover){.button:hover,.button[data-hovered=true]{background-color:var(--button-bg-hover)}}.button svg:not([data-slot=spinner] svg,[data-slot=link-icon] svg){pointer-events:none;margin-inline:calc(var(--spacing) * -.5);margin-block:calc(var(--spacing) * .5);width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);flex-shrink:0;align-self:center}@media (width>=40rem){.button svg:not([data-slot=spinner] svg,[data-slot=link-icon] svg){margin-block:var(--spacing);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}.button--sm{height:calc(var(--spacing) * 9);padding-inline:calc(var(--spacing) * 3)}@media (width>=48rem){.button--sm{height:calc(var(--spacing) * 8)}}.button--sm svg:not([data-slot=spinner] svg,[data-slot=link-icon] svg){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.button--sm:active,.button--sm[data-pressed=true]{transform:scale(.98)}.button--lg{height:calc(var(--spacing) * 11);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}@media (width>=48rem){.button--lg{height:calc(var(--spacing) * 10)}}.button--lg:active,.button--lg[data-pressed=true]{transform:scale(.96)}.button--primary{--button-bg:var(--accent);--button-bg-hover:var(--accent-hover);--button-bg-pressed:var(--accent-hover);--button-fg:var(--accent-foreground)}.button--secondary{--button-bg:var(--default);--button-bg-hover:var(--default-hover);--button-bg-pressed:var(--default-hover);--button-fg:var(--accent-soft-foreground)}.button--tertiary{--button-bg:var(--default);--button-bg-hover:var(--default-hover);--button-bg-pressed:var(--default-hover)}.button--ghost,.button--outline{--button-bg:transparent;--button-bg-hover:var(--default);--button-bg-pressed:var(--default);--button-fg:var(--default-foreground)}.button--outline{border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);--button-bg-hover:var(--default)}@supports (color:color-mix(in lab, red, red)){.button--outline{--button-bg-hover:color-mix(in srgb, var(--default) 60%, transparent)}}.button--danger{--button-bg:var(--danger);--button-bg-hover:var(--danger-hover);--button-bg-pressed:var(--danger-hover);--button-fg:var(--danger-foreground)}.button--danger-soft{--button-bg:var(--danger-soft);--button-bg-hover:var(--danger-soft-hover);--button-bg-pressed:var(--danger-soft-hover);--button-fg:var(--danger-soft-foreground)}.button--icon-only{width:calc(var(--spacing) * 10);padding:0}@media (width>=48rem){.button--icon-only{width:calc(var(--spacing) * 9)}}.button--icon-only.button--sm{width:calc(var(--spacing) * 9)}@media (width>=48rem){.button--icon-only.button--sm{width:calc(var(--spacing) * 8)}}.button--icon-only.button--lg{width:calc(var(--spacing) * 11)}@media (width>=48rem){.button--icon-only.button--lg{width:calc(var(--spacing) * 10)}}.button--full-width{width:100%}}@layer utilities{@layer daisyui.l1.l2.l3{:where(.d-btn){width:unset}.d-btn{--d-size:calc(var(--size-field,.25rem) * 10);--d-btn-p:1rem;--d-btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--d-btn-bg:var(--d-btn-color,var(--color-base-200));--d-btn-border:var(--d-btn-color,var(--color-base-200));border-start-start-radius:var(--d-join-ss,var(--radius-field));border-start-end-radius:var(--d-join-se,var(--radius-field));border-end-end-radius:var(--d-join-ee,var(--radius-field));border-end-start-radius:var(--d-join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.d-btn{--d-btn-border:color-mix(in oklab, var(--d-btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%))}}.d-btn{--d-btn-soft-bg:initial;--d-btn-shadow:0 3px 2px -2px var(--d-btn-bg), 0 4px 3px -2px var(--d-btn-bg)}@supports (color:color-mix(in lab, red, red)){.d-btn{--d-btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--d-btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--d-btn-bg) calc(var(--depth) * 30%), #0000)}}.d-btn{--d-btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--d-size);padding-inline:var(--d-btn-p);font-size:var(--d-fontsize,.875rem);background-color:var(--d-btn-bg);color:var(--d-btn-fg);border-color:var(--d-btn-border);border-style:var(--d-btn-border-style,solid);outline-color:var(--d-btn-color,var(--color-base-content));--tw-prose-links:var(--d-btn-fg);background-image:none, var(--d-fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--d-btn-inset) inset, var(--d-btn-shadow)}.d-btn:is([type=checkbox],[type=radio]){appearance:none}.d-btn:is([type=checkbox],[type=radio])[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}.d-btn:where(:checked:not(.d-filter [type=radio].d-btn)){--d-btn-color:var(--color-primary);--d-btn-fg:var(--color-primary-content)}}.prose :where(a.d-btn:not(.d-btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}@layer daisyui.l1{@media (hover:hover){.d-btn:hover{--d-btn-bg:var(--d-btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.d-btn:hover{--d-btn-bg:color-mix(in oklab, var(--d-btn-color,var(--color-base-200)), #000 7%)}}.d-btn:hover{color:var(--d-btn-fg);--d-btn-border:var(--d-btn-bg)}@supports (color:color-mix(in lab, red, red)){.d-btn:hover{--d-btn-border:color-mix(in oklab, var(--d-btn-bg), #000 calc(var(--depth) * 5%))}}.d-btn:hover{--d-btn-border-style:solid;--d-btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--d-btn-shadow:0 3px 2px -2px var(--d-btn-bg), 0 4px 3px -2px var(--d-btn-bg)}@supports (color:color-mix(in lab, red, red)){.d-btn:hover{--d-btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--d-btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--d-btn-bg) calc(var(--depth) * 30%), #0000)}}}.d-btn:active:not(.d-btn-active){--d-btn-bg:var(--d-btn-color,var(--color-base-200));translate:0 .5px}@supports (color:color-mix(in lab, red, red)){.d-btn:active:not(.d-btn-active){--d-btn-bg:color-mix(in oklab, var(--d-btn-color,var(--color-base-200)), #000 5%)}}.d-btn:active:not(.d-btn-active){color:var(--d-btn-fg,var(--color-base-content));--d-btn-border:var(--d-btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.d-btn:active:not(.d-btn-active){--d-btn-border:color-mix(in oklab, var(--d-btn-color,var(--color-base-200)), #000 7%)}}.d-btn:active:not(.d-btn-active){--d-btn-border-style:solid;--d-btn-inset:0 0 0 0 oklch(0% 0 0/0);--d-btn-shadow:0 0 0 0 oklch(0% 0 0/0)}.d-btn:where(:checked:not(.d-filter [type=radio].d-btn),:not([type=radio],[type=checkbox]):focus-visible){--d-btn-bg:var(--d-btn-color,var(--color-base-200));color:var(--d-btn-fg,var(--color-base-content));--d-btn-border:var(--d-btn-bg)}@supports (color:color-mix(in lab, red, red)){.d-btn:where(:checked:not(.d-filter [type=radio].d-btn),:not([type=radio],[type=checkbox]):focus-visible){--d-btn-border:color-mix(in oklab, var(--d-btn-bg), #000 calc(var(--depth) * 5%))}}.d-btn:where(:checked:not(.d-filter [type=radio].d-btn),:not([type=radio],[type=checkbox]):focus-visible){--d-btn-border-style:solid;--d-btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--d-btn-shadow:0 3px 2px -2px var(--d-btn-bg), 0 4px 3px -2px var(--d-btn-bg)}@supports (color:color-mix(in lab, red, red)){.d-btn:where(:checked:not(.d-filter [type=radio].d-btn),:not([type=radio],[type=checkbox]):focus-visible){--d-btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--d-btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--d-btn-bg) calc(var(--depth) * 30%), #0000)}}.d-btn:where(:checked:not(.d-filter [type=radio].d-btn),:not([type=radio],[type=checkbox]):focus-visible){isolation:isolate}.d-btn:focus-visible{isolation:isolate;outline-width:2px;outline-style:solid}.d-btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}@layer daisyui{.d-btn:is(:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.d-btn:is(:disabled,[disabled],[aria-disabled=true]){color:color-mix(in oklch, var(--color-base-content) 20%, #0000)}}.d-btn:is(:disabled,[disabled],[aria-disabled=true]){--d-btn-bg:#0000;--d-btn-border:#0000;--d-btn-inset:0 0 0 0 oklch(0% 0 0/0);--d-btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}:is(.d-btn-disabled,.d-btn:is(:disabled,[disabled],[aria-disabled=true])):not(.d-btn-link,.d-btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){:is(.d-btn-disabled,.d-btn:is(:disabled,[disabled],[aria-disabled=true])):not(.d-btn-link,.d-btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-1\/2{top:50%}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.z-50{z-index:50}.z-\[80\]{z-index:80}.z-\[81\]{z-index:81}.z-\[90\]{z-index:90}.z-\[91\]{z-index:91}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.table{display:table}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-\[var\(--ec-control-md\)\]{width:var(--ec-control-md);height:var(--ec-control-md)}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-52{height:calc(var(--spacing) * 52)}.h-\[var\(--ec-control-lg\)\]{height:var(--ec-control-lg)}.h-\[var\(--ec-control-md\)\]{height:var(--ec-control-md)}.h-\[var\(--ec-control-sm\)\]{height:var(--ec-control-sm)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[82dvh\]{max-height:82dvh}.max-h-\[88dvh\]{max-height:88dvh}.max-h-\[90dvh\]{max-height:90dvh}.w-\[360px\]{width:360px}.w-\[min\(92vw\,360px\)\]{width:min(92vw,360px)}.w-\[min\(480px\,calc\(100\%-2rem\)\)\]{width:min(480px,100% - 2rem)}.w-\[min\(760px\,calc\(100\%-2rem\)\)\]{width:min(760px,100% - 2rem)}.w-full{width:100%}.w-px{width:1px}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.min-w-0{min-width:0}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.touch-none{touch-action:none}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[var\(--ec-studio-button-radius\,var\(--radius\)\)\]{border-radius:var(--ec-studio-button-radius,var(--radius))}.rounded-\[var\(--ec-studio-field-radius\,var\(--radius\)\)\]{border-radius:var(--ec-studio-field-radius,var(--radius))}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--radius)}.rounded-sm{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) * 1.5)}.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 1.5);border-top-right-radius:calc(var(--radius) * 1.5)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-destructive{background-color:var(--destructive)}.bg-overlay\/45{background-color:var(--overlay)}@supports (color:color-mix(in lab, red, red)){.bg-overlay\/45{background-color:color-mix(in oklab, var(--overlay) 45%, transparent)}}.bg-overlay\/55{background-color:var(--overlay)}@supports (color:color-mix(in lab, red, red)){.bg-overlay\/55{background-color:color-mix(in oklab, var(--overlay) 55%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-surface{background-color:var(--surface)}.fill-popover{fill:var(--popover)}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-0{padding-inline:0}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pl-7{padding-left:calc(var(--spacing) * 7)}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.uppercase{text-transform:uppercase}.opacity-60{opacity:.6}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:var\(--ec-shadow\)\]{box-shadow:var(--ec-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\,box-shadow\,transform\]{transition-property:color,background-color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@layer daisyui.l1.l2{.d-btn-xs{--d-fontsize:.6875rem;--d-btn-p:.5rem;--d-size:calc(var(--size-field,.25rem) * 6)}}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[destructive\=true\]\:text-destructive[data-destructive=true]{color:var(--destructive)}.data-\[destructive\=true\]\:focus\:bg-destructive\/10[data-destructive=true]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[destructive\=true\]\:focus\:bg-destructive\/10[data-destructive=true]:focus{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}@media not all and (width>=48rem){.max-md\:h-dvh{height:100dvh}.max-md\:max-h-none{max-height:none}.max-md\:min-h-11{min-height:calc(var(--spacing) * 11)}.max-md\:w-full{width:100%}.max-md\:rounded-none{border-radius:0}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}:root,[data-ec-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:oklch(96.5% .006 255);--foreground:oklch(20% .018 258);--surface:oklch(100% 0 0);--surface-raised:oklch(98.2% .005 255);--card:var(--surface);--card-foreground:var(--foreground);--popover:var(--surface);--popover-foreground:var(--foreground);--muted:oklch(95.5% .007 255);--muted-foreground:oklch(48% .018 258);--border:oklch(88.5% .012 255);--input:oklch(91% .012 255);--primary:oklch(55% .23 258);--primary-foreground:oklch(98.5% .002 264);--secondary:oklch(94% .008 264);--secondary-foreground:oklch(24% .018 264);--accent:oklch(94% .035 255);--accent-foreground:oklch(26% .08 258);--destructive:oklch(58% .22 27);--destructive-foreground:oklch(98.5% .002 264);--success:oklch(57% .15 152);--success-foreground:oklch(98.5% .002 152);--warning:oklch(72% .16 76);--warning-foreground:oklch(24% .04 76);--info:oklch(58% .18 246);--info-foreground:oklch(98.5% .002 246);--ec-violet:oklch(56% .22 292);--ec-cyan:oklch(61% .14 220);--ec-emerald:oklch(59% .15 155);--ec-amber:oklch(69% .16 75);--ec-rose:oklch(61% .2 18);--ec-sky:oklch(60% .18 245);--ring:oklch(62% .19 258);--overlay:oklch(8% .01 264);--radius:.4375rem;--ec-radius-xs:.25rem;--ec-radius-sm:.375rem;--ec-radius-md:.5rem;--ec-radius-lg:.75rem;--ec-space-1:.25rem;--ec-space-2:.5rem;--ec-space-3:.75rem;--ec-space-4:1rem;--ec-space-5:1.25rem;--ec-space-6:1.5rem;--ec-control-sm:1.75rem;--ec-control-md:2rem;--ec-control-lg:2.25rem;--ec-sidebar-compact:15.5rem;--ec-inspector-compact:18.25rem;--ec-shell-sidebar-width:240px;--ec-shell-topbar-height:52px;--ec-shell-statusbar-height:26px;--ec-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ec-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ec-text-2xs:.6875rem;--ec-text-xs:.75rem;--ec-text-sm:.8125rem;--ec-text-md:.875rem;--ec-text-lg:1rem;--ec-text-xl:1.25rem;--ec-fast:.12s;--ec-normal:.18s;--ec-shadow:0 14px 42px #0f172a1f;--ec-shadow-sm:0 2px 8px #0f172a14;--ec-shadow-panel:0 8px 30px #0f172a1a;--ec-ease-out:cubic-bezier(.16, 1, .3, 1);--ec-background:var(--background);--ec-foreground:var(--foreground);--ec-surface:var(--surface);--ec-surface-raised:var(--surface-raised);--ec-muted:var(--muted);--ec-muted-foreground:var(--muted-foreground);--ec-border:var(--border);--ec-primary:var(--primary);--ec-primary-foreground:var(--primary-foreground);--ec-danger:var(--destructive);--ec-danger-foreground:var(--destructive-foreground);--ec-ring:var(--ring)}.dark,[data-ec-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:oklch(16% .012 264);--foreground:oklch(94% .008 264);--surface:oklch(20.5% .014 264);--surface-raised:oklch(24.5% .016 264);--card:var(--surface);--card-foreground:var(--foreground);--popover:oklch(22.5% .014 264);--popover-foreground:var(--foreground);--muted:oklch(28% .014 264);--muted-foreground:oklch(69% .015 264);--border:oklch(32% .016 264);--input:oklch(30% .016 264);--primary:oklch(70% .16 258);--primary-foreground:oklch(17% .02 264);--secondary:oklch(28% .014 264);--secondary-foreground:var(--foreground);--accent:oklch(30% .055 258);--accent-foreground:oklch(92% .03 258);--destructive:oklch(67% .2 26);--destructive-foreground:oklch(98% .004 264);--success:oklch(70% .14 152);--success-foreground:oklch(16% .035 152);--warning:oklch(78% .14 76);--warning-foreground:oklch(20% .035 76);--info:oklch(72% .15 246);--info-foreground:oklch(17% .035 246);--ec-violet:oklch(72% .17 292);--ec-cyan:oklch(76% .13 220);--ec-emerald:oklch(74% .14 155);--ec-amber:oklch(80% .14 75);--ec-rose:oklch(73% .17 18);--ec-sky:oklch(74% .15 245);--ring:oklch(72% .16 258);--overlay:oklch(5% .008 264);--ec-shadow:0 18px 44px #0000004d;--ec-shadow-sm:0 2px 10px #0000003d;--ec-shadow-panel:0 10px 34px #0000004d}[data-ec-density=high]{--ec-control-sm:1.625rem;--ec-control-md:1.875rem;--ec-control-lg:2.125rem;--ec-space-3:.625rem;--ec-space-4:.875rem;--ec-space-5:1.125rem}:root{--ec-studio-accent-primary:oklch(52% .22 260);--ec-studio-accent-ring:oklch(62% .19 258);--ec-studio-button-radius:var(--radius);--ec-studio-field-radius:var(--radius);--ec-studio-menu-background:var(--popover);--ec-studio-menu-backdrop:none;--ec-studio-icon-size:1rem;--ec-studio-icon-stroke:2;--ec-editor-canvas-padding:12px}[data-ec-framework=aceternity-magic]{--ec-shell-sidebar-width:224px;--ec-shell-topbar-height:50px;--surface:var(--background)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=aceternity-magic]{--surface:color-mix(in oklab, var(--background) 88%, var(--ec-violet))}}[data-ec-framework=aceternity-magic]{--surface-raised:var(--background)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=aceternity-magic]{--surface-raised:color-mix(in oklab, var(--background) 94%, var(--ec-cyan))}}[data-ec-framework=aceternity-magic]{--border:var(--ec-violet)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=aceternity-magic]{--border:color-mix(in oklab, var(--ec-violet) 22%, var(--background))}}[data-ec-framework=aceternity-magic]{--ec-shadow-panel:0 18px 56px var(--ec-violet)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=aceternity-magic]{--ec-shadow-panel:0 18px 56px color-mix(in oklab, var(--ec-violet) 18%, transparent)}}[data-ec-framework=daisyui]{--ec-shell-sidebar-width:232px;--ec-shell-topbar-height:52px;--surface-raised:var(--surface)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=daisyui]{--surface-raised:color-mix(in oklab, var(--surface) 88%, var(--ec-emerald))}}[data-ec-framework=daisyui]{--ec-shadow-sm:0 3px 0 var(--foreground)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=daisyui]{--ec-shadow-sm:0 3px 0 color-mix(in oklab, var(--foreground) 13%, transparent)}}[data-ec-framework=daisyui]{--ec-shadow-panel:0 7px 0 var(--foreground)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=daisyui]{--ec-shadow-panel:0 7px 0 color-mix(in oklab, var(--foreground) 10%, transparent)}}[data-ec-framework=headlessui]{--ec-shell-sidebar-width:216px;--ec-shell-topbar-height:48px;--surface-raised:var(--surface)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=headlessui]{--surface-raised:color-mix(in oklab, var(--surface) 97%, var(--foreground))}}[data-ec-framework=headlessui]{--ec-shadow:none;--ec-shadow-sm:none;--ec-shadow-panel:none}[data-ec-framework=ark-base]{--ec-shell-sidebar-width:220px;--ec-shell-topbar-height:48px;--surface-raised:var(--surface)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=ark-base]{--surface-raised:color-mix(in oklab, var(--surface) 92%, var(--ec-amber))}}[data-ec-framework=ark-base]{--ec-shadow:none;--ec-shadow-sm:0 1px 0 var(--foreground)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=ark-base]{--ec-shadow-sm:0 1px 0 color-mix(in oklab, var(--foreground) 18%, transparent)}}[data-ec-framework=ark-base]{--ec-shadow-panel:0 1px 0 var(--foreground)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=ark-base]{--ec-shadow-panel:0 1px 0 color-mix(in oklab, var(--foreground) 16%, transparent)}}[data-ec-framework=heroui]{--ec-shell-sidebar-width:236px;--ec-shell-topbar-height:50px;--surface:var(--background)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=heroui]{--surface:color-mix(in oklab, var(--background) 91%, var(--ec-rose))}}[data-ec-framework=heroui]{--surface-raised:var(--background)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=heroui]{--surface-raised:color-mix(in oklab, var(--background) 95%, var(--ec-violet))}}[data-ec-framework=heroui]{--ec-shadow-sm:0 6px 20px var(--ec-rose)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=heroui]{--ec-shadow-sm:0 6px 20px color-mix(in oklab, var(--ec-rose) 12%, transparent)}}[data-ec-framework=heroui]{--ec-shadow-panel:0 18px 52px var(--ec-violet)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=heroui]{--ec-shadow-panel:0 18px 52px color-mix(in oklab, var(--ec-violet) 16%, transparent)}}[data-ec-framework=aceternity-magic] .ec-app-shell-workspace{background-image:linear-gradient(var(--ec-violet) 1px, transparent 1px), linear-gradient(90deg, var(--ec-cyan) 1px, transparent 1px), radial-gradient(circle at 72% 0%, var(--ec-violet), transparent 36%)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=aceternity-magic] .ec-app-shell-workspace{background-image:linear-gradient(color-mix(in oklab, var(--ec-violet) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--ec-cyan) 4%, transparent) 1px, transparent 1px), radial-gradient(circle at 72% 0%, color-mix(in oklab, var(--ec-violet) 16%, transparent), transparent 36%)}}[data-ec-framework=aceternity-magic] .ec-app-shell-workspace{background-size:24px 24px,24px 24px,100% 100%}[data-ec-framework=headlessui] .ec-app-shell-sidebar,[data-ec-framework=ark-base] .ec-app-shell-sidebar{box-shadow:none}[data-ec-framework=daisyui] .ec-editor-region-header{border-bottom-width:2px}[data-ec-framework=heroui] .ec-app-shell-topbar{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){[data-ec-framework=heroui] .ec-app-shell-topbar{background:color-mix(in oklab, var(--surface) 76%, transparent)}}[data-ec-framework=heroui] .ec-app-shell-topbar{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%)}[data-ec-accent=indigo]{--ec-studio-accent-primary:oklch(52% .22 260);--ec-studio-accent-ring:oklch(62% .19 258)}[data-ec-accent=blue]{--ec-studio-accent-primary:oklch(55% .2 245);--ec-studio-accent-ring:oklch(65% .16 245)}[data-ec-accent=emerald]{--ec-studio-accent-primary:oklch(55% .16 155);--ec-studio-accent-ring:oklch(65% .13 155)}[data-ec-accent=amber]{--ec-studio-accent-primary:oklch(64% .16 75);--ec-studio-accent-ring:oklch(72% .13 75)}[data-ec-accent=rose]{--ec-studio-accent-primary:oklch(58% .2 18);--ec-studio-accent-ring:oklch(68% .15 18)}[data-ec-theme=dark][data-ec-accent=indigo]{--ec-studio-accent-primary:oklch(70% .17 260);--ec-studio-accent-ring:oklch(76% .14 258)}[data-ec-theme=dark][data-ec-accent=blue]{--ec-studio-accent-primary:oklch(72% .15 245);--ec-studio-accent-ring:oklch(78% .12 245)}[data-ec-theme=dark][data-ec-accent=emerald]{--ec-studio-accent-primary:oklch(72% .14 155);--ec-studio-accent-ring:oklch(78% .11 155)}[data-ec-theme=dark][data-ec-accent=amber]{--ec-studio-accent-primary:oklch(80% .14 75);--ec-studio-accent-ring:oklch(84% .11 75)}[data-ec-theme=dark][data-ec-accent=rose]{--ec-studio-accent-primary:oklch(72% .16 18);--ec-studio-accent-ring:oklch(78% .12 18)}[data-ec-accent]{--primary:var(--ec-studio-accent-primary);--ring:var(--ec-studio-accent-ring);--accent:var(--ec-studio-accent-primary)}@supports (color:color-mix(in lab, red, red)){[data-ec-accent]{--accent:color-mix(in oklab, var(--ec-studio-accent-primary) 14%, var(--background))}}[data-ec-accent]{--accent-foreground:var(--ec-studio-accent-primary)}@supports (color:color-mix(in lab, red, red)){[data-ec-accent]{--accent-foreground:color-mix(in oklab, var(--ec-studio-accent-primary) 82%, var(--foreground))}}[data-ec-semantic-colors=muted]{--accent:var(--ec-studio-accent-primary)}@supports (color:color-mix(in lab, red, red)){[data-ec-semantic-colors=muted]{--accent:color-mix(in oklab, var(--ec-studio-accent-primary) 8%, var(--background))}}[data-ec-semantic-colors=muted]{--surface-raised:var(--surface)}@supports (color:color-mix(in lab, red, red)){[data-ec-semantic-colors=muted]{--surface-raised:color-mix(in oklab, var(--surface) 92%, var(--muted))}}[data-ec-semantic-colors=vivid]{--accent:var(--ec-studio-accent-primary)}@supports (color:color-mix(in lab, red, red)){[data-ec-semantic-colors=vivid]{--accent:color-mix(in oklab, var(--ec-studio-accent-primary) 22%, var(--background))}}[data-ec-semantic-colors=vivid]{--accent-foreground:var(--ec-studio-accent-primary)}@supports (color:color-mix(in lab, red, red)){[data-ec-semantic-colors=vivid]{--accent-foreground:color-mix(in oklab, var(--ec-studio-accent-primary) 88%, var(--foreground))}}[data-ec-contrast=high]{--border:var(--foreground)}@supports (color:color-mix(in lab, red, red)){[data-ec-contrast=high]{--border:color-mix(in oklab, var(--foreground) 34%, var(--background))}}[data-ec-contrast=high]{--input:var(--foreground)}@supports (color:color-mix(in lab, red, red)){[data-ec-contrast=high]{--input:color-mix(in oklab, var(--foreground) 28%, var(--background))}}[data-ec-contrast=high]{--muted-foreground:var(--foreground)}@supports (color:color-mix(in lab, red, red)){[data-ec-contrast=high]{--muted-foreground:color-mix(in oklab, var(--foreground) 76%, var(--background))}}[data-ec-typography-family=system]{--ec-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-ec-typography-family=humanist]{--ec-font-sans:"Trebuchet MS", "Segoe UI", ui-sans-serif, system-ui, sans-serif}[data-ec-typography-family=geometric]{--ec-font-sans:Avenir, "Avenir Next", Futura, "Century Gothic", ui-sans-serif, system-ui, sans-serif}[data-ec-typography-family=mono]{--ec-font-sans:var(--ec-font-mono)}[data-ec-typography-scale=compact]{--ec-text-xs:.6875rem;--ec-text-sm:.75rem;--ec-text-md:.8125rem;--ec-text-lg:.9375rem;--ec-text-xl:1.125rem}[data-ec-typography-scale=large]{--ec-text-xs:.8125rem;--ec-text-sm:.875rem;--ec-text-md:.9375rem;--ec-text-lg:1.0625rem;--ec-text-xl:1.375rem}[data-ec-icon-size=compact]{--ec-studio-icon-size:.875rem}[data-ec-icon-size=large]{--ec-studio-icon-size:1.125rem}[data-ec-icon-style=outline]{--ec-studio-icon-stroke:1.75}[data-ec-icon-style=strong]{--ec-studio-icon-stroke:2.35}[data-ec-icon-size] .ec-app-shell svg{width:var(--ec-studio-icon-size);height:var(--ec-studio-icon-size)}[data-ec-icon-style] .ec-app-shell svg{stroke-width:var(--ec-studio-icon-stroke)}[data-ec-radii=square]{--radius:.125rem;--ec-radius-xs:.0625rem;--ec-radius-sm:.125rem;--ec-radius-md:.125rem;--ec-radius-lg:.25rem}[data-ec-radii=subtle]{--radius:.5rem;--ec-radius-xs:.25rem;--ec-radius-sm:.375rem;--ec-radius-md:.5rem;--ec-radius-lg:.75rem}[data-ec-radii=rounded]{--radius:.75rem;--ec-radius-xs:.375rem;--ec-radius-sm:.5rem;--ec-radius-md:.75rem;--ec-radius-lg:1rem}[data-ec-elevation=flat]{--ec-shadow:none}[data-ec-elevation=subtle]{--ec-shadow:0 8px 24px #0f172a1a}[data-ec-elevation=raised]{--ec-shadow:0 18px 48px #0f172a2e}[data-ec-theme=dark][data-ec-elevation=subtle]{--ec-shadow:0 12px 32px #00000047}[data-ec-theme=dark][data-ec-elevation=raised]{--ec-shadow:0 22px 56px #0000006b}[data-ec-control-size=compact]{--ec-control-sm:1.625rem;--ec-control-md:1.875rem;--ec-control-lg:2.125rem}[data-ec-control-size=standard]{--ec-control-sm:1.75rem;--ec-control-md:2rem;--ec-control-lg:2.25rem}[data-ec-control-size=large]{--ec-control-sm:2rem;--ec-control-md:2.25rem;--ec-control-lg:2.5rem}[data-ec-button-shape=square]{--ec-studio-button-radius:.125rem}[data-ec-button-shape=rounded]{--ec-studio-button-radius:var(--radius)}[data-ec-button-shape=pill]{--ec-studio-button-radius:999px}[data-ec-field-shape=square]{--ec-studio-field-radius:.125rem}[data-ec-field-shape=rounded]{--ec-studio-field-radius:var(--radius)}[data-ec-menu-appearance=solid]{--ec-studio-menu-background:var(--popover);--ec-studio-menu-backdrop:none}[data-ec-menu-appearance=soft]{--ec-studio-menu-background:var(--popover)}@supports (color:color-mix(in lab, red, red)){[data-ec-menu-appearance=soft]{--ec-studio-menu-background:color-mix(in oklab, var(--popover) 92%, var(--muted))}}[data-ec-menu-appearance=soft]{--ec-studio-menu-backdrop:none}[data-ec-menu-appearance=glass]{--ec-studio-menu-background:var(--popover)}@supports (color:color-mix(in lab, red, red)){[data-ec-menu-appearance=glass]{--ec-studio-menu-background:color-mix(in oklab, var(--popover) 78%, transparent)}}[data-ec-menu-appearance=glass]{--ec-studio-menu-backdrop:blur(14px)}[data-ec-spacing-scale=compact]{--ec-space-1:.1875rem;--ec-space-2:.375rem;--ec-space-3:.625rem;--ec-space-4:.875rem;--ec-space-5:1.125rem;--ec-space-6:1.375rem}[data-ec-spacing-scale=standard]{--ec-space-1:.25rem;--ec-space-2:.5rem;--ec-space-3:.75rem;--ec-space-4:1rem;--ec-space-5:1.25rem;--ec-space-6:1.5rem}[data-ec-spacing-scale=spacious]{--ec-space-1:.3125rem;--ec-space-2:.625rem;--ec-space-3:.875rem;--ec-space-4:1.125rem;--ec-space-5:1.5rem;--ec-space-6:1.875rem}[data-ec-canvas-density=compact]{--ec-editor-canvas-padding:6px}[data-ec-canvas-density=comfortable]{--ec-editor-canvas-padding:12px}[data-ec-canvas-density=spacious]{--ec-editor-canvas-padding:20px}[data-ec-motion=none]{--ec-fast:1ms;--ec-normal:1ms}[data-ec-motion=reduced]{--ec-fast:60ms;--ec-normal:90ms}[data-ec-motion=standard]{--ec-fast:.12s;--ec-normal:.18s}[data-ec-motion=high]{--ec-fast:.16s;--ec-normal:.26s}[data-ec-system-reduced-motion=true]{--ec-fast:1ms;--ec-normal:1ms}[data-ec-system-reduced-motion=true] .ec-app-shell *,[data-ec-motion=none] .ec-app-shell *{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.ec-app-shell button{border-radius:var(--ec-studio-button-radius)}.ec-app-shell input,.ec-app-shell textarea,.ec-app-shell select{border-radius:var(--ec-studio-field-radius)}[data-radix-menu-content],[role=menu]{background:var(--ec-studio-menu-background);-webkit-backdrop-filter:var(--ec-studio-menu-backdrop);backdrop-filter:var(--ec-studio-menu-backdrop)}.ec-design-system{background:var(--background);min-height:100%;color:var(--foreground);font-family:var(--ec-font-sans)}[data-slot=sheet-overlay],[data-slot=dialog-overlay],[data-slot=alert-dialog-overlay]{animation:ec-overlay-in var(--ec-normal) ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-slot=sheet-content][data-state=open]{animation:ec-sheet-in var(--ec-normal) cubic-bezier(.16, 1, .3, 1)}[data-slot=dialog-content][data-state=open],[data-slot=alert-dialog-content][data-state=open]{animation:ec-dialog-in var(--ec-normal) cubic-bezier(.16, 1, .3, 1)}@keyframes ec-overlay-in{0%{opacity:0}}@keyframes ec-sheet-in{0%{opacity:0;transform:translate(12px)}}@keyframes ec-dialog-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}}.ec-gallery{min-height:100vh;padding:clamp(1rem,2.5vw,1.75rem)}.ec-gallery-header,.ec-gallery-grid,.ec-gallery-footer{width:min(100%,77.5rem);margin-inline:auto}.ec-gallery-header{justify-content:space-between;align-items:flex-start;gap:var(--ec-space-4);margin-bottom:var(--ec-space-5);display:flex}.ec-gallery-header h1{letter-spacing:-.025em;margin:.25rem 0 .375rem;font-size:clamp(1.45rem,3vw,2rem)}.ec-gallery-header p{max-width:47.5rem;color:var(--muted-foreground);font-size:var(--ec-text-sm);margin:0;line-height:1.45}.ec-gallery-kicker{letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--primary)!important;font-size:var(--ec-text-xs)!important}.ec-gallery-grid{gap:var(--ec-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ec-gallery-card{border:1px solid var(--border);border-radius:var(--ec-radius-lg);min-width:0;padding:var(--ec-space-4);background:var(--surface)}.ec-gallery-card[data-state=error]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.ec-gallery-card[data-state=error]{border-color:color-mix(in oklab, var(--destructive) 52%, var(--border))}}.ec-gallery-card-heading{justify-content:space-between;align-items:center;gap:var(--ec-space-2);margin-bottom:var(--ec-space-3);font-size:var(--ec-text-sm);font-weight:700;display:flex}.ec-gallery-card-heading code,.ec-gallery-footer code{color:var(--muted-foreground);font:500 var(--ec-text-xs) / 1.3 var(--ec-font-mono)}.ec-gallery-row{align-items:center;gap:var(--ec-space-2);margin-top:var(--ec-space-3);flex-wrap:wrap;display:flex}.ec-gallery-stack{gap:var(--ec-space-3);display:grid}.ec-gallery-field{color:var(--muted-foreground);font-size:var(--ec-text-xs);gap:.35rem;display:grid}.ec-gallery-token-grid{gap:var(--ec-space-2);margin-top:var(--ec-space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ec-gallery-token{gap:.35rem;min-width:0;display:grid}.ec-gallery-token-swatch{border:1px solid var(--border);border-radius:var(--ec-radius-sm);height:2rem}.ec-gallery-token code,.ec-gallery-interaction-hint{color:var(--muted-foreground);font:500 var(--ec-text-xs) / 1.4 var(--ec-font-mono)}.ec-gallery-interaction-hint{margin:var(--ec-space-3) 0 0}.ec-gallery-list{padding:var(--ec-space-2);margin:0;list-style:none}.ec-gallery-list li{justify-content:space-between;align-items:center;gap:var(--ec-space-3);border-bottom:1px solid var(--border);min-height:1.875rem;font-size:var(--ec-text-sm);display:flex}.ec-gallery-list li:last-child{border-bottom:0}.ec-gallery-list span{color:var(--muted-foreground);font-size:var(--ec-text-xs)}.ec-gallery-navigation{margin-top:var(--ec-space-3);flex-wrap:wrap;gap:.375rem;display:flex}.ec-gallery-chip{border:1px solid var(--border);background:var(--background);color:var(--muted-foreground);font-size:var(--ec-text-xs);border-radius:999px;padding:.2rem .5rem}.ec-gallery-help{border-left:2px solid var(--primary);padding-left:var(--ec-space-3)}.ec-gallery-help h2{font-size:var(--ec-text-sm);margin:0}.ec-gallery-help p{color:var(--muted-foreground);font-size:var(--ec-text-xs);margin:.35rem 0 0;line-height:1.5}.ec-gallery-footer{justify-content:space-between;gap:var(--ec-space-3);margin-top:var(--ec-space-4);color:var(--muted-foreground);font-size:var(--ec-text-xs);display:flex}@media (width<=1023px){.ec-gallery-grid{grid-template-columns:1fr}}@media (width<=767px){.ec-gallery{padding:.875rem}.ec-gallery-header,.ec-gallery-footer{flex-direction:column}.ec-gallery-token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-design-system button,.ec-design-system input,.ec-design-system [role=menuitem]{min-width:2.75rem;min-height:2.75rem}}@media (prefers-reduced-motion:reduce){.ec-design-system *,.ec-design-system :before,.ec-design-system :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.ec-appearance-design-gallery,.ec-appearance-market-section,.ec-appearance-framework-section{gap:10px;min-width:0;display:grid}.ec-appearance-market-section,.ec-appearance-framework-section{border:1px solid color-mix(in oklab, var(--border) 82%, transparent);border-radius:var(--ec-radius-md);background:color-mix(in oklab, var(--surface) 97%, var(--primary));padding:8px}.ec-appearance-gallery-heading{justify-content:space-between;align-items:start;gap:8px;min-width:0;display:flex}.ec-appearance-gallery-heading h4,.ec-appearance-gallery-heading p{margin:0}.ec-appearance-gallery-heading h4{color:var(--foreground);font-size:var(--ec-text-xs);font-weight:800}.ec-appearance-gallery-heading p{color:var(--muted-foreground);font-size:var(--ec-text-2xs);margin-top:2px;line-height:1.4}.ec-appearance-gallery-heading>span{border:1px solid var(--border);color:var(--muted-foreground);background:var(--surface-raised);font:700 var(--ec-text-2xs) / 1.2 var(--ec-font-mono);border-radius:999px;flex:none;padding:2px 6px}.ec-market-family-filters{scrollbar-width:thin;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.ec-market-family-filters button{flex:none;min-height:26px;padding-inline:8px;font-size:9px}.ec-market-family-filters button[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 42%, transparent)}.ec-appearance-market-grid,.ec-appearance-framework-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;display:grid}.ec-market-style-card{--ec-market-tone:var(--primary);border:1px solid color-mix(in oklab, var(--ec-market-tone) 24%, var(--border));background:linear-gradient(155deg, color-mix(in oklab, var(--ec-market-tone) 8%, var(--surface)), var(--surface));min-width:0;box-shadow:var(--ec-shadow-sm);transition:transform var(--ec-fast) var(--ec-ease-out), border-color var(--ec-fast) ease, box-shadow var(--ec-fast) ease, background-color var(--ec-fast) ease;border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto;gap:7px;padding:7px;display:grid;overflow:hidden}.ec-market-style-card:hover,.ec-market-style-card:focus-within,.ec-market-style-card[data-state=selected]{border-color:color-mix(in oklab, var(--ec-market-tone) 62%, var(--border));box-shadow:0 9px 24px color-mix(in oklab, var(--ec-market-tone) 14%, transparent);transform:translateY(-2px)}.ec-market-style-card[data-state=selected]{box-shadow:0 9px 24px color-mix(in oklab, var(--ec-market-tone) 14%, transparent), inset 0 0 0 1px color-mix(in oklab, var(--ec-market-tone) 58%, transparent)}.ec-market-style-card[data-market-style=ide]{--ec-market-tone:var(--ec-sky);border-radius:3px}.ec-market-style-card[data-market-style=canvas]{--ec-market-tone:var(--ec-violet);border-radius:14px}.ec-market-style-card[data-market-style=cms]{--ec-market-tone:var(--ec-sky);border-radius:7px}.ec-market-style-card[data-market-style=commerce]{--ec-market-tone:var(--ec-emerald);border-radius:13px}.ec-market-style-card[data-market-style=data]{--ec-market-tone:var(--ec-amber);border-radius:2px}.ec-market-style-card[data-market-style=minimal]{--ec-market-tone:var(--primary);box-shadow:none}.ec-market-style-card[data-market-style=glass]{--ec-market-tone:var(--ec-rose);background:radial-gradient(circle at 15% 0%, color-mix(in oklab, var(--ec-violet) 25%, transparent), transparent 44%), color-mix(in oklab, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);border-radius:15px}.ec-market-style-card[data-market-style=brutal]{--ec-market-tone:var(--ec-amber);border:2px solid var(--foreground);box-shadow:4px 4px 0 color-mix(in oklab, var(--foreground) 85%, transparent);border-radius:0}.ec-market-style-card[data-market-style=brutal]:hover,.ec-market-style-card[data-market-style=brutal]:focus-within,.ec-market-style-card[data-market-style=brutal][data-state=selected]{box-shadow:6px 6px 0 color-mix(in oklab, var(--foreground) 85%, transparent);transform:translate(-1px,-1px)}.ec-market-style-card[data-market-style=soft]{--ec-market-tone:var(--ec-emerald);box-shadow:0 10px 26px color-mix(in oklab, var(--overlay) 14%, transparent);border-color:#0000;border-radius:16px}.ec-market-style-card[data-market-style=zen]{--ec-market-tone:var(--muted-foreground);border-color:color-mix(in oklab, var(--border) 70%, transparent);box-shadow:none}.ec-market-style-preview{border:1px solid color-mix(in oklab, var(--ec-market-tone) 22%, var(--border));background:color-mix(in oklab, var(--background) 90%, var(--ec-market-tone));border-radius:6px;grid-template-columns:18px minmax(0,1fr);height:74px;display:grid;overflow:hidden}.ec-market-style-mini-sidebar{border-right:1px solid color-mix(in oklab, var(--ec-market-tone) 28%, var(--border));background:color-mix(in oklab, var(--surface) 88%, var(--ec-market-tone));align-content:start;justify-items:center;gap:4px;padding-top:4px;display:grid}.ec-market-style-mini-brand{background:var(--ec-market-tone);width:8px;height:8px;box-shadow:0 0 8px color-mix(in oklab, var(--ec-market-tone) 26%, transparent);border-radius:2px;margin-bottom:2px;display:block}.ec-market-style-mini-sidebar svg{width:8px;height:8px;color:color-mix(in oklab, var(--ec-market-tone) 70%, var(--foreground));transition:transform .18s var(--ec-ease-out)}.ec-market-style-card:hover .ec-market-style-mini-sidebar svg:first-of-type{transform:translateY(-1px)rotate(-7deg)scale(1.18)}.ec-market-style-card:hover .ec-market-style-mini-sidebar svg:nth-of-type(2){transform:translate(1px)scale(1.16)}.ec-market-style-card:hover .ec-market-style-mini-sidebar svg:nth-of-type(3){transform:rotate(34deg)scale(1.12)}.ec-market-style-mini-main{grid-template-rows:14px minmax(0,1fr) 9px;min-width:0;display:grid}.ec-market-style-mini-topbar,.ec-market-style-mini-statusbar{align-items:center;gap:3px;min-width:0;padding:0 4px;display:flex}.ec-market-style-mini-topbar{border-bottom:1px solid color-mix(in oklab, var(--ec-market-tone) 20%, var(--border))}.ec-market-style-mini-topbar span{background:color-mix(in oklab, var(--ec-market-tone) 65%, var(--muted));border-radius:999px;width:4px;height:4px}.ec-market-style-mini-topbar i{background:color-mix(in oklab, var(--ec-market-tone) 18%, var(--muted));border-radius:999px;width:17px;height:4px;margin-left:auto;display:block}.ec-market-style-mini-statusbar{border-top:1px solid color-mix(in oklab, var(--ec-market-tone) 18%, var(--border))}.ec-market-style-mini-statusbar span{background:var(--ec-market-tone);border-radius:999px;width:3px;height:3px}.ec-market-style-mini-statusbar i{background:color-mix(in oklab, var(--ec-market-tone) 20%, var(--muted));border-radius:99px;width:20px;height:2px;display:block}.ec-market-style-mini-workspace{grid-template-columns:.72fr 2fr .84fr;gap:3px;min-width:0;padding:4px;display:grid}.ec-market-style-mini-workspace>span{border:1px solid color-mix(in oklab, var(--ec-market-tone) 20%, var(--border));background:color-mix(in oklab, var(--surface-raised) 93%, var(--ec-market-tone));border-radius:3px;min-width:0;min-height:0;display:block;overflow:hidden}.ec-market-style-mini-canvas{position:relative;background:radial-gradient(color-mix(in oklab, var(--ec-market-tone) 22%, transparent) .6px, transparent .6px), color-mix(in oklab, var(--surface) 92%, var(--ec-market-tone))!important;background-size:6px 6px!important}.ec-market-style-mini-canvas b{border:1px solid color-mix(in oklab, var(--ec-market-tone) 26%, var(--border));background:color-mix(in oklab, var(--surface) 86%, var(--ec-market-tone));border-radius:2px;width:64%;height:7px;position:absolute;left:18%}.ec-market-style-mini-canvas b:first-child{top:24%}.ec-market-style-mini-canvas b:last-child{width:42%;top:52%}.ec-market-style-card[data-market-style=canvas] .ec-market-style-preview,.ec-market-style-card[data-market-style=glass] .ec-market-style-preview,.ec-market-style-card[data-market-style=soft] .ec-market-style-preview{background:color-mix(in oklab, var(--background) 75%, transparent);border-radius:10px;gap:3px;padding:3px}.ec-market-style-card[data-market-style=canvas] .ec-market-style-mini-sidebar,.ec-market-style-card[data-market-style=canvas] .ec-market-style-mini-main,.ec-market-style-card[data-market-style=glass] .ec-market-style-mini-sidebar,.ec-market-style-card[data-market-style=glass] .ec-market-style-mini-main,.ec-market-style-card[data-market-style=soft] .ec-market-style-mini-sidebar,.ec-market-style-card[data-market-style=soft] .ec-market-style-mini-main{border:1px solid color-mix(in oklab, var(--ec-market-tone) 20%, var(--border));border-radius:7px;overflow:hidden}.ec-market-style-card[data-market-style=data] .ec-market-style-mini-workspace{grid-template-columns:1fr 1.35fr 1fr;gap:2px;padding:3px}.ec-market-style-card[data-market-style=data] .ec-market-style-mini-workspace>span,.ec-market-style-card[data-market-style=data] .ec-market-style-preview{border-radius:0}.ec-market-style-card[data-market-style=cms] .ec-market-style-mini-workspace{grid-template-columns:1.05fr 2fr .7fr}.ec-market-style-card[data-market-style=cms] .ec-market-style-mini-canvas{background:color-mix(in oklab, var(--surface) 96%, var(--ec-market-tone))!important}.ec-market-style-card[data-market-style=commerce] .ec-market-style-mini-workspace{grid-template-columns:.8fr 1.35fr 1.35fr}.ec-market-style-card[data-market-style=commerce] .ec-market-style-mini-workspace>span{border-radius:6px}.ec-market-style-card[data-market-style=minimal] .ec-market-style-mini-workspace{grid-template-columns:.45fr 2.5fr .55fr}.ec-market-style-card[data-market-style=zen] .ec-market-style-preview{grid-template-columns:12px minmax(0,1fr)}.ec-market-style-card[data-market-style=zen] .ec-market-style-mini-workspace{grid-template-columns:.25fr 3fr .25fr}.ec-market-style-card[data-market-style=zen] .ec-market-style-mini-panel,.ec-market-style-card[data-market-style=zen] .ec-market-style-mini-inspector{opacity:.28}.ec-market-style-card[data-market-style=brutal] .ec-market-style-preview,.ec-market-style-card[data-market-style=brutal] .ec-market-style-mini-workspace>span,.ec-market-style-card[data-market-style=brutal] .ec-market-style-mini-sidebar,.ec-market-style-card[data-market-style=brutal] .ec-market-style-mini-main{border-color:var(--foreground);border-radius:0}.ec-market-style-copy{align-content:start;gap:3px;min-width:0;display:grid}.ec-market-style-heading{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.ec-market-style-heading strong{min-width:0;font-size:var(--ec-text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ec-market-style-heading>span{border:1px solid color-mix(in oklab, var(--ec-market-tone) 32%, var(--border));color:color-mix(in oklab, var(--ec-market-tone) 75%, var(--foreground));font:700 8px/1.25 var(--ec-font-mono);border-radius:999px;flex:none;padding:1px 4px}.ec-market-style-copy small,.ec-market-style-copy p{color:var(--muted-foreground);margin:0;font-size:9px;line-height:1.3}.ec-market-style-copy>p:not(.ec-market-style-recommended){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ec-market-style-traits{flex-wrap:wrap;gap:3px;padding-top:2px;display:flex}.ec-market-style-traits span{border:1px solid color-mix(in oklab, var(--ec-market-tone) 22%, var(--border));color:color-mix(in oklab, var(--ec-market-tone) 62%, var(--foreground));background:color-mix(in oklab, var(--ec-market-tone) 6%, var(--surface));border-radius:999px;padding:1px 4px;font-size:8px;font-weight:700}.ec-market-style-recommended{padding-top:1px}.ec-market-style-recommended strong{color:var(--foreground);font-weight:700}.ec-market-style-card>button{min-height:28px;font-size:9px;font-weight:750}:root[data-ec-motion=standard] .ec-app-shell[data-status=saving] .ec-app-shell-status-dot,:root[data-ec-motion=high] .ec-app-shell[data-status=saving] .ec-app-shell-status-dot{animation:1.15s ease-in-out infinite ec-market-status-pulse}:root[data-ec-motion=high] .ec-app-shell-navigation-link[aria-current=page] .ec-app-shell-navigation-icon{animation:1.8s ease-in-out infinite alternate ec-market-active-icon}:root[data-ec-market-layout] .ec-app-shell-navigation-link,:root[data-ec-market-layout] .ec-editor-region,:root[data-ec-market-layout] .ec-app-shell-topbar,:root[data-ec-market-layout] .ec-app-shell-statusbar{transition:border-color var(--ec-normal) var(--ec-ease-out), background-color var(--ec-normal) var(--ec-ease-out), box-shadow var(--ec-normal) var(--ec-ease-out), transform var(--ec-normal) var(--ec-ease-out)}:root[data-ec-market-layout] .ec-app-shell[data-status=error] .ec-app-shell-statusbar,:root[data-ec-market-layout] .ec-app-shell[data-status=blocked] .ec-app-shell-statusbar{border-top-color:color-mix(in oklab, var(--destructive) 48%, var(--border));color:color-mix(in oklab, var(--destructive) 72%, var(--foreground))}@keyframes ec-market-status-pulse{50%{box-shadow:0 0 0 6px color-mix(in oklab, var(--warning) 8%, transparent);transform:scale(1.35)}}@keyframes ec-market-active-icon{to{transform:translateY(-1px)scale(1.13)}}@keyframes ec-market-aurora-drift{0%,to{background-position:0 0,100% 100%}50%{background-position:30% 10%,70% 85%}}@keyframes ec-market-neo-bounce{45%{transform:translate(-1px,-2px)rotate(-5deg)scale(1.12)}}@keyframes ec-market-data-scan{0%,to{opacity:.55}50%{opacity:1;filter:drop-shadow(0 0 4px)}}:root[data-ec-market-layout=ide] .ec-app-shell-sidebar,:root[data-ec-market-layout=ide] .ec-app-shell-topbar,:root[data-ec-market-layout=ide] .ec-app-shell-statusbar,:root[data-ec-market-layout=ide] .ec-editor-region,:root[data-ec-market-layout=ide] .ec-editor-puck-preview>*{box-shadow:none;border-radius:0}:root[data-ec-market-layout=ide] .ec-app-shell-sidebar{background:color-mix(in oklab, var(--surface) 96%, black)}:root[data-ec-market-layout=ide] .ec-app-shell-topbar,:root[data-ec-market-layout=ide] .ec-app-shell-statusbar{background:color-mix(in oklab, var(--surface) 98%, black);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-ec-market-layout=ide] .ec-app-shell-navigation-link{border-radius:2px;min-height:26px}:root[data-ec-market-layout=ide] .ec-app-shell-navigation-link:hover{background:color-mix(in oklab, var(--primary) 8%, var(--surface));transform:none}:root[data-ec-market-layout=ide] .ec-app-shell-navigation-link[aria-current=page]{border-left-color:var(--primary);background:color-mix(in oklab, var(--primary) 13%, var(--surface))}:root[data-ec-market-layout=ide] .ec-app-shell-navigation-link[aria-current=page]:before{box-shadow:none;border-radius:0}:root[data-ec-market-layout=ide] .ec-editor-region-header{background:color-mix(in oklab, var(--surface) 96%, black);height:32px;font-family:var(--ec-font-mono)}:root[data-ec-market-layout=ide] .ec-editor-canvas-stage{background-size:12px 12px,100% 100%}:root[data-ec-market-layout=ide] .ec-app-shell[data-status=saving] .ec-app-shell-statusbar{background:color-mix(in oklab, var(--warning) 7%, var(--surface))}:root[data-ec-market-layout=canvas] .ec-app-shell-sidebar,:root[data-ec-market-layout=canvas] .ec-app-shell-topbar,:root[data-ec-market-layout=canvas] .ec-app-shell-statusbar{border:1px solid color-mix(in oklab, var(--primary) 18%, var(--border));background:color-mix(in oklab, var(--surface) 82%, transparent);box-shadow:0 12px 32px color-mix(in oklab, var(--overlay) 18%, transparent);-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);border-radius:14px}:root[data-ec-market-layout=canvas] .ec-app-shell-workspace{background:radial-gradient(circle at 30% 8%, color-mix(in oklab, var(--primary) 13%, transparent), transparent 32%), radial-gradient(circle at 80% 90%, color-mix(in oklab, var(--ec-cyan) 10%, transparent), transparent 28%), var(--surface-raised)}:root[data-ec-market-layout=canvas] .ec-app-shell-navigation-link{border-radius:9px}:root[data-ec-market-layout=canvas] .ec-app-shell-navigation-link:hover{transform:translate(2px)scale(1.01)}:root[data-ec-market-layout=canvas] .ec-editor-region{border-color:color-mix(in oklab, var(--primary) 14%, var(--border));background:color-mix(in oklab, var(--surface) 94%, transparent)}:root[data-ec-market-layout=canvas] .ec-editor-puck-preview>*{box-shadow:0 18px 48px color-mix(in oklab, var(--overlay) 20%, transparent);border-radius:16px}:root[data-ec-market-layout=canvas] .ec-app-shell[data-status=saving] .ec-app-shell-topbar{border-color:color-mix(in oklab, var(--warning) 32%, var(--border))}:root[data-ec-market-layout=cms] .ec-app-shell-sidebar{background:var(--surface);box-shadow:none}:root[data-ec-market-layout=cms] .ec-app-shell-navigation-group{border-bottom:1px solid color-mix(in oklab, var(--border) 70%, transparent);padding-bottom:5px}:root[data-ec-market-layout=cms] .ec-app-shell-navigation-group-label{letter-spacing:.04em;text-transform:none}:root[data-ec-market-layout=cms] .ec-app-shell-navigation-link{border-radius:6px;min-height:31px}:root[data-ec-market-layout=cms] .ec-app-shell-navigation-link[aria-current=page]{background:color-mix(in oklab, var(--primary) 9%, var(--surface))}:root[data-ec-market-layout=cms] .ec-editor-region-header{background:var(--surface);letter-spacing:0;font-family:var(--ec-font-sans)}:root[data-ec-market-layout=cms] .ec-editor-canvas-stage{background-image:none;background-color:color-mix(in oklab, var(--surface-raised) 92%, white)}:root[data-ec-market-layout=cms] .ec-editor-puck-preview>*{box-shadow:0 1px 3px color-mix(in oklab, var(--overlay) 8%, transparent);border-radius:6px}:root[data-ec-market-layout=commerce] .ec-app-shell-sidebar{background:color-mix(in oklab, var(--surface) 97%, var(--success))}:root[data-ec-market-layout=commerce] .ec-app-shell-navigation-link{border-radius:9px;min-height:32px}:root[data-ec-market-layout=commerce] .ec-app-shell-navigation-link[aria-current=page]{background:color-mix(in oklab, var(--success) 12%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--success) 18%, transparent)}:root[data-ec-market-layout=commerce] .ec-app-shell-topbar{background:color-mix(in oklab, var(--surface) 97%, var(--success))}:root[data-ec-market-layout=commerce] .ec-editor-region{border-radius:8px}:root[data-ec-market-layout=commerce] .ec-editor-puck-preview>*{border-radius:12px}:root[data-ec-market-layout=commerce] .ec-app-shell[data-status=saving] .ec-app-shell-statusbar{background:color-mix(in oklab, var(--warning) 8%, var(--surface))}:root[data-ec-market-layout=commerce] .ec-app-shell[data-status=ready] .ec-app-shell-statusbar{color:color-mix(in oklab, var(--success) 72%, var(--foreground))}:root[data-ec-market-layout=data] .ec-app-shell-sidebar,:root[data-ec-market-layout=data] .ec-app-shell-topbar,:root[data-ec-market-layout=data] .ec-app-shell-statusbar,:root[data-ec-market-layout=data] .ec-editor-region,:root[data-ec-market-layout=data] .ec-editor-puck-preview>*{border-color:color-mix(in oklab, var(--ec-amber) 22%, var(--border));box-shadow:none;border-radius:0}:root[data-ec-market-layout=data] .ec-app-shell-workspace,:root[data-ec-market-layout=data] .ec-editor-canvas-stage{background-image:linear-gradient(color-mix(in oklab, var(--ec-amber) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--ec-amber) 7%, transparent) 1px, transparent 1px);background-size:20px 20px}:root[data-ec-market-layout=data] .ec-app-shell-navigation-link{min-height:25px;font-family:var(--ec-font-mono);border-radius:0}:root[data-ec-market-layout=data] .ec-app-shell-navigation-link:hover .ec-app-shell-navigation-icon{transform:translate(2px)scale(1.08)}:root[data-ec-market-layout=data][data-ec-motion=standard] .ec-app-shell[data-status=saving] .ec-app-shell-status-dot,:root[data-ec-market-layout=data][data-ec-motion=high] .ec-app-shell[data-status=saving] .ec-app-shell-status-dot{animation:.7s steps(2,jump-none) infinite ec-market-data-scan}:root[data-ec-market-layout=minimal] .ec-app-shell-sidebar,:root[data-ec-market-layout=minimal] .ec-app-shell-topbar,:root[data-ec-market-layout=minimal] .ec-app-shell-statusbar{box-shadow:none;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-ec-market-layout=minimal] .ec-app-shell-navigation-group-label{opacity:.68}:root[data-ec-market-layout=minimal] .ec-app-shell-navigation-link{background:0 0;border-color:#0000}:root[data-ec-market-layout=minimal] .ec-app-shell-navigation-link:hover{background:color-mix(in oklab, var(--muted) 70%, transparent);transform:none}:root[data-ec-market-layout=minimal] .ec-app-shell-navigation-link[aria-current=page]{background:var(--muted);color:var(--foreground)}:root[data-ec-market-layout=minimal] .ec-app-shell-navigation-link[aria-current=page]:before{display:none}:root[data-ec-market-layout=minimal] .ec-editor-region-header{background:0 0}:root[data-ec-market-layout=glass] .ec-app-shell{background:radial-gradient(circle at 10% 10%, color-mix(in oklab, var(--ec-violet) 24%, transparent), transparent 30%), radial-gradient(circle at 90% 90%, color-mix(in oklab, var(--ec-rose) 18%, transparent), transparent 32%), var(--background);background-size:130% 130%,130% 130%,auto}:root[data-ec-market-layout=glass][data-ec-motion=high] .ec-app-shell{animation:10s ease-in-out infinite ec-market-aurora-drift}:root[data-ec-market-layout=glass] .ec-app-shell-sidebar,:root[data-ec-market-layout=glass] .ec-app-shell-topbar,:root[data-ec-market-layout=glass] .ec-app-shell-statusbar,:root[data-ec-market-layout=glass] .ec-editor-region{border-color:color-mix(in oklab, var(--primary) 24%, var(--border));background:color-mix(in oklab, var(--surface) 72%, transparent);box-shadow:0 16px 42px color-mix(in oklab, var(--primary) 10%, transparent);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%)}:root[data-ec-market-layout=glass] .ec-app-shell-navigation-link{border-radius:11px}:root[data-ec-market-layout=glass] .ec-app-shell-navigation-link:hover{box-shadow:0 6px 16px color-mix(in oklab, var(--primary) 10%, transparent);transform:translate(2px)translateY(-1px)}:root[data-ec-market-layout=glass] .ec-app-shell-navigation-link:hover .ec-app-shell-navigation-icon{filter:drop-shadow(0 0 5px);transform:rotate(-9deg)translateY(-2px)scale(1.18)}:root[data-ec-market-layout=glass] .ec-editor-puck-preview>*{box-shadow:0 20px 56px color-mix(in oklab, var(--primary) 12%, transparent);border-radius:16px}:root[data-ec-market-layout=brutal] .ec-app-shell-sidebar,:root[data-ec-market-layout=brutal] .ec-app-shell-topbar,:root[data-ec-market-layout=brutal] .ec-app-shell-statusbar,:root[data-ec-market-layout=brutal] .ec-editor-region,:root[data-ec-market-layout=brutal] .ec-editor-puck-preview>*{border:2px solid var(--foreground);box-shadow:4px 4px 0 color-mix(in oklab, var(--foreground) 82%, transparent);border-radius:0}:root[data-ec-market-layout=brutal] .ec-app-shell-navigation-link,:root[data-ec-market-layout=brutal] button,:root[data-ec-market-layout=brutal] input{border-radius:0}:root[data-ec-market-layout=brutal] .ec-app-shell-navigation-link:hover{box-shadow:2px 2px 0 var(--foreground);transform:translate(-1px,-1px)}:root[data-ec-market-layout=brutal][data-ec-motion=high] .ec-app-shell-navigation-link:hover svg,:root[data-ec-market-layout=brutal][data-ec-motion=high] button:hover:not(:disabled)>svg{animation:ec-market-neo-bounce .36s var(--ec-ease-out)}:root[data-ec-market-layout=brutal] .ec-app-shell[data-status=error] .ec-app-shell-statusbar,:root[data-ec-market-layout=brutal] .ec-app-shell[data-status=blocked] .ec-app-shell-statusbar{background:color-mix(in oklab, var(--destructive) 18%, var(--surface))}:root[data-ec-market-layout=soft] .ec-app-shell-sidebar,:root[data-ec-market-layout=soft] .ec-app-shell-topbar,:root[data-ec-market-layout=soft] .ec-app-shell-statusbar{background:color-mix(in oklab, var(--surface) 91%, var(--primary));box-shadow:0 12px 36px color-mix(in oklab, var(--overlay) 12%, transparent);border-color:#0000}:root[data-ec-market-layout=soft] .ec-app-shell-navigation-link{border-radius:10px}:root[data-ec-market-layout=soft] .ec-app-shell-navigation-link:hover{background:color-mix(in oklab, var(--primary) 8%, var(--surface));transform:translateY(-1px)}:root[data-ec-market-layout=soft] .ec-editor-region{box-shadow:0 10px 28px color-mix(in oklab, var(--overlay) 8%, transparent);border-color:#0000;border-radius:12px}:root[data-ec-market-layout=soft] .ec-editor-region-header{background:color-mix(in oklab, var(--surface) 94%, var(--primary));border-bottom-color:#0000}:root[data-ec-market-layout=zen] .ec-app-shell-sidebar,:root[data-ec-market-layout=zen] .ec-app-shell-topbar,:root[data-ec-market-layout=zen] .ec-app-shell-statusbar{box-shadow:none;background:var(--surface)}:root[data-ec-market-layout=zen] .ec-app-shell-topbar,:root[data-ec-market-layout=zen] .ec-app-shell-statusbar{color:color-mix(in oklab, var(--foreground) 72%, var(--muted-foreground))}:root[data-ec-market-layout=zen] .ec-app-shell-navigation-link{border-radius:10px;justify-content:center;padding-inline:0}:root[data-ec-market-layout=zen] .ec-app-shell-navigation-link:hover{background:var(--muted);transform:none}:root[data-ec-market-layout=zen] .ec-app-shell-navigation-link[aria-current=page]:before{box-shadow:none;position:absolute;left:0}:root[data-ec-market-layout=zen] .ec-app-shell-navigation-item{position:relative}:root[data-ec-market-layout=zen] .ec-editor-region-header{background:var(--surface)}:root[data-ec-market-layout=zen] .ec-editor-canvas-stage{background-image:none}:root[data-ec-market-layout=zen] .ec-editor-puck-preview>*{border-color:color-mix(in oklab, var(--border) 70%, transparent);box-shadow:none}@media (width>=1280px){:root[data-ec-market-layout=ide] .ec-app-shell{grid-template-columns:226px minmax(0,1fr)}:root[data-ec-market-layout=canvas] .ec-app-shell,:root[data-ec-market-layout=glass] .ec-app-shell{grid-template-columns:248px minmax(0,1fr);gap:8px;padding:8px}:root[data-ec-market-layout=cms] .ec-app-shell{grid-template-columns:276px minmax(0,1fr)}:root[data-ec-market-layout=commerce] .ec-app-shell{grid-template-columns:260px minmax(0,1fr)}:root[data-ec-market-layout=data] .ec-app-shell{grid-template-columns:238px minmax(0,1fr)}:root[data-ec-market-layout=minimal] .ec-app-shell{grid-template-columns:220px minmax(0,1fr)}:root[data-ec-market-layout=soft] .ec-app-shell{grid-template-columns:252px minmax(0,1fr);gap:5px;padding:5px}:root[data-ec-market-layout=zen] .ec-app-shell{grid-template-columns:72px minmax(0,1fr)}:root[data-ec-market-layout=zen] .ec-app-shell-brand{justify-content:center;padding-inline:0}:root[data-ec-market-layout=zen] .ec-app-shell-brand-label,:root[data-ec-market-layout=zen] .ec-app-shell-navigation-group-label,:root[data-ec-market-layout=zen] .ec-app-shell-navigation-label,:root[data-ec-market-layout=zen] .ec-app-shell-collapse-label{display:none}:root[data-ec-market-layout=zen] .ec-app-shell-navigation{padding-inline:5px}:root[data-ec-market-layout=zen] .ec-app-shell-collapse-trigger{justify-content:center;padding-inline:0}}@media (width<=767px){.ec-appearance-market-grid,.ec-appearance-framework-grid{grid-template-columns:1fr}.ec-market-style-card{min-height:0}.ec-market-style-preview{height:68px}:root[data-ec-market-layout=canvas] .ec-app-shell,:root[data-ec-market-layout=glass] .ec-app-shell,:root[data-ec-market-layout=soft] .ec-app-shell{gap:0;padding:0}:root[data-ec-market-layout=canvas] .ec-app-shell-topbar,:root[data-ec-market-layout=canvas] .ec-app-shell-statusbar,:root[data-ec-market-layout=glass] .ec-app-shell-topbar,:root[data-ec-market-layout=glass] .ec-app-shell-statusbar,:root[data-ec-market-layout=soft] .ec-app-shell-topbar,:root[data-ec-market-layout=soft] .ec-app-shell-statusbar{border-radius:0}}@media (width<=480px){.ec-market-family-filters{margin-inline:-2px}.ec-market-style-preview{height:62px}}@media (prefers-reduced-motion:reduce){.ec-market-style-card,.ec-market-style-mini-sidebar svg,:root[data-ec-market-layout=glass] .ec-app-shell,:root[data-ec-market-layout=brutal] .ec-app-shell-navigation-link:hover svg,:root[data-ec-market-layout=brutal] button:hover:not(:disabled)>svg,.ec-app-shell[data-status=saving] .ec-app-shell-status-dot,.ec-app-shell-navigation-link[aria-current=page] .ec-app-shell-navigation-icon{transition-duration:.01ms!important;animation:none!important}}.ec-editor-puck-preview{padding:var(--ec-editor-canvas-padding,12px)}.ec-appearance-sheet{gap:var(--ec-space-3);grid-template-rows:auto minmax(0,1fr) auto;width:min(94vw,400px);display:grid;overflow:hidden}.ec-appearance-sheet-mobile{width:100vw;max-width:none;height:100dvh}.ec-appearance-body{align-content:start;gap:var(--ec-space-3);overscroll-behavior:contain;min-height:0;padding-block:2px;display:grid;overflow:auto}.ec-appearance-presets,.ec-appearance-frameworks,.ec-appearance-section,.ec-appearance-help,.ec-appearance-warning,.ec-appearance-close-decision{gap:var(--ec-space-2);border:1px solid var(--border);border-radius:var(--ec-radius-md);padding:var(--ec-space-2);background:var(--surface);display:grid}.ec-appearance-frameworks{gap:var(--ec-space-2);border-color:color-mix(in oklab, var(--primary) 22%, var(--border));background:linear-gradient(145deg, color-mix(in oklab, var(--primary) 6%, var(--surface)), var(--surface) 55%);display:grid}.ec-appearance-frameworks-heading{justify-content:space-between;align-items:start;gap:8px;display:flex}.ec-appearance-frameworks-heading h3,.ec-appearance-frameworks-heading p{margin:0}.ec-appearance-frameworks-heading h3{font-size:var(--ec-text-xs)}.ec-appearance-frameworks-heading p{color:var(--muted-foreground);font-size:var(--ec-text-2xs);margin-top:2px;line-height:1.4}.ec-appearance-frameworks-heading>span{border:1px solid var(--border);color:var(--muted-foreground);font:650 var(--ec-text-2xs) / 1.2 var(--ec-font-mono);border-radius:999px;flex:none;padding:2px 6px}.ec-appearance-framework-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.ec-framework-theme-card{--ec-framework-tone:var(--primary);border:1px solid color-mix(in oklab, var(--ec-framework-tone) 22%, var(--border));background:linear-gradient(145deg, color-mix(in oklab, var(--ec-framework-tone) 10%, var(--surface)), var(--surface));min-width:0;min-height:126px;box-shadow:var(--ec-shadow-sm);isolation:isolate;transition:border-color var(--ec-fast) ease, transform var(--ec-fast) var(--ec-ease-out), box-shadow var(--ec-fast) ease;border-radius:8px;grid-template-rows:26px minmax(0,1fr) auto;gap:5px;padding:7px;display:grid;position:relative;overflow:hidden}.ec-framework-theme-card[data-framework-theme=aceternity-magic]{--ec-framework-tone:var(--ec-violet);color:var(--foreground);background:color-mix(in oklab, var(--background) 88%, var(--ec-violet))}.ec-framework-theme-card[data-framework-theme=daisyui]{--ec-framework-tone:var(--ec-emerald)}.ec-framework-theme-card[data-framework-theme=headlessui]{--ec-framework-tone:var(--ec-sky);box-shadow:none;border-radius:3px}.ec-framework-theme-card[data-framework-theme=ark-base]{--ec-framework-tone:var(--ec-amber);box-shadow:none;border-radius:2px}.ec-framework-theme-card[data-framework-theme=heroui]{--ec-framework-tone:var(--ec-rose);border-radius:13px}.ec-framework-theme-card:hover,.ec-framework-theme-card[data-state=selected]{border-color:color-mix(in oklab, var(--ec-framework-tone) 62%, var(--border));box-shadow:0 8px 22px color-mix(in oklab, var(--ec-framework-tone) 14%, transparent);transform:translateY(-1px)}.ec-framework-theme-card[data-state=selected]:after{z-index:3;background:var(--ec-framework-tone);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--ec-framework-tone) 16%, transparent);content:"";border-radius:999px;position:absolute;top:6px;right:6px}.ec-framework-theme-visual{z-index:2;grid-template-columns:1.4fr .8fr .55fr;align-items:end;gap:3px;display:grid;position:relative}.ec-framework-theme-visual span{border:1px solid color-mix(in oklab, var(--ec-framework-tone) 28%, var(--border));background:color-mix(in oklab, var(--ec-framework-tone) 18%, var(--surface-raised));border-radius:3px;height:16px;display:block}.ec-framework-theme-visual span:nth-child(2){height:21px}.ec-framework-theme-visual span:nth-child(3){background:var(--ec-framework-tone);height:12px}.ec-framework-theme-copy{z-index:2;align-content:start;gap:2px;min-width:0;display:grid;position:relative}.ec-framework-theme-copy strong{font-size:var(--ec-text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ec-framework-theme-copy small{-webkit-line-clamp:2;color:var(--muted-foreground);-webkit-box-orient:vertical;font-size:9px;line-height:1.3;display:-webkit-box;overflow:hidden}.ec-framework-theme-card button,.ec-framework-ark-actions{z-index:2;position:relative}.ec-framework-theme-card button,.ec-framework-apply{border:1px solid color-mix(in oklab, var(--ec-framework-tone) 35%, var(--border));background:color-mix(in oklab, var(--ec-framework-tone) 10%, var(--surface));min-height:26px;color:var(--foreground);cursor:pointer;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700}.ec-framework-theme-card button:focus-visible,.ec-framework-apply:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ec-framework-spotlight,.ec-framework-grid{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ec-framework-spotlight{width:150%;height:150%;color:var(--ec-violet);top:-42%;left:-28%}.ec-framework-grid{color:var(--ec-cyan);fill:currentColor;stroke:color-mix(in oklab, var(--ec-cyan) 22%, transparent);opacity:.35}.ec-framework-ark-actions{align-items:center;gap:5px;display:flex}.ec-framework-ark-actions .ec-framework-apply{flex:1}.ec-framework-ark-switch{background:color-mix(in oklab, var(--ec-amber) 25%, var(--muted));border-radius:999px;width:26px;height:15px;padding:2px;display:block}.ec-framework-ark-switch [data-part=thumb]{background:var(--ec-amber);border-radius:999px;width:11px;height:11px;display:block;transform:translate(9px)}.ec-appearance-section h3,.ec-appearance-presets p,.ec-appearance-help p,.ec-appearance-warning ul,.ec-appearance-close-decision p,.ec-appearance-system-note{margin:0}.ec-appearance-section h3{color:var(--foreground);font-size:var(--ec-text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:800}.ec-appearance-presets p,.ec-appearance-help p,.ec-appearance-system-note,.ec-appearance-close-decision p{color:var(--muted-foreground);font-size:var(--ec-text-xs);line-height:1.45}.ec-appearance-preset-row{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:6px;display:grid}.ec-appearance-name-field{color:var(--muted-foreground);font-size:var(--ec-text-xs);gap:6px;font-weight:650;display:grid}.ec-appearance-fieldset{border:0;min-width:0;margin:0;padding:0}.ec-appearance-fieldset+.ec-appearance-fieldset{border-top:1px solid var(--border);padding-top:var(--ec-space-2)}.ec-appearance-fieldset legend{color:var(--muted-foreground);font-size:var(--ec-text-xs);margin-bottom:6px;padding:0;font-weight:700}.ec-appearance-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.ec-appearance-choice-grid button{min-width:0}.ec-appearance-choice-grid button[aria-pressed=true]{border-color:var(--ring);box-shadow:inset 0 0 0 1px var(--ring)}.ec-appearance-warning{border-color:color-mix(in oklab, var(--destructive) 48%, var(--border));background:color-mix(in oklab, var(--destructive) 6%, var(--surface))}.ec-appearance-warning ul{color:var(--muted-foreground);font-size:var(--ec-text-xs);padding-left:1.1rem;line-height:1.45}.ec-appearance-help{border-left:3px solid var(--primary)}.ec-appearance-preview-hint{border-left:2px solid var(--border);padding-left:var(--ec-space-2);color:var(--muted-foreground);font-size:var(--ec-text-xs);margin:0;line-height:1.4}.ec-appearance-preview-hint[data-appearance-preview-active=true]{border-left-color:var(--primary);color:var(--foreground)}.ec-appearance-close-decision{z-index:2;border-color:var(--ring);box-shadow:var(--ec-shadow);position:sticky;bottom:0}.ec-appearance-close-decision>div,.ec-appearance-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.ec-appearance-close{justify-self:start}.ec-topbar-appearance-trigger svg,.ec-appearance-mobile-trigger svg{color:var(--primary)}@media (width<=480px){.ec-appearance-choice-grid,.ec-appearance-preset-row,.ec-appearance-close-decision>div{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-appearance-close-decision>div>:last-child{grid-column:1/-1}}:root{font-family:var(--ec-font-sans,Inter, ui-sans-serif, system-ui, sans-serif);background:var(--background);color:var(--foreground);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--background);min-width:320px;min-height:100dvh;color:var(--foreground);font-size:var(--ec-text-sm);margin:0}button,a,input,textarea,select{font:inherit}a{color:var(--primary);text-underline-offset:3px}a:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:3px}.ec-app-shell{isolation:isolate;grid-template-columns:var(--ec-shell-sidebar-width) minmax(0, 1fr);grid-template-rows:var(--ec-shell-topbar-height) minmax(0, 1fr) var(--ec-shell-statusbar-height);background:var(--background);width:100%;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.ec-skip-link{z-index:120;border:1px solid var(--ring);border-radius:var(--ec-radius-sm);background:var(--popover);color:var(--foreground);font-size:var(--ec-text-xs);box-shadow:var(--ec-shadow-panel);transition:transform var(--ec-fast) var(--ec-ease-out);padding:7px 10px;font-weight:700;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.ec-skip-link:focus{transform:translateY(0)}.ec-app-shell-sidebar{border-right:1px solid color-mix(in oklab, var(--primary) 15%, var(--border));background:linear-gradient(180deg, color-mix(in oklab, var(--surface) 95%, var(--primary)) 0%, var(--surface) 38%), var(--surface);min-width:0;min-height:0;box-shadow:4px 0 18px color-mix(in oklab, var(--overlay) 12%, transparent);grid-area:1/1/4;overflow:hidden}.ec-app-shell-brand{height:var(--ec-shell-topbar-height);border-bottom:1px solid color-mix(in oklab, var(--primary) 14%, var(--border));align-items:center;gap:10px;padding:0 12px;display:flex}.ec-app-shell-brand-mark{background:linear-gradient(145deg, var(--primary), var(--ec-violet));width:32px;height:32px;color:var(--primary-foreground);letter-spacing:-.03em;box-shadow:0 5px 14px color-mix(in oklab, var(--primary) 34%, transparent), inset 0 1px 0 #fff3;transition:transform var(--ec-normal) var(--ec-ease-out), box-shadow var(--ec-normal) ease;border:0;border-radius:9px;flex:0 0 32px;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:inline-flex;position:relative}.ec-app-shell-brand:hover .ec-app-shell-brand-mark{box-shadow:0 7px 18px color-mix(in oklab, var(--primary) 42%, transparent), inset 0 1px 0 #ffffff3d;transform:rotate(-4deg)scale(1.06)}.ec-app-shell-brand-label,.ec-app-shell-topbar-title{min-width:0;color:var(--foreground);font-size:var(--ec-text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ec-app-shell-nav-scroll{height:calc(100% - var(--ec-shell-topbar-height));background:0 0;border:0;border-radius:0}.ec-app-shell-navigation-list{gap:2px;margin:0;padding:8px;list-style:none;display:grid}.ec-app-shell-navigation-item{border-radius:var(--ec-radius-sm);min-width:0;min-height:30px;color:var(--muted-foreground);font-size:var(--ec-text-xs);align-items:center;gap:9px;padding:5px 8px;line-height:1.25;display:flex}.ec-app-shell-navigation-marker{background:var(--border);border-radius:999px;flex:0 0 6px;width:6px;height:6px}.ec-app-shell-navigation-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ec-app-shell-topbar{min-width:0;height:var(--ec-shell-topbar-height);border-bottom:1px solid color-mix(in oklab, var(--primary) 12%, var(--border));background:color-mix(in oklab, var(--surface) 94%, transparent);box-shadow:0 3px 16px color-mix(in oklab, var(--overlay) 8%, transparent);-webkit-backdrop-filter:blur(14px)saturate(135%);backdrop-filter:blur(14px)saturate(135%);grid-area:1/2;align-items:center;gap:8px;padding:0 10px;display:flex}.ec-app-shell-menu-trigger{display:none}.ec-app-shell-topbar-spacer{flex:1;min-width:0}.ec-app-shell-workspace{overscroll-behavior:contain;background:radial-gradient(circle at 88% 6%, color-mix(in oklab, var(--ec-violet) 7%, transparent), transparent 28%), radial-gradient(circle at 16% 100%, color-mix(in oklab, var(--ec-cyan) 6%, transparent), transparent 34%), var(--surface-raised);grid-area:2/2;min-width:0;min-height:0;overflow:auto}.ec-app-shell-empty{min-height:100%;color:var(--muted-foreground);font-size:var(--ec-text-sm);place-items:center;padding:24px;display:grid}.ec-app-shell-statusbar{min-width:0;height:var(--ec-shell-statusbar-height);border-top:1px solid var(--border);background:var(--surface);color:var(--muted-foreground);font-size:var(--ec-text-xs);white-space:nowrap;box-shadow:0 -1px 0 color-mix(in oklab, var(--border) 45%, transparent);grid-area:3/2;align-items:center;gap:7px;padding:0 10px;display:flex;overflow:hidden}.ec-app-shell-status-dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklab, var(--success) 16%, transparent);border-radius:999px;flex:0 0 6px}.ec-app-shell[data-status=saving] .ec-app-shell-status-dot{background:var(--warning);box-shadow:0 0 0 3px color-mix(in oklab, var(--warning) 18%, transparent)}.ec-app-shell[data-status=error] .ec-app-shell-status-dot,.ec-app-shell[data-status=blocked] .ec-app-shell-status-dot{background:var(--destructive);box-shadow:0 0 0 3px color-mix(in oklab, var(--destructive) 18%, transparent)}.ec-design-system button svg,.ec-design-system a svg{transition:transform var(--ec-fast) ease, color var(--ec-fast) ease;transform-origin:50%}.ec-design-system button:hover:not(:disabled)>svg,.ec-design-system a:hover>svg{transform:translateY(-1px)scale(1.06)}.ec-design-system button:active:not(:disabled)>svg,.ec-design-system a:active>svg{transform:scale(.92)}.ec-design-system [aria-label*=Configuración]:hover>svg,.ec-design-system [data-nav-item=tokens]:hover svg{transform:rotate(28deg)scale(1.06)}.ec-design-system [aria-label*=navegación]:hover>svg,.ec-design-system [aria-label*=menú]:hover>svg{transform:translate(2px)scaleX(.92)}.ec-design-system [data-nav-item=ai-generate]:hover svg{animation:ec-icon-spark .5s var(--ec-ease-out)}.ec-design-system [data-nav-item=deploy]:hover svg,.ec-design-system [data-nav-item=export]:hover svg{transform:translate(1px,-2px)scale(1.08)}@keyframes ec-icon-spark{45%{transform:rotate(12deg)scale(1.18)}}.ec-app-shell-mobile-sheet{grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px;display:grid}.ec-app-shell-mobile-sheet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.ec-app-shell-mobile-nav-scroll{background:0 0;border:0;border-radius:0;min-height:0}.workspace-bootstrap{width:min(100%,760px);min-width:0;margin:0 auto;padding:clamp(20px,3vw,32px)}.development-kicker,.route-label,.status-label{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.04}h2{margin-bottom:8px;font-size:1rem}.development-summary,.status-detail,.project-home p,.architecture-help p{color:var(--muted-foreground);line-height:1.6}.development-status,.project-home,.architecture-help{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.development-status{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.status-dot{background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 18%, transparent);border-radius:999px;margin-top:5px}.development-status[data-state=blocked] .status-dot{background:var(--destructive);box-shadow:0 0 0 4px color-mix(in oklab, var(--destructive) 18%, transparent)}.status-value{margin:4px 0;font-weight:700}.status-detail,.project-home p,.architecture-help p{margin-bottom:0}.architecture-help code{color:var(--foreground);font-family:var(--ec-font-mono);margin-top:12px;font-size:.78rem;display:inline-block}@media (width>=1024px) and (width<=1279px){.ec-app-shell{grid-template-columns:64px minmax(0,1fr)}.ec-app-shell-brand{justify-content:center;padding:0}.ec-app-shell-brand-label,.ec-app-shell-navigation{display:none}}@media (width<=1023px){.ec-app-shell{grid-template-columns:minmax(0,1fr)}.ec-app-shell-sidebar{display:none}.ec-app-shell-topbar,.ec-app-shell-workspace,.ec-app-shell-statusbar{grid-column:1}.ec-app-shell-menu-trigger{display:inline-flex}}@media (width<=767px){.ec-app-shell-topbar{padding-inline:6px}.ec-app-shell-mobile-sheet{width:min(100vw,360px)}.workspace-bootstrap{padding:20px 16px 28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ec-app-shell-sidebar{grid-template-rows:var(--ec-shell-topbar-height) minmax(0, 1fr) 36px;display:grid}.ec-app-shell-nav-scroll{height:100%}.ec-app-shell-navigation{padding:6px}.ec-app-shell-navigation-group+.ec-app-shell-navigation-group{margin-top:7px}.ec-app-shell-navigation-group-label{color:var(--muted-foreground);letter-spacing:.095em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0 0 2px;padding:0 7px;font-size:.5625rem;font-weight:800;line-height:17px;overflow:hidden}.ec-app-shell-navigation-list{gap:0;padding:0}.ec-app-shell-navigation-item{min-height:0;padding:0}.ec-app-shell-navigation-link{--ec-nav-tone:var(--primary);width:100%;min-width:0;min-height:28px;color:var(--muted-foreground);font-size:var(--ec-text-2xs);transition:color var(--ec-fast) ease, background-color var(--ec-fast) ease, transform var(--ec-fast) ease;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:4px 7px;font-weight:570;line-height:1.25;text-decoration:none;display:flex}.ec-app-shell-navigation-link[data-nav-group=build]{--ec-nav-tone:var(--ec-violet)}.ec-app-shell-navigation-link[data-nav-group=data]{--ec-nav-tone:var(--ec-cyan)}.ec-app-shell-navigation-link[data-nav-group=logic]{--ec-nav-tone:var(--ec-amber)}.ec-app-shell-navigation-link[data-nav-group=app]{--ec-nav-tone:var(--ec-sky)}.ec-app-shell-navigation-link[data-nav-group=resources]{--ec-nav-tone:var(--ec-rose)}.ec-app-shell-navigation-link[data-nav-group=appearance]{--ec-nav-tone:var(--ec-violet)}.ec-app-shell-navigation-link[data-nav-group=publish]{--ec-nav-tone:var(--ec-emerald)}.ec-app-shell-navigation-link:hover{border-color:color-mix(in oklab, var(--ec-nav-tone) 18%, transparent);background:color-mix(in oklab, var(--ec-nav-tone) 9%, var(--surface));color:var(--foreground);transform:translate(1px)}.ec-app-shell-navigation-link:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.ec-app-shell-navigation-link[aria-current=page]{border-color:color-mix(in oklab, var(--ec-nav-tone) 27%, transparent);background:linear-gradient(90deg, color-mix(in oklab, var(--ec-nav-tone) 18%, var(--surface)), transparent 92%);color:color-mix(in oklab, var(--ec-nav-tone) 82%, var(--foreground));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--ec-nav-tone) 12%, transparent);font-weight:700}.ec-app-shell-navigation-link[aria-current=page]:before{background:var(--ec-nav-tone);width:3px;height:16px;box-shadow:0 0 9px color-mix(in oklab, var(--ec-nav-tone) 48%, transparent);content:"";border-radius:999px;flex:0 0 3px}.ec-app-shell-navigation-icon{width:14px;height:14px;color:color-mix(in oklab, var(--ec-nav-tone) 70%, var(--muted-foreground));transition:color var(--ec-fast) ease, transform var(--ec-normal) var(--ec-ease-out);flex:0 0 14px}.ec-app-shell-navigation-link:hover .ec-app-shell-navigation-icon,.ec-app-shell-navigation-link[aria-current=page] .ec-app-shell-navigation-icon{color:var(--ec-nav-tone);transform:translate(1px)scale(1.1)}.ec-app-shell-sidebar-footer{border-top:1px solid var(--border);align-items:center;padding:4px 6px;display:flex}.ec-app-shell-collapse-trigger{justify-content:flex-start;width:100%}.ec-app-shell-collapse-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width>=1280px){.ec-app-shell[data-sidebar-collapsed=true]{grid-template-columns:64px minmax(0,1fr)}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-brand{justify-content:center;padding-inline:0}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-brand-label,.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-navigation-group-label,.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-navigation-label,.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-collapse-label{display:none}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-navigation{padding-inline:5px}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-navigation-link{justify-content:center;padding-inline:0}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-navigation-link[aria-current=page]:before{position:absolute;left:0}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-navigation-item{position:relative}.ec-app-shell[data-sidebar-collapsed=true] .ec-app-shell-collapse-trigger{justify-content:center;padding-inline:0}}@media (width>=1024px) and (width<=1279px){.ec-app-shell-sidebar{grid-template-rows:var(--ec-shell-topbar-height) minmax(0, 1fr)}.ec-app-shell-navigation{padding-inline:5px;display:block}.ec-app-shell-navigation-group-label,.ec-app-shell-navigation-label,.ec-app-shell-sidebar-footer{display:none}.ec-app-shell-navigation-link{justify-content:center;padding-inline:0}.ec-app-shell-navigation-link[aria-current=page]{position:relative}.ec-app-shell-navigation-link[aria-current=page]:before{position:absolute;left:0}}@media (width<=1023px){.ec-app-shell-sidebar{display:none}.ec-app-shell-mobile-sheet .ec-app-shell-navigation{padding:0}.ec-app-shell-mobile-sheet .ec-app-shell-navigation-group+.ec-app-shell-navigation-group{margin-top:10px}}@media (width<=767px){.ec-app-shell-mobile-sheet .ec-app-shell-navigation-link{min-height:44px}}.ec-topbar{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.ec-topbar-left,.ec-topbar-center,.ec-topbar-right,.ec-topbar-tool-cluster{align-items:center;min-width:0;display:flex}.ec-topbar-left{gap:5px;overflow:hidden}.ec-topbar-breadcrumb{min-width:0;color:var(--muted-foreground);font-size:var(--ec-text-2xs);white-space:nowrap;align-items:center;gap:4px;display:flex}.ec-topbar-breadcrumb strong{max-width:150px;color:var(--foreground);text-overflow:ellipsis;overflow:hidden}.ec-topbar-project,.ec-topbar-save,.ec-topbar-local,.ec-topbar-tool{border:1px solid var(--border);min-height:24px;color:var(--muted-foreground);font-size:var(--ec-text-2xs);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.ec-topbar-save[data-save-state=error],.ec-topbar-save[data-save-state=blocked]{border-color:color-mix(in oklab, var(--destructive) 40%, var(--border));background:color-mix(in oklab, var(--destructive) 9%, transparent);color:var(--destructive)}.ec-topbar-save[data-save-state=saving]{border-color:color-mix(in oklab, var(--warning) 45%, var(--border));background:color-mix(in oklab, var(--warning) 10%, transparent);color:color-mix(in oklab, var(--warning) 82%, var(--foreground))}.ec-topbar-save[data-save-state=ready]{border-color:color-mix(in oklab, var(--success) 35%, var(--border));background:color-mix(in oklab, var(--success) 8%, transparent);color:color-mix(in oklab, var(--success) 76%, var(--foreground))}.ec-topbar-center{flex:1;justify-content:center}.ec-topbar-tool-cluster{border:1px solid color-mix(in oklab, var(--primary) 14%, var(--border));background:color-mix(in oklab, var(--background) 84%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--foreground) 5%, transparent);border-radius:7px;gap:2px;padding:2px}.ec-topbar-tool-cluster .ec-topbar-tool{background:0 0;border:0}.ec-topbar-tool[data-topbar-tool=document] svg{color:var(--ec-violet)}.ec-topbar-tool[data-topbar-tool=platform] svg{color:var(--ec-cyan)}.ec-topbar-tool[data-topbar-tool=breakpoint] svg{color:var(--ec-amber)}.ec-topbar-tool[data-topbar-tool=zoom] svg{color:var(--ec-sky)}.ec-topbar-tool svg,.ec-topbar-right svg,.ec-topbar-tool-cluster button svg{width:15px;height:15px}.ec-topbar-right{gap:3px;margin-left:auto}.ec-topbar-preview,.ec-topbar-export{border:1px solid color-mix(in oklab, var(--primary) 22%, var(--border))}.ec-topbar-preview{color:color-mix(in oklab, var(--ec-violet) 78%, var(--foreground));background:color-mix(in oklab, var(--ec-violet) 7%, transparent)}.ec-topbar-export{box-shadow:0 4px 13px color-mix(in oklab, var(--primary) 28%, transparent);border-color:#0000;background:linear-gradient(135deg, var(--primary), color-mix(in oklab, var(--primary) 64%, var(--ec-violet)))!important;color:var(--primary-foreground)!important}.ec-topbar-export:hover{filter:brightness(1.06);box-shadow:0 6px 18px color-mix(in oklab, var(--primary) 36%, transparent)}.ec-topbar-tools-trigger{display:none}.ec-topbar-local-dot{background:var(--primary);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 13%, transparent);border-radius:999px}.ec-topbar-sheet{grid-template-rows:auto minmax(0,1fr);gap:16px;display:grid}.ec-topbar-sheet-body{align-content:start;gap:14px;min-height:0;padding-top:4px;display:grid;overflow:auto}.ec-topbar-sheet .ec-topbar-tool-cluster{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ec-topbar-sheet .ec-topbar-tool{min-height:36px}.ec-topbar-help-list{color:var(--muted-foreground);font-size:var(--ec-text-xs);gap:8px;margin:0;padding-left:18px;line-height:1.5;display:grid}.ec-topbar-settings-section{gap:8px;display:grid}.ec-topbar-settings-section h2,.ec-topbar-setting-row p{margin:0}.ec-topbar-settings-section h2{font-size:var(--ec-text-sm);align-items:center;gap:6px;display:flex}.ec-topbar-settings-section h2 svg{width:14px;height:14px;color:var(--primary)}.ec-topbar-setting-row{border:1px solid var(--border);border-radius:var(--ec-radius-md);background:color-mix(in oklab, var(--surface-raised) 72%, transparent);min-width:0;font-size:var(--ec-text-xs);justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex}.ec-topbar-setting-row p{color:var(--muted-foreground);margin-top:3px}@media (width<=1439px){.ec-topbar-center{display:none}.ec-topbar-tools-trigger{display:inline-flex}}@media (width<=1279px){.ec-topbar-project{display:none}}@media (width<=1023px){.ec-app-shell-topbar{padding-inline:8px}.ec-topbar-preview,.ec-topbar-export,.ec-topbar-local,.ec-topbar-breadcrumb-root,.ec-topbar-save{display:none}}@media (width<=767px){.ec-app-shell-topbar{gap:4px;padding-inline:6px}.ec-topbar{gap:4px}.ec-topbar-left{flex:1}.ec-topbar-breadcrumb strong{max-width:min(32vw,120px)}.ec-topbar-action-label{display:none}.ec-topbar-tools-trigger,.ec-topbar-help-trigger,.ec-topbar-settings-trigger{justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding-inline:0}}.ec-editor-workspace,.ec-editor-desktop-layout,.ec-editor-responsive-layout,.ec-editor-responsive-canvas,.ec-editor-laptop-content,.ec-editor-region,.ec-editor-region-body,.ec-editor-canvas-stage,.ec-editor-puck-preview{min-width:0;min-height:0}.ec-editor-workspace{background:color-mix(in oklab, var(--surface-raised) 92%, var(--primary));width:100%;height:100%;overflow:hidden}.ec-resizable-tri-pane{grid-template-columns:var(--ec-resizable-left) 10px minmax(0, 1fr) 10px var(--ec-resizable-right);width:100%;height:100%;display:grid;overflow:hidden}.ec-resizable-tri-pane-left,.ec-resizable-tri-pane-center,.ec-resizable-tri-pane-right{min-width:0;min-height:0;overflow:hidden}.ec-resizable-pane-handle{z-index:3;cursor:col-resize;touch-action:none;background:color-mix(in oklab, var(--surface) 94%, var(--primary));outline:none;justify-content:center;align-items:center;min-width:10px;height:100%;display:flex;position:relative}.ec-resizable-pane-handle:before{content:"";background:var(--border);width:1px;height:100%}.ec-resizable-pane-handle:hover:before,.ec-resizable-pane-handle:focus-visible:before{background:var(--ring);width:2px}.ec-resizable-pane-handle:focus-visible{box-shadow:inset 0 0 0 2px var(--ring)}.ec-resizable-pane-grip{background:var(--muted-foreground);opacity:0;border-radius:999px;width:4px;height:28px;transition:opacity .12s;position:absolute}.ec-resizable-pane-handle:hover .ec-resizable-pane-grip,.ec-resizable-pane-handle:focus-visible .ec-resizable-pane-grip{opacity:.55}.ec-editor-region{--ec-panel-tone:var(--primary);border-top:1px solid color-mix(in oklab, var(--ec-panel-tone) 22%, var(--border));background:var(--surface);grid-template-rows:36px minmax(0,1fr);width:100%;height:100%;display:grid;overflow:hidden}.ec-editor-region[data-editor-region=context]{--ec-panel-tone:var(--ec-violet)}.ec-editor-region[data-editor-region=canvas]{--ec-panel-tone:var(--ec-cyan)}.ec-editor-region[data-editor-region=inspector]{--ec-panel-tone:var(--ec-amber)}.ec-editor-region[data-editor-region=canvas]{background:var(--surface-raised)}.ec-editor-region-header{border-bottom:1px solid color-mix(in oklab, var(--ec-panel-tone) 18%, var(--border));background:linear-gradient(90deg, color-mix(in oklab, var(--ec-panel-tone) 8%, var(--surface)), var(--surface) 55%);height:36px;color:var(--foreground);font-size:var(--ec-text-xs);letter-spacing:-.01em;align-items:center;gap:7px;padding:0 7px;font-weight:750;display:flex}.ec-editor-region-actions{min-width:0;color:var(--muted-foreground);align-items:center;gap:4px;margin-left:auto;font-size:10px;font-weight:600;display:flex}.ec-editor-region-actions span{border:1px solid var(--border);background:color-mix(in oklab, var(--background) 88%, var(--ec-panel-tone));border-radius:5px;padding:1px 5px}.ec-editor-region-header svg{background:color-mix(in oklab, var(--ec-panel-tone) 13%, transparent);width:20px;height:20px;color:var(--ec-panel-tone);transition:transform var(--ec-normal) var(--ec-ease-out);border-radius:5px;padding:3px}.ec-editor-region:hover>.ec-editor-region-header>svg{transform:rotate(-4deg)scale(1.07)}.ec-editor-region-body{overscroll-behavior:contain;overflow:auto}.ec-editor-region[data-editor-region=canvas] .ec-editor-region-body{overflow:hidden}.ec-editor-structural-notice{border-bottom:1px solid var(--border);color:var(--muted-foreground);font-size:var(--ec-text-2xs);margin:0;padding:6px 8px;line-height:1.45}.ec-editor-puck-slot{border-bottom:1px solid var(--border);min-width:0}.ec-editor-canvas-stage{background-color:var(--surface-raised);background-image:radial-gradient(color-mix(in oklab, var(--ec-cyan) 22%, transparent) .75px, transparent .75px), radial-gradient(circle at 50% 0%, color-mix(in oklab, var(--ec-cyan) 6%, transparent), transparent 42%);background-size:14px 14px,100% 100%;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;display:grid;position:relative;overflow:hidden}.ec-editor-puck-preview{width:100%;height:100%;padding:var(--ec-editor-canvas-padding,18px);scrollbar-gutter:stable;overflow:auto}.ec-editor-puck-preview>*{border:1px solid color-mix(in oklab, var(--ec-cyan) 18%, var(--border));background:var(--surface);width:min(100%,1120px);min-height:calc(100% - 4px);box-shadow:var(--ec-shadow-panel);border-radius:9px;margin-inline:auto;overflow:hidden}.ec-editor-panel-tabs{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--surface) 96%, var(--primary));grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:stretch;min-height:36px;padding:3px 4px 0;display:grid}.ec-editor-panel-tab{min-width:0;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px 6px 0 0;justify-content:center;align-items:center;gap:4px;padding:4px 3px 6px;font-size:9.5px;font-weight:650;display:inline-flex;position:relative;overflow:hidden}.ec-editor-panel-tab:hover{background:color-mix(in oklab, var(--primary) 7%, var(--muted));color:var(--foreground)}.ec-editor-panel-tab[aria-selected=true]{color:var(--primary);background:color-mix(in oklab, var(--primary) 8%, transparent)}.ec-editor-panel-tab svg{width:12px;height:12px;transition:transform var(--ec-normal) var(--ec-ease-out);flex:0 0 12px}.ec-editor-panel-tab:hover svg{transform:translateY(-1px)rotate(-4deg)scale(1.08)}.ec-editor-panel-tab[aria-selected=true]:after{background:var(--primary);content:"";border-radius:999px;height:2px;position:absolute;bottom:0;left:8px;right:8px}.ec-editor-panel-tab:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.ec-editor-tab-panel{min-height:0;overflow:auto}.ec-editor-panel-empty{border:1px dashed var(--border);background:color-mix(in oklab, var(--background) 90%, var(--primary));font-size:var(--ec-text-xs);border-radius:8px;justify-items:start;gap:8px;margin:8px;padding:10px;display:grid}.ec-editor-panel-empty p{color:var(--muted-foreground);margin:0;line-height:1.45}.ec-editor-context-tabs,.ec-editor-inspector{background:var(--surface);grid-template-rows:36px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.ec-editor-context-tabs{height:100%}.ec-editor-responsive-layout{grid-template-rows:38px minmax(0,1fr);width:100%;height:100%;display:grid;overflow:hidden}.ec-editor-responsive-toolbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;min-width:0;height:38px;padding:4px 8px;display:flex}.ec-editor-responsive-mode-label{min-width:0;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.ec-editor-responsive-canvas,.ec-editor-laptop-content{height:100%;overflow:hidden}.ec-editor-laptop-content{grid-template-columns:240px minmax(0,1fr);display:grid}.ec-editor-laptop-content>.ec-editor-region[data-editor-region=context]{border-right:1px solid var(--border)}.ec-editor-tool-sheet{grid-template-rows:auto minmax(0,1fr);gap:10px;display:grid;overflow:hidden}.ec-editor-tool-sheet-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding-bottom:10px;display:grid}.ec-editor-tool-sheet-body{min-height:0;overflow:hidden}.ec-editor-tool-sheet-body>.ec-editor-region{border:1px solid var(--border);border-radius:var(--ec-radius-md)}@media (width<=1023px){.ec-editor-tool-sheet{width:min(92vw,380px)}}@media (width<=767px){.ec-editor-responsive-toolbar{gap:6px;padding-inline:6px}.ec-editor-responsive-toolbar .ec-button-label-optional{display:none}.ec-editor-tool-sheet{width:min(100vw,380px);padding:12px}.ec-editor-puck-preview{padding:var(--ec-editor-canvas-padding,8px)}.ec-editor-region-actions span:first-child{display:none}}@media (width>=768px) and (width<=1023px){.ec-app-shell{grid-template-columns:56px minmax(0,1fr)}.ec-app-shell-sidebar{grid-area:1/1/4;min-width:0;display:grid}.ec-app-shell-topbar,.ec-app-shell-workspace,.ec-app-shell-statusbar{grid-column:2}.ec-app-shell-brand{justify-content:center;padding-inline:0}.ec-app-shell-sidebar .ec-app-shell-brand-label,.ec-app-shell-sidebar .ec-app-shell-navigation-group-label,.ec-app-shell-sidebar .ec-app-shell-navigation-label,.ec-app-shell-sidebar .ec-app-shell-sidebar-footer{display:none}.ec-app-shell-sidebar .ec-app-shell-navigation{padding-inline:4px;display:block}.ec-app-shell-sidebar .ec-app-shell-navigation-link{justify-content:center;min-height:44px;padding-inline:0}.ec-app-shell-sidebar .ec-app-shell-navigation-link[aria-current=page]{position:relative}.ec-app-shell-sidebar .ec-app-shell-navigation-link[aria-current=page]:before{position:absolute;left:0}.ec-app-shell-menu-trigger{display:inline-flex}.ec-editor-responsive-layout[data-editor-responsive-mode=tablet]{grid-template-rows:52px minmax(0,1fr)}.ec-editor-responsive-layout[data-editor-responsive-mode=tablet] .ec-editor-responsive-toolbar{height:52px}.ec-editor-responsive-layout[data-editor-responsive-mode=tablet] .ec-editor-responsive-toolbar button{min-height:44px}}.ec-editor-mobile-layout,.ec-editor-mobile-canvas,.ec-editor-mobile-sheet-body,.ec-editor-mobile-puck-panel{min-width:0;min-height:0}.ec-editor-mobile-layout{grid-template-rows:minmax(0,1fr) 58px;width:100%;height:100%;display:grid;overflow:hidden}.ec-editor-mobile-canvas{overflow:hidden}.ec-editor-mobile-dock{border-top:1px solid var(--border);background:color-mix(in oklab, var(--surface) 94%, transparent);height:58px;box-shadow:0 -8px 24px color-mix(in oklab, var(--overlay) 12%, transparent);-webkit-backdrop-filter:blur(14px)saturate(135%);backdrop-filter:blur(14px)saturate(135%);grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;display:grid}.ec-editor-mobile-action{--ec-mobile-tone:var(--primary);min-width:0;min-height:58px;color:var(--muted-foreground);background:0 0;border:0;border-radius:0;grid-template-rows:22px auto;align-content:center;justify-items:center;gap:2px;padding:4px 2px;font-size:10px;font-weight:650;line-height:1.1;text-decoration:none;display:grid}.ec-editor-mobile-action[data-mobile-destination=components]{--ec-mobile-tone:var(--ec-violet)}.ec-editor-mobile-action[data-mobile-destination=screens]{--ec-mobile-tone:var(--ec-cyan)}.ec-editor-mobile-action[data-mobile-destination=canvas]{--ec-mobile-tone:var(--ec-sky)}.ec-editor-mobile-action[data-mobile-destination=properties]{--ec-mobile-tone:var(--ec-amber)}.ec-editor-mobile-action.ec-appearance-mobile-trigger{--ec-mobile-tone:var(--primary)}.ec-editor-mobile-action[data-mobile-destination=more]{--ec-mobile-tone:var(--ec-rose)}.ec-editor-mobile-action:hover,.ec-editor-mobile-action:focus-visible,.ec-editor-mobile-action[aria-current=page],.ec-editor-mobile-action[aria-pressed=true]{background:color-mix(in oklab, var(--ec-mobile-tone) 10%, var(--surface));color:var(--ec-mobile-tone)}.ec-editor-mobile-action[aria-current=page]:before,.ec-editor-mobile-action[aria-pressed=true]:before{background:var(--ec-mobile-tone);width:28px;height:2px;box-shadow:0 0 10px color-mix(in oklab, var(--ec-mobile-tone) 45%, transparent);content:"";border-radius:999px;position:absolute;top:0}.ec-editor-mobile-action{transition:color var(--ec-fast) ease, background-color var(--ec-fast) ease;position:relative}.ec-editor-mobile-action:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.ec-editor-mobile-action svg{width:20px;height:20px;color:color-mix(in oklab, var(--ec-mobile-tone) 74%, var(--muted-foreground));transition:transform var(--ec-normal) var(--ec-ease-out)}.ec-editor-mobile-action:hover svg,.ec-editor-mobile-action:focus-visible svg,.ec-editor-mobile-action[aria-current=page] svg,.ec-editor-mobile-action[aria-pressed=true] svg{transform:translateY(-2px)scale(1.08)}.ec-editor-mobile-action span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.ec-editor-mobile-bottom-sheet{grid-template-rows:auto minmax(0,1fr);gap:10px;height:min(76dvh,640px);padding:12px;display:grid;overflow:hidden}.ec-editor-mobile-full-sheet{grid-template-rows:auto minmax(0,1fr);gap:10px;max-width:none;padding:12px;display:grid;overflow:hidden;width:100vw!important}.ec-editor-mobile-sheet-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding-bottom:10px;display:grid}.ec-editor-mobile-sheet-header button{width:44px;min-width:44px;height:44px;min-height:44px}.ec-editor-mobile-sheet-body{overscroll-behavior:contain;overflow:auto}.ec-editor-mobile-puck-panel{height:100%;overflow:auto}.ec-editor-canvas-stage:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}@media (width<=767px){.ec-app-shell-topbar{padding-inline:4px}.ec-editor-responsive-toolbar{display:none}.ec-editor-tool-sheet{width:100vw}}.ec-ia-disclosure-trigger{text-align:left;border-radius:0;justify-content:flex-start;width:100%;min-height:34px;padding-inline:0}.ec-ia-disclosure-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ec-ia-disclosure-badge{border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;flex:none;padding:2px 6px;font-size:10px;line-height:1.2}.ec-ia-disclosure-chevron{width:16px;height:16px;color:var(--muted-foreground);flex:0 0 16px;transition:transform .12s}.ec-ia-disclosure-trigger[data-state=open] .ec-ia-disclosure-chevron{transform:rotate(180deg)}.ec-ia-disclosure-summary{color:var(--muted-foreground);margin:-2px 0 0;font-size:11px;line-height:1.45}.ec-ia-disclosure-content{border-top:1px solid var(--border);margin-top:8px;padding-top:10px}.ec-ia-diagnostic-alert{border-left:3px solid var(--destructive);background:color-mix(in oklab, var(--destructive) 7%, transparent);gap:3px;padding:8px 10px;display:grid}.ec-ia-diagnostic-alert strong{font-size:12px}.ec-ia-diagnostic-alert p,.ec-ia-setting-detail p,.ec-ia-inspector-section>p{color:var(--muted-foreground);margin:0;font-size:11px;line-height:1.5}.ec-ia-setting-detail,.ec-ia-inspector-section{gap:8px;display:grid}.ec-ia-setting-detail-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.ec-ia-setting-detail-row strong,.ec-ia-inspector-section h3{margin:0;font-size:12px;font-weight:650}.ec-ia-setting-detail-value{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.ec-ia-route{grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;min-height:100%;display:grid;overflow:hidden}.ec-ia-route-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;min-height:54px;padding:8px 14px;display:flex}.ec-ia-route-header h1,.ec-ia-route-header h2{margin:0;font-size:14px;line-height:1.2}.ec-ia-route-kicker{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;margin:0 0 3px;font-size:10px;font-weight:700}.ec-ia-list-detail{grid-template-columns:minmax(240px,34%) minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.ec-ia-list-region,.ec-ia-detail-region,.ec-ia-module-empty{overscroll-behavior:contain;min-width:0;min-height:0;padding:12px 14px;overflow:auto}.ec-ia-list-region{border-right:1px solid var(--border)}.ec-ia-list-region h2{margin:0;font-size:12px}.ec-ia-module-empty{align-content:start;display:grid}.ec-editor-region[data-editor-region=inspector] .ec-ia-disclosure-trigger,.ec-topbar-settings-section .ec-ia-disclosure-trigger{min-height:32px}@media (width<=767px){.ec-ia-list-detail{grid-template-rows:minmax(180px,42%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.ec-ia-list-region{border-right:0;border-bottom:1px solid var(--border)}.ec-ia-route-header,.ec-ia-list-region,.ec-ia-detail-region,.ec-ia-module-empty{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.ec-ia-disclosure-chevron{transition:none}}.ec-project-home{width:min(100%,1440px);min-width:0;margin-inline:auto;padding:16px 20px 28px;overflow:auto}.ec-project-home>header{justify-content:space-between;align-items:end;gap:20px;padding-bottom:12px;display:flex}.ec-project-home>header p{font-size:var(--ec-text-xs);margin:0}.ec-project-title{align-items:center;gap:8px;display:flex}.ec-project-title-icon{border:1px solid color-mix(in oklab, var(--ec-violet) 28%, var(--border));background:linear-gradient(145deg, color-mix(in oklab, var(--ec-violet) 18%, var(--surface)), var(--surface));width:30px;height:30px;color:var(--ec-violet);box-shadow:var(--ec-shadow-sm);border-radius:8px;place-items:center;display:grid}.ec-project-title-icon svg{width:15px;height:15px;transition:transform var(--ec-normal) var(--ec-ease-out)}.ec-project-title:hover .ec-project-title-icon svg{transform:rotate(8deg)scale(1.08)}.ec-project-title h1{letter-spacing:-.025em;margin:0;font-size:1.2rem}.ec-project-toolbar{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 94%, transparent);min-height:40px;box-shadow:var(--ec-shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9px;align-items:center;gap:8px;padding:4px;display:flex}.ec-project-toolbar input{max-width:280px}.ec-project-search{width:min(280px,100%);position:relative}.ec-project-search>svg{z-index:1;width:14px;height:14px;color:var(--ec-violet);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.ec-project-search input{padding-left:30px}.ec-project-toolbar select{border:1px solid var(--border);background:var(--background);border-radius:6px;height:36px;padding:0 10px}.ec-project-view{display:flex}.ec-project-new{background:linear-gradient(135deg, var(--primary), color-mix(in oklab, var(--primary) 60%, var(--ec-violet)));box-shadow:0 5px 16px color-mix(in oklab, var(--primary) 25%, transparent);transition:transform var(--ec-fast) var(--ec-ease-out), box-shadow var(--ec-fast) ease;border-color:#0000;margin-left:auto}.ec-project-new:hover:not(:disabled){box-shadow:0 7px 20px color-mix(in oklab, var(--primary) 32%, transparent);transform:translateY(-1px)}.ec-project-collection{gap:10px;margin-top:14px;display:grid}.ec-project-collection--grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr))}.ec-project-card{border:1px solid var(--border);background:linear-gradient(160deg, color-mix(in oklab, var(--surface) 94%, var(--ec-violet)), var(--surface) 45%);transition:border-color var(--ec-fast), box-shadow var(--ec-fast), transform var(--ec-fast);border-radius:9px;overflow:hidden}.ec-project-card:hover{border-color:color-mix(in oklab, var(--primary) 38%, var(--border));box-shadow:var(--ec-shadow-panel);transform:translateY(-1px)}.ec-project-open{width:100%;color:inherit;text-align:left;background:0 0;border:0;gap:8px;padding:12px;display:grid}.ec-project-open>span{background-color:var(--surface-raised);background-image:radial-gradient(color-mix(in oklab, var(--muted-foreground) 22%, transparent) .7px, transparent .7px);min-height:104px;color:var(--ec-violet);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ec-violet) 12%, transparent);background-size:12px 12px;border-radius:6px;place-items:center;font-size:1rem;font-weight:800;display:grid}.ec-project-card>div{border-top:1px solid var(--border);padding:4px}.ec-project-empty{text-align:center;margin:48px auto}.ec-project-home [role=alert]{border:1px solid color-mix(in oklab, var(--destructive) 38%, var(--border));border-left:3px solid var(--destructive);background:color-mix(in oklab, var(--destructive) 8%, var(--surface));color:var(--destructive);font-size:var(--ec-text-xs);border-radius:8px;margin-top:12px;padding:10px 12px}@media (width<=767px){.ec-project-home{padding:12px}.ec-project-home>header{display:block}.ec-project-toolbar{flex-direction:column;align-items:stretch}.ec-project-toolbar input{max-width:none}.ec-project-search{width:100%}.ec-project-view{display:none}.ec-project-new{margin-left:0}.ec-project-collection--grid{grid-template-columns:1fr}.ec-project-collection--list .ec-project-card,.ec-project-collection--list .ec-project-open{grid-template-columns:1fr;display:grid}}.ec-project-wizard-backdrop{z-index:80;background:#0008;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ec-project-wizard{border:1px solid var(--border);background:var(--surface);width:min(760px,100%);max-height:90dvh;box-shadow:var(--ec-shadow);border-radius:12px;padding:18px;overflow:auto}.ec-project-wizard>header,.ec-project-wizard>footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.ec-project-wizard ol{grid-template-columns:repeat(4,1fr);gap:4px;padding:0;list-style:none;display:grid}.ec-project-wizard li{text-align:center;background:var(--muted);border-radius:6px;padding:8px}.ec-project-wizard li[aria-current=step]{background:var(--accent);color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary);font-weight:700}.ec-project-wizard-body{align-content:start;gap:12px;min-height:220px;padding:20px 0;display:grid}.ec-project-wizard fieldset{border:1px solid var(--border);border-radius:8px;gap:10px;display:grid}.ec-project-card-actions{flex-wrap:wrap;display:flex}.ec-project-card-actions button{min-height:28px;font-size:10px}.ec-project-collection--list{grid-template-columns:1fr}.ec-project-collection--list .ec-project-card{grid-template-columns:minmax(0,1fr) auto;display:grid}.ec-project-collection--list .ec-project-open{grid-template-columns:54px minmax(0,1fr) auto;align-items:center}.ec-project-collection--list .ec-project-open>span{min-height:44px}.ec-project-collection--list .ec-project-card>div{border-top:0;border-left:1px solid var(--border);align-items:center}@media (width<=767px){.ec-project-wizard-backdrop{padding:0}.ec-project-wizard{border-radius:0;width:100%;height:100dvh;max-height:none}.ec-project-wizard ol{font-size:12px}.ec-project-collection--list .ec-project-card,.ec-project-collection--list .ec-project-open{grid-template-columns:1fr}}