npm - made-refine - Versions diffs - 0.2.21 → 0.3.0 - Mend

made-refine 0.2.21 → 0.3.0

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

Files changed (21) hide show

package/dist/index.d.mts +2 -2
package/dist/index.d.ts +2 -2
package/dist/index.js +998 -715
package/dist/index.js.map +1 -1
package/dist/index.mjs +998 -715
package/dist/index.mjs.map +1 -1
package/dist/preload/preload.js +3 -1
package/dist/preload.js +3 -1
package/dist/preload.js.map +1 -1
package/dist/preload.mjs +3 -1
package/dist/preload.mjs.map +1 -1
package/dist/styles.css +1 -1
package/dist/{utils-Byovnuwg.d.mts → utils-ovHeRo0g.d.mts} +16 -15
package/dist/{utils-Byovnuwg.d.ts → utils-ovHeRo0g.d.ts} +16 -15
package/dist/utils.d.mts +1 -1
package/dist/utils.d.ts +1 -1
package/dist/utils.js +256 -192
package/dist/utils.js.map +1 -1
package/dist/utils.mjs +256 -192
package/dist/utils.mjs.map +1 -1
package/package.json +12 -1

package/dist/index.js CHANGED Viewed

@@ -87,7 +87,7 @@ var React8 = __toESM(require("react"));
 var React = __toESM(require("react"));
 // dist/styles.css
-var styles_default = '/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@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-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--leading-relaxed:1.625;--radius-sm:calc(.5rem - 4px);--radius-md:calc(.5rem - 2px);--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:#e6e6e6;--color-ring:#262626;--color-background:#fff;--color-foreground:#171717;--color-primary:#171717;--color-primary-foreground:#fafafa;--color-secondary-foreground:#171717;--color-destructive:#ef4444;--color-destructive-foreground:#fafafa;--color-muted:#f2f2f2;--color-muted-foreground:#737373;--color-popover-foreground:#171717}}@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,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root,:host{color-scheme:light;color:var(--color-foreground)}@media (prefers-color-scheme:dark){:root,:host(:not([data-theme])),:host([data-theme=system]){color-scheme:dark;color:var(--color-foreground);--color-border:#2e2e2e;--color-input:#2e2e2e;--color-ring:#d4d4d4;--color-background:#121212;--color-foreground:#fafafa;--color-primary:#fafafa;--color-primary-foreground:#171717;--color-secondary:#262626;--color-secondary-foreground:#fafafa;--color-destructive:#7f1d1d;--color-destructive-foreground:#fafafa;--color-muted:#262626;--color-muted-foreground:#a3a3a3;--color-accent:#262626;--color-accent-foreground:#fafafa;--color-popover:#171717;--color-popover-foreground:#fafafa}}:host([data-theme=dark]){color-scheme:dark;color:var(--color-foreground);--color-border:#2e2e2e;--color-input:#2e2e2e;--color-ring:#d4d4d4;--color-background:#121212;--color-foreground:#fafafa;--color-primary:#fafafa;--color-primary-foreground:#171717;--color-secondary:#262626;--color-secondary-foreground:#fafafa;--color-destructive:#7f1d1d;--color-destructive-foreground:#fafafa;--color-muted:#262626;--color-muted-foreground:#a3a3a3;--color-accent:#262626;--color-accent-foreground:#fafafa;--color-popover:#171717;--color-popover-foreground:#fafafa}*,:before,:after{--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-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--color-background);--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;border-color:var(--color-border)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.left-1\\.5{left:calc(var(--spacing)*1.5)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.isolate{isolation:isolate}.z-\\[99990\\]{z-index:99990}.z-\\[99991\\]{z-index:99991}.z-\\[99998\\]{z-index:99998}.z-\\[99999\\]{z-index:99999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing)*4)}.mx-0\\.5{margin-inline:calc(var(--spacing)*.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.my-0\\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2\\.5{margin-top:calc(var(--spacing)*2.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.list-item{display:list-item}.table{display:table}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-2\\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-full{width:100%;height:100%}.h-0\\.5{height:calc(var(--spacing)*.5)}.h-2{height:calc(var(--spacing)*2)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-\\[150px\\]{height:150px}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-\\[240px\\]{max-height:240px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\\[18px\\]{min-height:18px}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-14{width:calc(var(--spacing)*14)}.w-\\[1\\.5px\\]{width:1.5px}.w-\\[60px\\]{width:60px}.w-\\[68px\\]{width:68px}.w-\\[180px\\]{width:180px}.w-\\[200px\\]{width:200px}.w-\\[240px\\]{width:240px}.w-\\[260px\\]{width:260px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[120px\\]{min-width:120px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-\\(--transform-origin\\){transform-origin:var(--transform-origin)}.-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)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.\\[appearance\\:textfield\\]{appearance:textfield}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[0fr\\]{grid-template-columns:0fr}.grid-cols-\\[1fr\\]{grid-template-columns:1fr}.grid-rows-\\[0fr\\]{grid-template-rows:0fr}.grid-rows-\\[1fr\\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-\\[2px\\]{gap:2px}.gap-\\[4px\\]{gap:4px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-\\[6px\\]{border-radius:6px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\\[border-top-style\\:solid\\]{border-top-style:solid}.\\[border-right-style\\:dashed\\]{border-right-style:dashed}.\\[border-bottom-style\\:dashed\\]{border-bottom-style:dashed}.\\[border-bottom-style\\:dotted\\]{border-bottom-style:dotted}.\\[border-bottom-style\\:solid\\]{border-bottom-style:solid}.\\[border-left-style\\:double\\]{border-left-style:double}.\\[border-left-style\\:solid\\]{border-left-style:solid}.border-border{border-color:var(--color-border)}.border-border\\/30{border-color:#e6e6e64d}@supports (color:color-mix(in lab, red, red)){.border-border\\/30{border-color:color-mix(in oklab,var(--color-border)30%,transparent)}}.border-border\\/50{border-color:#e6e6e680}@supports (color:color-mix(in lab, red, red)){.border-border\\/50{border-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.border-foreground\\/10{border-color:#1717171a}@supports (color:color-mix(in lab, red, red)){.border-foreground\\/10{border-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-\\[canvas\\]{background-color:canvas}.bg-background{background-color:var(--color-background)}.bg-background\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-background\\/85{background-color:color-mix(in oklab,var(--color-background)85%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--color-border)}.bg-destructive{background-color:var(--color-destructive)}.bg-foreground{background-color:var(--color-foreground)}.bg-foreground\\/25{background-color:#17171740}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/25{background-color:color-mix(in oklab,var(--color-foreground)25%,transparent)}}.bg-muted{background-color:var(--color-muted)}.bg-muted-foreground\\/30{background-color:#7373734d}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\\/30{background-color:color-mix(in oklab,var(--color-muted-foreground)30%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.fill-border{fill:var(--color-border)}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\\.5{padding-block:calc(var(--spacing)*3.5)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2\\.5{padding-top:calc(var(--spacing)*2.5)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-\\[13px\\]{padding-top:13px}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-7{padding-left:calc(var(--spacing)*7)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.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))}.text-\\[7px\\]{font-size:7px}.text-\\[9px\\]{font-size:9px}.text-\\[10px\\]{font-size:10px}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.\\[overflow-wrap\\:anywhere\\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-background{color:var(--color-background)}.text-blue-500{color:var(--color-blue-500)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(0\\,0\\,0\\,0\\.3\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_4px_6px_-1px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--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)}.ring-white{--tw-ring-color:var(--color-white)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-border{outline-color:var(--color-border)}.outline-foreground\\/10{outline-color:#1717171a}@supports (color:color-mix(in lab, red, red)){.outline-foreground\\/10{outline-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.outline-red-500\\/70{outline-color:#fb2c36b3}@supports (color:color-mix(in lab, red, red)){.outline-red-500\\/70{outline-color:color-mix(in oklab,var(--color-red-500)70%,transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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\\]{transition-property:color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,background-color\\,color\\]{transition-property:opacity,background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[transform\\,scale\\,opacity\\]{transition-property:transform,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[-ms-overflow-style\\:none\\]{-ms-overflow-style:none}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.fade-in-0{--tw-enter-opacity:0}.running{animation-play-state:running}.zoom-in-95{--tw-enter-scale:.95}@media (hover:hover){.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\/pin\\:inline:is(:where(.group\\/pin):hover *){display:inline}}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.placeholder\\:text-red-400::placeholder{color:var(--color-red-400)}.focus-within\\:ring-1:focus-within{--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)}.focus-within\\:ring-ring:focus-within{--tw-ring-color:var(--color-ring)}.focus-within\\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}.focus-within\\:ring-inset:focus-within{--tw-ring-inset:inset}@media (hover:hover){.hover\\:scale-\\[1\\.67\\]:hover{scale:1.67}.hover\\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\\:bg-destructive\\/90:hover{background-color:#ef4444e6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--color-destructive)90%,transparent)}}.hover\\:bg-foreground\\/80:hover{background-color:#171717cc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/80:hover{background-color:color-mix(in oklab,var(--color-foreground)80%,transparent)}}.hover\\:bg-muted:hover{background-color:var(--color-muted)}.hover\\:bg-muted-foreground\\/10:hover{background-color:#7373731a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted-foreground\\/10:hover{background-color:color-mix(in oklab,var(--color-muted-foreground)10%,transparent)}}.hover\\:bg-muted\\/50:hover{background-color:#f2f2f280}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/50:hover{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.hover\\:bg-muted\\/80:hover{background-color:#f2f2f2cc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/80:hover{background-color:color-mix(in oklab,var(--color-muted)80%,transparent)}}.hover\\:bg-primary\\/90:hover{background-color:#171717e6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\\:text-foreground:hover{color:var(--color-foreground)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-lg:hover{--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)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-1:focus-visible{--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)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-ending-style\\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-ending-style\\:opacity-0[data-ending-style]{opacity:0}.data-instant\\:transition-none[data-instant]{transition-property:none}.data-starting-style\\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-starting-style\\:opacity-0[data-starting-style]{opacity:0}.data-\\[highlighted\\]\\:bg-muted[data-highlighted]{background-color:var(--color-muted)}.data-\\[highlighted\\]\\:bg-muted\\/50[data-highlighted]{background-color:#f2f2f280}@supports (color:color-mix(in lab, red, red)){.data-\\[highlighted\\]\\:bg-muted\\/50[data-highlighted]{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.data-\\[highlighted\\]\\:text-foreground[data-highlighted]{color:var(--color-foreground)}@media (prefers-color-scheme:dark){.dark\\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\\:-outline-offset-1{outline-offset:calc(1px*-1)}}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-3\\.5 svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button{appearance:none}.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none;animation:none}}.lucide{stroke-width:1px}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}';
+var styles_default = '/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@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-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--leading-relaxed:1.625;--radius-sm:calc(.5rem - 4px);--radius-md:calc(.5rem - 2px);--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:#e6e6e6;--color-ring:#262626;--color-background:#fff;--color-foreground:#171717;--color-primary:#171717;--color-primary-foreground:#fafafa;--color-secondary-foreground:#171717;--color-destructive:#ef4444;--color-destructive-foreground:#fafafa;--color-muted:#f2f2f2;--color-muted-foreground:#737373;--color-popover-foreground:#171717}}@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,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root,:host{color-scheme:light;color:var(--color-foreground)}@media (prefers-color-scheme:dark){:root,:host(:not([data-theme])),:host([data-theme=system]){color-scheme:dark;color:var(--color-foreground);--color-border:#2e2e2e;--color-input:#2e2e2e;--color-ring:#d4d4d4;--color-background:#121212;--color-foreground:#fafafa;--color-primary:#fafafa;--color-primary-foreground:#171717;--color-secondary:#262626;--color-secondary-foreground:#fafafa;--color-destructive:#7f1d1d;--color-destructive-foreground:#fafafa;--color-muted:#262626;--color-muted-foreground:#a3a3a3;--color-accent:#262626;--color-accent-foreground:#fafafa;--color-popover:#171717;--color-popover-foreground:#fafafa}}:host([data-theme=dark]){color-scheme:dark;color:var(--color-foreground);--color-border:#2e2e2e;--color-input:#2e2e2e;--color-ring:#d4d4d4;--color-background:#121212;--color-foreground:#fafafa;--color-primary:#fafafa;--color-primary-foreground:#171717;--color-secondary:#262626;--color-secondary-foreground:#fafafa;--color-destructive:#7f1d1d;--color-destructive-foreground:#fafafa;--color-muted:#262626;--color-muted-foreground:#a3a3a3;--color-accent:#262626;--color-accent-foreground:#fafafa;--color-popover:#171717;--color-popover-foreground:#fafafa}*,:before,:after{--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-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--color-background);--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;border-color:var(--color-border)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.left-1\\.5{left:calc(var(--spacing)*1.5)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.isolate{isolation:isolate}.z-\\[99990\\]{z-index:99990}.z-\\[99991\\]{z-index:99991}.z-\\[99998\\]{z-index:99998}.z-\\[99999\\]{z-index:99999}.\\!container{width:100%!important}@media (min-width:40rem){.\\!container{max-width:40rem!important}}@media (min-width:48rem){.\\!container{max-width:48rem!important}}@media (min-width:64rem){.\\!container{max-width:64rem!important}}@media (min-width:80rem){.\\!container{max-width:80rem!important}}@media (min-width:96rem){.\\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing)*4)}.mx-0\\.5{margin-inline:calc(var(--spacing)*.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.my-0\\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2\\.5{margin-top:calc(var(--spacing)*2.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.list-item{display:list-item}.table{display:table}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-2\\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-full{width:100%;height:100%}.h-0\\.5{height:calc(var(--spacing)*.5)}.h-2{height:calc(var(--spacing)*2)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-\\[150px\\]{height:150px}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-\\[240px\\]{max-height:240px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\\[18px\\]{min-height:18px}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-14{width:calc(var(--spacing)*14)}.w-\\[1\\.5px\\]{width:1.5px}.w-\\[60px\\]{width:60px}.w-\\[68px\\]{width:68px}.w-\\[180px\\]{width:180px}.w-\\[200px\\]{width:200px}.w-\\[240px\\]{width:240px}.w-\\[260px\\]{width:260px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[120px\\]{min-width:120px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-\\(--transform-origin\\){transform-origin:var(--transform-origin)}.-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)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.\\[appearance\\:textfield\\]{appearance:textfield}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[0fr\\]{grid-template-columns:0fr}.grid-cols-\\[1fr\\]{grid-template-columns:1fr}.grid-rows-\\[0fr\\]{grid-template-rows:0fr}.grid-rows-\\[1fr\\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-\\[2px\\]{gap:2px}.gap-\\[4px\\]{gap:4px}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-\\[6px\\]{border-radius:6px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl{border-top-left-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.\\[border-top-style\\:solid\\]{border-top-style:solid}.\\[border-right-style\\:dashed\\]{border-right-style:dashed}.\\[border-bottom-style\\:dashed\\]{border-bottom-style:dashed}.\\[border-bottom-style\\:dotted\\]{border-bottom-style:dotted}.\\[border-bottom-style\\:solid\\]{border-bottom-style:solid}.\\[border-left-style\\:double\\]{border-left-style:double}.\\[border-left-style\\:solid\\]{border-left-style:solid}.border-border{border-color:var(--color-border)}.border-border\\/30{border-color:#e6e6e64d}@supports (color:color-mix(in lab, red, red)){.border-border\\/30{border-color:color-mix(in oklab,var(--color-border)30%,transparent)}}.border-border\\/50{border-color:#e6e6e680}@supports (color:color-mix(in lab, red, red)){.border-border\\/50{border-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.border-foreground\\/10{border-color:#1717171a}@supports (color:color-mix(in lab, red, red)){.border-foreground\\/10{border-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-\\[canvas\\]{background-color:canvas}.bg-background{background-color:var(--color-background)}.bg-background\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-background\\/85{background-color:color-mix(in oklab,var(--color-background)85%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--color-border)}.bg-destructive{background-color:var(--color-destructive)}.bg-foreground{background-color:var(--color-foreground)}.bg-foreground\\/25{background-color:#17171740}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/25{background-color:color-mix(in oklab,var(--color-foreground)25%,transparent)}}.bg-muted{background-color:var(--color-muted)}.bg-muted-foreground\\/30{background-color:#7373734d}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\\/30{background-color:color-mix(in oklab,var(--color-muted-foreground)30%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.fill-border{fill:var(--color-border)}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\\.5{padding-block:calc(var(--spacing)*3.5)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2\\.5{padding-top:calc(var(--spacing)*2.5)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-\\[13px\\]{padding-top:13px}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-7{padding-left:calc(var(--spacing)*7)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.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))}.text-\\[7px\\]{font-size:7px}.text-\\[9px\\]{font-size:9px}.text-\\[10px\\]{font-size:10px}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.\\[overflow-wrap\\:anywhere\\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-background{color:var(--color-background)}.text-blue-500{color:var(--color-blue-500)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_rgba\\(0\\,0\\,0\\,0\\.3\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_4px_6px_-1px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[inset_0_0_0_1px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--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)}.ring-white{--tw-ring-color:var(--color-white)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-border{outline-color:var(--color-border)}.outline-foreground\\/10{outline-color:#1717171a}@supports (color:color-mix(in lab, red, red)){.outline-foreground\\/10{outline-color:color-mix(in oklab,var(--color-foreground)10%,transparent)}}.outline-red-500\\/70{outline-color:#fb2c36b3}@supports (color:color-mix(in lab, red, red)){.outline-red-500\\/70{outline-color:color-mix(in oklab,var(--color-red-500)70%,transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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\\]{transition-property:color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,background-color\\,color\\]{transition-property:opacity,background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[transform\\,scale\\,opacity\\]{transition-property:transform,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[-ms-overflow-style\\:none\\]{-ms-overflow-style:none}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.fade-in-0{--tw-enter-opacity:0}.running{animation-play-state:running}.zoom-in-95{--tw-enter-scale:.95}@media (hover:hover){.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\/pin\\:inline:is(:where(.group\\/pin):hover *){display:inline}}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.placeholder\\:text-red-400::placeholder{color:var(--color-red-400)}.focus-within\\:ring-1:focus-within{--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)}.focus-within\\:ring-ring:focus-within{--tw-ring-color:var(--color-ring)}.focus-within\\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}.focus-within\\:ring-inset:focus-within{--tw-ring-inset:inset}@media (hover:hover){.hover\\:scale-\\[1\\.67\\]:hover{scale:1.67}.hover\\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\\:bg-destructive\\/90:hover{background-color:#ef4444e6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--color-destructive)90%,transparent)}}.hover\\:bg-foreground\\/80:hover{background-color:#171717cc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/80:hover{background-color:color-mix(in oklab,var(--color-foreground)80%,transparent)}}.hover\\:bg-muted:hover{background-color:var(--color-muted)}.hover\\:bg-muted-foreground\\/10:hover{background-color:#7373731a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted-foreground\\/10:hover{background-color:color-mix(in oklab,var(--color-muted-foreground)10%,transparent)}}.hover\\:bg-muted\\/50:hover{background-color:#f2f2f280}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/50:hover{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.hover\\:bg-muted\\/80:hover{background-color:#f2f2f2cc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/80:hover{background-color:color-mix(in oklab,var(--color-muted)80%,transparent)}}.hover\\:bg-primary\\/90:hover{background-color:#171717e6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\\:text-foreground:hover{color:var(--color-foreground)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-lg:hover{--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)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-1:focus-visible{--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)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-ending-style\\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-ending-style\\:opacity-0[data-ending-style]{opacity:0}.data-instant\\:transition-none[data-instant]{transition-property:none}.data-starting-style\\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-starting-style\\:opacity-0[data-starting-style]{opacity:0}.data-\\[highlighted\\]\\:bg-muted[data-highlighted]{background-color:var(--color-muted)}.data-\\[highlighted\\]\\:bg-muted\\/50[data-highlighted]{background-color:#f2f2f280}@supports (color:color-mix(in lab, red, red)){.data-\\[highlighted\\]\\:bg-muted\\/50[data-highlighted]{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}}.data-\\[highlighted\\]\\:text-foreground[data-highlighted]{color:var(--color-foreground)}@media (prefers-color-scheme:dark){.dark\\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\\:-outline-offset-1{outline-offset:calc(1px*-1)}}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-3\\.5 svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button{appearance:none}.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none;animation:none}}.lucide{stroke-width:1px}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}';
 // src/portal-container.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -572,14 +572,7 @@ function getReactComponentInfo(element) {
   }
   return { ...getRenderStack(fiber), elementSourceFile };
 }
-var EXCLUDED_PROP_KEYS = /* @__PURE__ */ new Set([
-  "className",
-  "style",
-  "children",
-  "ref",
-  "key",
-  "render"
-]);
+var EXCLUDED_PROP_KEYS = /* @__PURE__ */ new Set(["className", "style", "children", "ref", "key", "render"]);
 function serializePropValue(value) {
   if (typeof value === "function") return "[function]";
   if (typeof value === "symbol") return void 0;
@@ -690,19 +683,7 @@ function classifyComponentFiber(fiber, frames, elementSourceFile) {
   return { isComponentPrimitive: false };
 }
-// src/utils.ts
-function clamp(value, min, max) {
-  if (!Number.isFinite(value)) return min;
-  if (max < min) return min;
-  return Math.max(min, Math.min(max, value));
-}
-function isInputFocused() {
-  let active = document.activeElement;
-  while (active?.shadowRoot?.activeElement) {
-    active = active.shadowRoot.activeElement;
-  }
-  return active instanceof HTMLInputElement || active instanceof HTMLTextAreaElement || active instanceof HTMLElement && active.isContentEditable;
-}
+// src/utils/computed-styles.ts
 function getComputedStyles(element) {
   const computed = window.getComputedStyle(element);
   return {
@@ -811,6 +792,255 @@ function getOriginalInlineStyles(element) {
   }
   return styles;
 }
+function getComputedTypography(element) {
+  const computed = window.getComputedStyle(element);
+  let textVerticalAlign = "flex-start";
+  if (computed.display === "flex" || computed.display === "inline-flex") {
+    const alignItems = computed.alignItems;
+    if (alignItems === "center") textVerticalAlign = "center";
+    else if (alignItems === "flex-end" || alignItems === "end") textVerticalAlign = "flex-end";
+  }
+  const lineHeight = computed.lineHeight === "normal" ? {
+    numericValue: parseFloat(computed.fontSize) * 1.2,
+    unit: "px",
+    raw: `${Math.round(parseFloat(computed.fontSize) * 1.2)}px`
+  } : parsePropertyValue(computed.lineHeight);
+  const fontSize = parseFloat(computed.fontSize);
+  let letterSpacing;
+  if (computed.letterSpacing === "normal") {
+    letterSpacing = { numericValue: 0, unit: "em", raw: "0em" };
+  } else {
+    const parsed = parsePropertyValue(computed.letterSpacing);
+    if (parsed.unit === "px" && fontSize > 0) {
+      const emValue = Math.round(parsed.numericValue / fontSize * 100) / 100;
+      letterSpacing = { numericValue: emValue, unit: "em", raw: `${emValue}em` };
+    } else {
+      letterSpacing = parsed;
+    }
+  }
+  return {
+    fontFamily: computed.fontFamily,
+    fontWeight: computed.fontWeight,
+    fontSize: parsePropertyValue(computed.fontSize),
+    lineHeight,
+    letterSpacing,
+    textAlign: computed.textAlign,
+    textVerticalAlign
+  };
+}
+function getComputedSizing(element) {
+  return {
+    width: getSizingValue(element, "width"),
+    height: getSizingValue(element, "height")
+  };
+}
+var TEXT_ELEMENT_TAGS = /* @__PURE__ */ new Set([
+  "p",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "span",
+  "label",
+  "a",
+  "strong",
+  "em",
+  "small",
+  "blockquote",
+  "li",
+  "td",
+  "th",
+  "caption",
+  "figcaption",
+  "legend",
+  "dt",
+  "dd",
+  "abbr",
+  "cite",
+  "code",
+  "pre"
+]);
+function hasDirectNonWhitespaceText(element) {
+  return Array.from(element.childNodes).some(
+    (node) => node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim())
+  );
+}
+var TRANSPARENT_COLOR = { hex: "000000", alpha: 0, raw: "transparent" };
+function isVisibleBorderSide(side) {
+  return side.style !== "none" && side.style !== "hidden" && parseFloat(side.width) > 0;
+}
+function hasVisibleOutline(computed) {
+  return computed.outlineStyle !== "none" && parseFloat(computed.outlineWidth) > 0;
+}
+function parseVisibleColor(value, fallbackCurrentColor) {
+  const raw = value.trim();
+  const lowered = raw.toLowerCase();
+  if (!raw || lowered === "none" || lowered === "transparent") {
+    return null;
+  }
+  const resolved = /^currentcolor$/i.test(raw) ? fallbackCurrentColor ?? raw : raw;
+  const parsed = parseColorValue(resolved);
+  if (parsed.alpha <= 0) {
+    return null;
+  }
+  return parsed;
+}
+function addUniqueColor(colors, color) {
+  if (!color) return;
+  colors.set(`${color.hex}:${color.alpha}`, color);
+}
+function isTextRenderingFormControl(element) {
+  if (element instanceof HTMLTextAreaElement) return true;
+  if (element instanceof HTMLSelectElement) return true;
+  if (element instanceof HTMLButtonElement) return true;
+  if (element instanceof HTMLInputElement) {
+    const textlessInputTypes = /* @__PURE__ */ new Set([
+      "hidden",
+      "checkbox",
+      "radio",
+      "range",
+      "color",
+      "file",
+      "image"
+    ]);
+    return !textlessInputTypes.has(element.type.toLowerCase());
+  }
+  return false;
+}
+function hasRenderableTextNode(element) {
+  if (element.isContentEditable) return true;
+  if (isTextRenderingFormControl(element)) return true;
+  if (!element.textContent?.trim()) return false;
+  if (hasDirectNonWhitespaceText(element)) return true;
+  const tagName = element.tagName.toLowerCase();
+  return TEXT_ELEMENT_TAGS.has(tagName) || element.children.length === 0;
+}
+function getComputedBoxShadow(element) {
+  const computed = window.getComputedStyle(element);
+  const value = computed.boxShadow.trim();
+  return value || "none";
+}
+function getComputedColorStyles(element) {
+  const computed = window.getComputedStyle(element);
+  const borderSides = [
+    {
+      style: computed.borderTopStyle,
+      width: computed.borderTopWidth,
+      color: computed.borderTopColor
+    },
+    {
+      style: computed.borderRightStyle,
+      width: computed.borderRightWidth,
+      color: computed.borderRightColor
+    },
+    {
+      style: computed.borderBottomStyle,
+      width: computed.borderBottomWidth,
+      color: computed.borderBottomColor
+    },
+    {
+      style: computed.borderLeftStyle,
+      width: computed.borderLeftWidth,
+      color: computed.borderLeftColor
+    }
+  ];
+  const visibleBorderSide = borderSides.find((side) => isVisibleBorderSide(side));
+  const hasBorder = Boolean(visibleBorderSide);
+  const hasOutline = hasVisibleOutline(computed);
+  return {
+    backgroundColor: parseColorValue(computed.backgroundColor),
+    color: parseColorValue(computed.color),
+    borderColor: hasBorder && visibleBorderSide ? parseColorValue(visibleBorderSide.color) : TRANSPARENT_COLOR,
+    outlineColor: hasOutline ? parseColorValue(computed.outlineColor) : TRANSPARENT_COLOR
+  };
+}
+function getSelectionColors(element) {
+  const uniqueColors = /* @__PURE__ */ new Map();
+  const queue = [element];
+  for (let index = 0; index < queue.length; index++) {
+    const node = queue[index];
+    const computed = window.getComputedStyle(node);
+    if (computed.display === "none") {
+      continue;
+    }
+    const isVisibilityHidden = computed.visibility === "hidden" || computed.visibility === "collapse";
+    const currentTextColor = computed.color;
+    if (!isVisibilityHidden) {
+      addUniqueColor(uniqueColors, parseVisibleColor(computed.backgroundColor));
+      if (node instanceof HTMLElement && hasRenderableTextNode(node)) {
+        addUniqueColor(uniqueColors, parseVisibleColor(currentTextColor));
+      }
+      const borderSides = [
+        {
+          style: computed.borderTopStyle,
+          width: computed.borderTopWidth,
+          color: computed.borderTopColor
+        },
+        {
+          style: computed.borderRightStyle,
+          width: computed.borderRightWidth,
+          color: computed.borderRightColor
+        },
+        {
+          style: computed.borderBottomStyle,
+          width: computed.borderBottomWidth,
+          color: computed.borderBottomColor
+        },
+        {
+          style: computed.borderLeftStyle,
+          width: computed.borderLeftWidth,
+          color: computed.borderLeftColor
+        }
+      ];
+      for (const side of borderSides) {
+        if (!isVisibleBorderSide(side)) continue;
+        addUniqueColor(uniqueColors, parseVisibleColor(side.color, currentTextColor));
+      }
+      if (hasVisibleOutline(computed)) {
+        addUniqueColor(uniqueColors, parseVisibleColor(computed.outlineColor, currentTextColor));
+      }
+      if (node instanceof SVGElement) {
+        const fillColor = parseVisibleColor(computed.getPropertyValue("fill"), currentTextColor) ?? parseVisibleColor(node.getAttribute("fill") ?? "", currentTextColor);
+        const strokeColor = parseVisibleColor(computed.getPropertyValue("stroke"), currentTextColor) ?? parseVisibleColor(node.getAttribute("stroke") ?? "", currentTextColor);
+        addUniqueColor(uniqueColors, fillColor);
+        addUniqueColor(uniqueColors, strokeColor);
+      }
+    }
+    for (const child of node.children) {
+      queue.push(child);
+    }
+  }
+  return Array.from(uniqueColors.values());
+}
+function getAllComputedStyles(element) {
+  const { spacing, borderRadius, flex } = getComputedStyles(element);
+  return {
+    spacing,
+    borderRadius,
+    border: getComputedBorderStyles(element),
+    flex,
+    sizing: getComputedSizing(element),
+    color: getComputedColorStyles(element),
+    boxShadow: getComputedBoxShadow(element),
+    typography: getComputedTypography(element)
+  };
+}
+// src/utils.ts
+function clamp(value, min, max) {
+  if (!Number.isFinite(value)) return min;
+  if (max < min) return min;
+  return Math.max(min, Math.min(max, value));
+}
+function isInputFocused() {
+  let active = document.activeElement;
+  while (active?.shadowRoot?.activeElement) {
+    active = active.shadowRoot.activeElement;
+  }
+  return active instanceof HTMLInputElement || active instanceof HTMLTextAreaElement || active instanceof HTMLElement && active.isContentEditable;
+}
 var spacingScale = { 0: "0", 1: "px", 2: "0.5", 4: "1", 8: "2", 12: "3", 16: "4", 20: "5", 24: "6", 32: "8" };
 var tailwindClassMap = {
   padding: { prefix: "p", scale: spacingScale },
@@ -1137,7 +1367,7 @@ var typographyPropertyToCSSMap = {
   textAlign: "text-align",
   textVerticalAlign: "align-items"
 };
-var TEXT_ELEMENT_TAGS = /* @__PURE__ */ new Set([
+var TEXT_ELEMENT_TAGS2 = /* @__PURE__ */ new Set([
   "p",
   "h1",
   "h2",
@@ -1165,17 +1395,17 @@ var TEXT_ELEMENT_TAGS = /* @__PURE__ */ new Set([
   "code",
   "pre"
 ]);
-function hasDirectNonWhitespaceText(element) {
+function hasDirectNonWhitespaceText2(element) {
   return Array.from(element.childNodes).some(
     (node) => node.nodeType === Node.TEXT_NODE && Boolean(node.textContent?.trim())
   );
 }
 function isTextElement2(element) {
   const tagName = element.tagName.toLowerCase();
-  if (TEXT_ELEMENT_TAGS.has(tagName)) {
+  if (TEXT_ELEMENT_TAGS2.has(tagName)) {
     return true;
   }
-  if (hasDirectNonWhitespaceText(element)) {
+  if (hasDirectNonWhitespaceText2(element)) {
     return true;
   }
   if (element.children.length === 0 && element.textContent?.trim()) {
@@ -1183,38 +1413,6 @@ function isTextElement2(element) {
   }
   return false;
 }
-function getComputedTypography(element) {
-  const computed = window.getComputedStyle(element);
-  let textVerticalAlign = "flex-start";
-  if (computed.display === "flex" || computed.display === "inline-flex") {
-    const alignItems = computed.alignItems;
-    if (alignItems === "center") textVerticalAlign = "center";
-    else if (alignItems === "flex-end" || alignItems === "end") textVerticalAlign = "flex-end";
-  }
-  const lineHeight = computed.lineHeight === "normal" ? { numericValue: parseFloat(computed.fontSize) * 1.2, unit: "px", raw: `${Math.round(parseFloat(computed.fontSize) * 1.2)}px` } : parsePropertyValue(computed.lineHeight);
-  const fontSize = parseFloat(computed.fontSize);
-  let letterSpacing;
-  if (computed.letterSpacing === "normal") {
-    letterSpacing = { numericValue: 0, unit: "em", raw: "0em" };
-  } else {
-    const parsed = parsePropertyValue(computed.letterSpacing);
-    if (parsed.unit === "px" && fontSize > 0) {
-      const emValue = Math.round(parsed.numericValue / fontSize * 100) / 100;
-      letterSpacing = { numericValue: emValue, unit: "em", raw: `${emValue}em` };
-    } else {
-      letterSpacing = parsed;
-    }
-  }
-  return {
-    fontFamily: computed.fontFamily,
-    fontWeight: computed.fontWeight,
-    fontSize: parsePropertyValue(computed.fontSize),
-    lineHeight,
-    letterSpacing,
-    textAlign: computed.textAlign,
-    textVerticalAlign
-  };
-}
 function detectSizingMode(element, dimension) {
   const computed = window.getComputedStyle(element);
   const inlineValue = element.style[dimension];
@@ -1262,12 +1460,6 @@ function getSizingValue(element, dimension) {
     }
   };
 }
-function getComputedSizing(element) {
-  return {
-    width: getSizingValue(element, "width"),
-    height: getSizingValue(element, "height")
-  };
-}
 function sizingValueToCSS(sizing) {
   switch (sizing.mode) {
     case "fill":
@@ -1307,202 +1499,74 @@ function parseRgbAlpha(value) {
   const token = value.trim();
   if (token.endsWith("%")) {
     const numeric2 = parseFloat(token.slice(0, -1));
-    if (!Number.isFinite(numeric2)) return null;
-    return Math.max(0, Math.min(100, numeric2)) / 100;
-  }
-  const numeric = parseFloat(token);
-  if (!Number.isFinite(numeric)) return null;
-  return Math.max(0, Math.min(1, numeric));
-}
-function parseRgbaColor(rgba) {
-  const raw = rgba.trim();
-  const fnMatch = raw.match(/^rgba?\((.*)\)$/i);
-  if (!fnMatch) {
-    return { hex: "000000", alpha: 100, raw: rgba };
-  }
-  const body = fnMatch[1].trim();
-  let channelTokens = null;
-  let alphaToken;
-  const commaParts = body.split(",").map((part) => part.trim()).filter(Boolean);
-  if (commaParts.length === 3 || commaParts.length === 4) {
-    channelTokens = [commaParts[0], commaParts[1], commaParts[2]];
-    alphaToken = commaParts[3];
-  } else {
-    const slashParts = body.split("/");
-    if (slashParts.length === 1 || slashParts.length === 2) {
-      const channels = slashParts[0].trim().split(/\s+/).filter(Boolean);
-      if (channels.length === 3) {
-        channelTokens = [channels[0], channels[1], channels[2]];
-        alphaToken = slashParts[1]?.trim();
-      }
-    }
-  }
-  if (!channelTokens) {
-    return { hex: "000000", alpha: 100, raw: rgba };
-  }
-  const r = parseRgbChannel(channelTokens[0]);
-  const g = parseRgbChannel(channelTokens[1]);
-  const b = parseRgbChannel(channelTokens[2]);
-  const a = parseRgbAlpha(alphaToken);
-  if (r === null || g === null || b === null || a === null) {
-    return { hex: "000000", alpha: 100, raw: rgba };
-  }
-  const hex = [r, g, b].map((v) => v.toString(16).padStart(2, "0")).join("").toUpperCase();
-  const alpha = Math.round(a * 100);
-  return { hex, alpha, raw: rgba };
-}
-function parseNamedColor(name) {
-  const ctx = document.createElement("canvas").getContext("2d");
-  if (!ctx) {
-    return { hex: "000000", alpha: 100, raw: name };
-  }
-  ctx.fillStyle = name;
-  const computed = ctx.fillStyle;
-  if (computed.startsWith("#")) {
-    return parseHexColor(computed);
-  }
-  return parseRgbaColor(computed);
-}
-function parseColorValue(cssValue) {
-  const raw = cssValue.trim();
-  if (raw === "transparent") {
-    return { hex: "000000", alpha: 0, raw };
-  }
-  if (raw.startsWith("#")) {
-    return parseHexColor(raw);
-  }
-  if (raw.startsWith("rgb")) {
-    return parseRgbaColor(raw);
-  }
-  return parseNamedColor(raw);
-}
-var TRANSPARENT_COLOR = { hex: "000000", alpha: 0, raw: "transparent" };
-function isVisibleBorderSide(side) {
-  return side.style !== "none" && side.style !== "hidden" && parseFloat(side.width) > 0;
-}
-function hasVisibleOutline(computed) {
-  return computed.outlineStyle !== "none" && parseFloat(computed.outlineWidth) > 0;
-}
-function parseVisibleColor(value, fallbackCurrentColor) {
-  const raw = value.trim();
-  const lowered = raw.toLowerCase();
-  if (!raw || lowered === "none" || lowered === "transparent") {
-    return null;
-  }
-  const resolved = /^currentcolor$/i.test(raw) ? fallbackCurrentColor ?? raw : raw;
-  const parsed = parseColorValue(resolved);
-  if (parsed.alpha <= 0) {
-    return null;
-  }
-  return parsed;
-}
-function addUniqueColor(colors, color) {
-  if (!color) return;
-  colors.set(`${color.hex}:${color.alpha}`, color);
-}
-function isTextRenderingFormControl(element) {
-  if (element instanceof HTMLTextAreaElement) return true;
-  if (element instanceof HTMLSelectElement) return true;
-  if (element instanceof HTMLButtonElement) return true;
-  if (element instanceof HTMLInputElement) {
-    const textlessInputTypes = /* @__PURE__ */ new Set([
-      "hidden",
-      "checkbox",
-      "radio",
-      "range",
-      "color",
-      "file",
-      "image"
-    ]);
-    return !textlessInputTypes.has(element.type.toLowerCase());
-  }
-  return false;
-}
-function hasRenderableTextNode(element) {
-  if (element.isContentEditable) return true;
-  if (isTextRenderingFormControl(element)) return true;
-  if (!element.textContent?.trim()) return false;
-  if (hasDirectNonWhitespaceText(element)) return true;
-  const tagName = element.tagName.toLowerCase();
-  return TEXT_ELEMENT_TAGS.has(tagName) || element.children.length === 0;
-}
-function getComputedBoxShadow(element) {
-  const computed = window.getComputedStyle(element);
-  const value = computed.boxShadow.trim();
-  return value || "none";
-}
-function getComputedColorStyles(element) {
-  const computed = window.getComputedStyle(element);
-  const borderSides = [
-    { style: computed.borderTopStyle, width: computed.borderTopWidth, color: computed.borderTopColor },
-    { style: computed.borderRightStyle, width: computed.borderRightWidth, color: computed.borderRightColor },
-    { style: computed.borderBottomStyle, width: computed.borderBottomWidth, color: computed.borderBottomColor },
-    { style: computed.borderLeftStyle, width: computed.borderLeftWidth, color: computed.borderLeftColor }
-  ];
-  const visibleBorderSide = borderSides.find((side) => isVisibleBorderSide(side));
-  const hasBorder = Boolean(visibleBorderSide);
-  const hasOutline = hasVisibleOutline(computed);
-  return {
-    backgroundColor: parseColorValue(computed.backgroundColor),
-    color: parseColorValue(computed.color),
-    borderColor: hasBorder && visibleBorderSide ? parseColorValue(visibleBorderSide.color) : TRANSPARENT_COLOR,
-    outlineColor: hasOutline ? parseColorValue(computed.outlineColor) : TRANSPARENT_COLOR
-  };
+    if (!Number.isFinite(numeric2)) return null;
+    return Math.max(0, Math.min(100, numeric2)) / 100;
+  }
+  const numeric = parseFloat(token);
+  if (!Number.isFinite(numeric)) return null;
+  return Math.max(0, Math.min(1, numeric));
 }
-function getSelectionColors(element) {
-  const uniqueColors = /* @__PURE__ */ new Map();
-  const queue = [element];
-  for (let index = 0; index < queue.length; index++) {
-    const node = queue[index];
-    const computed = window.getComputedStyle(node);
-    if (computed.display === "none") {
-      continue;
-    }
-    const isVisibilityHidden = computed.visibility === "hidden" || computed.visibility === "collapse";
-    const currentTextColor = computed.color;
-    if (!isVisibilityHidden) {
-      addUniqueColor(uniqueColors, parseVisibleColor(computed.backgroundColor));
-      if (node instanceof HTMLElement && hasRenderableTextNode(node)) {
-        addUniqueColor(uniqueColors, parseVisibleColor(currentTextColor));
-      }
-      const borderSides = [
-        { style: computed.borderTopStyle, width: computed.borderTopWidth, color: computed.borderTopColor },
-        { style: computed.borderRightStyle, width: computed.borderRightWidth, color: computed.borderRightColor },
-        { style: computed.borderBottomStyle, width: computed.borderBottomWidth, color: computed.borderBottomColor },
-        { style: computed.borderLeftStyle, width: computed.borderLeftWidth, color: computed.borderLeftColor }
-      ];
-      for (const side of borderSides) {
-        if (!isVisibleBorderSide(side)) continue;
-        addUniqueColor(uniqueColors, parseVisibleColor(side.color, currentTextColor));
-      }
-      if (hasVisibleOutline(computed)) {
-        addUniqueColor(uniqueColors, parseVisibleColor(computed.outlineColor, currentTextColor));
-      }
-      if (node instanceof SVGElement) {
-        const fillColor = parseVisibleColor(computed.getPropertyValue("fill"), currentTextColor) ?? parseVisibleColor(node.getAttribute("fill") ?? "", currentTextColor);
-        const strokeColor = parseVisibleColor(computed.getPropertyValue("stroke"), currentTextColor) ?? parseVisibleColor(node.getAttribute("stroke") ?? "", currentTextColor);
-        addUniqueColor(uniqueColors, fillColor);
-        addUniqueColor(uniqueColors, strokeColor);
+function parseRgbaColor(rgba) {
+  const raw = rgba.trim();
+  const fnMatch = raw.match(/^rgba?\((.*)\)$/i);
+  if (!fnMatch) {
+    return { hex: "000000", alpha: 100, raw: rgba };
+  }
+  const body = fnMatch[1].trim();
+  let channelTokens = null;
+  let alphaToken;
+  const commaParts = body.split(",").map((part) => part.trim()).filter(Boolean);
+  if (commaParts.length === 3 || commaParts.length === 4) {
+    channelTokens = [commaParts[0], commaParts[1], commaParts[2]];
+    alphaToken = commaParts[3];
+  } else {
+    const slashParts = body.split("/");
+    if (slashParts.length === 1 || slashParts.length === 2) {
+      const channels = slashParts[0].trim().split(/\s+/).filter(Boolean);
+      if (channels.length === 3) {
+        channelTokens = [channels[0], channels[1], channels[2]];
+        alphaToken = slashParts[1]?.trim();
       }
     }
-    for (const child of node.children) {
-      queue.push(child);
-    }
   }
-  return Array.from(uniqueColors.values());
+  if (!channelTokens) {
+    return { hex: "000000", alpha: 100, raw: rgba };
+  }
+  const r = parseRgbChannel(channelTokens[0]);
+  const g = parseRgbChannel(channelTokens[1]);
+  const b = parseRgbChannel(channelTokens[2]);
+  const a = parseRgbAlpha(alphaToken);
+  if (r === null || g === null || b === null || a === null) {
+    return { hex: "000000", alpha: 100, raw: rgba };
+  }
+  const hex = [r, g, b].map((v) => v.toString(16).padStart(2, "0")).join("").toUpperCase();
+  const alpha = Math.round(a * 100);
+  return { hex, alpha, raw: rgba };
 }
-function getAllComputedStyles(element) {
-  const { spacing, borderRadius, flex } = getComputedStyles(element);
-  return {
-    spacing,
-    borderRadius,
-    border: getComputedBorderStyles(element),
-    flex,
-    sizing: getComputedSizing(element),
-    color: getComputedColorStyles(element),
-    boxShadow: getComputedBoxShadow(element),
-    typography: getComputedTypography(element)
-  };
+function parseNamedColor(name) {
+  const ctx = document.createElement("canvas").getContext("2d");
+  if (!ctx) {
+    return { hex: "000000", alpha: 100, raw: name };
+  }
+  ctx.fillStyle = name;
+  const computed = ctx.fillStyle;
+  if (computed.startsWith("#")) {
+    return parseHexColor(computed);
+  }
+  return parseRgbaColor(computed);
+}
+function parseColorValue(cssValue) {
+  const raw = cssValue.trim();
+  if (raw === "transparent") {
+    return { hex: "000000", alpha: 0, raw };
+  }
+  if (raw.startsWith("#")) {
+    return parseHexColor(raw);
+  }
+  if (raw.startsWith("rgb")) {
+    return parseRgbaColor(raw);
+  }
+  return parseNamedColor(raw);
 }
 var colorPropertyToCSSMap = {
   backgroundColor: "background-color",
@@ -1958,7 +2022,7 @@ function findChildAtPoint(parent, clientX, clientY) {
     return clientX >= r.left && clientX <= r.right && clientY >= r.top && clientY <= r.bottom;
   });
   if (hit) return hit;
-  if (children.length === 1 && !hasDirectNonWhitespaceText(parent)) return children[0];
+  if (children.length === 1 && !hasDirectNonWhitespaceText2(parent)) return children[0];
   return null;
 }
 function elementFromPointWithoutOverlays(x, y) {
@@ -7761,6 +7825,219 @@ function createDragInteractionGuard() {
   };
 }
+// src/utils/resize-geometry.ts
+function toFinite(value, fallback) {
+  if (!Number.isFinite(value)) return fallback;
+  return value;
+}
+function multiplyMatrix(left, right) {
+  return {
+    a: left.a * right.a + left.c * right.b,
+    b: left.b * right.a + left.d * right.b,
+    c: left.a * right.c + left.c * right.d,
+    d: left.b * right.c + left.d * right.d
+  };
+}
+function splitTransformArgs(raw) {
+  return raw.trim().replace(/,/g, " ").split(/\s+/).filter(Boolean);
+}
+function parseAngleRadians(value) {
+  const numeric = Number.parseFloat(value);
+  if (!Number.isFinite(numeric)) return 0;
+  const unit = value.trim().replace(String(numeric), "").trim().toLowerCase();
+  switch (unit) {
+    case "rad":
+      return numeric;
+    case "turn":
+      return numeric * Math.PI * 2;
+    case "grad":
+      return numeric * Math.PI / 200;
+    case "deg":
+    case "":
+    default:
+      return numeric * Math.PI / 180;
+  }
+}
+function parseTransformFunction(name, rawArgs) {
+  const args = splitTransformArgs(rawArgs);
+  switch (name.toLowerCase()) {
+    case "matrix": {
+      if (args.length < 4) return null;
+      const [a, b, c, d] = args.map(Number.parseFloat);
+      if (![a, b, c, d].every(Number.isFinite)) return null;
+      return { a, b, c, d };
+    }
+    case "matrix3d": {
+      if (args.length < 16) return null;
+      const values = args.map(Number.parseFloat);
+      if (!values.every(Number.isFinite)) return null;
+      return { a: values[0], b: values[1], c: values[4], d: values[5] };
+    }
+    case "scale": {
+      const scaleX = Number.parseFloat(args[0] ?? "1");
+      const scaleY = Number.parseFloat(args[1] ?? args[0] ?? "1");
+      if (!Number.isFinite(scaleX) || !Number.isFinite(scaleY)) return null;
+      return { a: scaleX, b: 0, c: 0, d: scaleY };
+    }
+    case "scalex": {
+      const scaleX = Number.parseFloat(args[0] ?? "1");
+      if (!Number.isFinite(scaleX)) return null;
+      return { a: scaleX, b: 0, c: 0, d: 1 };
+    }
+    case "scaley": {
+      const scaleY = Number.parseFloat(args[0] ?? "1");
+      if (!Number.isFinite(scaleY)) return null;
+      return { a: 1, b: 0, c: 0, d: scaleY };
+    }
+    case "rotate": {
+      const angle = parseAngleRadians(args[0] ?? "0deg");
+      const cos = Math.cos(angle);
+      const sin = Math.sin(angle);
+      return { a: cos, b: sin, c: -sin, d: cos };
+    }
+    case "translate":
+    case "translatex":
+    case "translatey":
+      return { a: 1, b: 0, c: 0, d: 1 };
+    default:
+      return null;
+  }
+}
+function parseTransformMatrix(transform) {
+  const functionPattern = /([a-zA-Z0-9]+)\(([^)]*)\)/g;
+  let matrix = { a: 1, b: 0, c: 0, d: 1 };
+  let matched = false;
+  for (const match of transform.matchAll(functionPattern)) {
+    const next = parseTransformFunction(match[1], match[2]);
+    if (!next) return null;
+    matrix = multiplyMatrix(matrix, next);
+    matched = true;
+  }
+  return matched ? matrix : null;
+}
+function scaleFromMatrix(matrix) {
+  return {
+    scaleX: Math.hypot(matrix.a, matrix.b) || 1,
+    scaleY: Math.hypot(matrix.c, matrix.d) || 1
+  };
+}
+function getRenderedOffsetScale(element) {
+  const rect = element.getBoundingClientRect();
+  const width = element.offsetWidth;
+  const height = element.offsetHeight;
+  if (width <= 0 || height <= 0 || rect.width <= 0 || rect.height <= 0) return null;
+  return {
+    scaleX: rect.width / width,
+    scaleY: rect.height / height
+  };
+}
+function clampSize(value, minSize = 1) {
+  const safeMin = Math.max(1, toFinite(minSize, 1));
+  const safeValue = toFinite(value, safeMin);
+  return Math.max(safeMin, safeValue);
+}
+function getElementScale(element) {
+  const transform = getComputedStyle(element).transform;
+  if (!transform || transform === "none") {
+    return getRenderedOffsetScale(element) ?? { scaleX: 1, scaleY: 1 };
+  }
+  let transformMatrix = null;
+  if (typeof DOMMatrix !== "undefined") {
+    try {
+      const matrix = new DOMMatrix(transform);
+      transformMatrix = matrix;
+    } catch {
+    }
+  }
+  transformMatrix = transformMatrix ?? parseTransformMatrix(transform);
+  if (!transformMatrix) return getRenderedOffsetScale(element) ?? { scaleX: 1, scaleY: 1 };
+  const localScale = scaleFromMatrix(transformMatrix);
+  const rect = element.getBoundingClientRect();
+  const width = element.offsetWidth;
+  const height = element.offsetHeight;
+  if (width <= 0 || height <= 0 || rect.width <= 0 || rect.height <= 0) return localScale;
+  const transformedWidth = Math.abs(transformMatrix.a) * width + Math.abs(transformMatrix.c) * height;
+  const transformedHeight = Math.abs(transformMatrix.b) * width + Math.abs(transformMatrix.d) * height;
+  if (transformedWidth <= 0 || transformedHeight <= 0) return localScale;
+  return {
+    scaleX: rect.width / transformedWidth * localScale.scaleX,
+    scaleY: rect.height / transformedHeight * localScale.scaleY
+  };
+}
+function computeEdgeSize({
+  handle,
+  startWidth,
+  startHeight,
+  dx,
+  dy,
+  minSize = 1
+}) {
+  const baseWidth = clampSize(startWidth, minSize);
+  const baseHeight = clampSize(startHeight, minSize);
+  switch (handle) {
+    case "right":
+      return { width: clampSize(baseWidth + dx, minSize), height: baseHeight };
+    case "left":
+      return { width: clampSize(baseWidth - dx, minSize), height: baseHeight };
+    case "bottom":
+      return { width: baseWidth, height: clampSize(baseHeight + dy, minSize) };
+    case "top":
+      return { width: baseWidth, height: clampSize(baseHeight - dy, minSize) };
+  }
+}
+function computeCornerProportionalSize({
+  handle,
+  startWidth,
+  startHeight,
+  dx,
+  dy,
+  minSize = 1
+}) {
+  const baseWidth = clampSize(startWidth, minSize);
+  const baseHeight = clampSize(startHeight, minSize);
+  const ratio = baseWidth > 0 && baseHeight > 0 ? baseWidth / baseHeight : 1;
+  const widthSign = handle === "top-left" || handle === "bottom-left" ? -1 : 1;
+  const heightSign = handle === "top-left" || handle === "top-right" ? -1 : 1;
+  const rawWidth = baseWidth + widthSign * dx;
+  const rawHeight = baseHeight + heightSign * dy;
+  const widthIntent = clampSize(rawWidth, minSize);
+  const heightIntent = clampSize(rawHeight, minSize);
+  const widthChange = Math.abs(widthIntent - baseWidth) / Math.max(baseWidth, 1);
+  const heightChange = Math.abs(heightIntent - baseHeight) / Math.max(baseHeight, 1);
+  if (widthChange >= heightChange) {
+    const width2 = clampSize(widthIntent, minSize);
+    const height2 = clampSize(width2 / Math.max(ratio, 1e-4), minSize);
+    return { width: width2, height: height2 };
+  }
+  const height = clampSize(heightIntent, minSize);
+  const width = clampSize(height * ratio, minSize);
+  return { width, height };
+}
+function computeFillRenderedWidth(element) {
+  const parent = element.parentElement;
+  if (!parent) return null;
+  const parentComputed = window.getComputedStyle(parent);
+  const elementComputed = window.getComputedStyle(element);
+  const parentClientWidth = parent.clientWidth;
+  const parentPaddingLeft = parseFloat(parentComputed.paddingLeft) || 0;
+  const parentPaddingRight = parseFloat(parentComputed.paddingRight) || 0;
+  const parentContentWidth = parentClientWidth - parentPaddingLeft - parentPaddingRight;
+  if (!Number.isFinite(parentContentWidth) || parentContentWidth <= 0) {
+    return null;
+  }
+  const elementPaddingLeft = parseFloat(elementComputed.paddingLeft) || 0;
+  const elementPaddingRight = parseFloat(elementComputed.paddingRight) || 0;
+  const elementBorderLeft = parseFloat(elementComputed.borderLeftWidth) || 0;
+  const elementBorderRight = parseFloat(elementComputed.borderRightWidth) || 0;
+  if (elementComputed.boxSizing === "border-box") {
+    return clampSize(parentContentWidth, 1);
+  }
+  return clampSize(
+    parentContentWidth + elementPaddingLeft + elementPaddingRight + elementBorderLeft + elementBorderRight,
+    1
+  );
+}
 // src/use-move.ts
 var INITIAL_DRAG_STATE = {
   isDragging: false,
@@ -7833,9 +8110,12 @@ function useMove({ onMoveComplete }) {
   const onMoveCompleteRef = React12.useRef(onMoveComplete);
   const dragOptionsRef = React12.useRef(DEFAULT_DRAG_OPTIONS);
   const dragGuardRef = React12.useRef(createDragInteractionGuard());
-  const initialRectRef = React12.useRef(
-    { x: 0, y: 0, scaleX: 1, scaleY: 1 }
-  );
+  const initialRectRef = React12.useRef({
+    x: 0,
+    y: 0,
+    scaleX: 1,
+    scaleY: 1
+  });
   const originalTransformRef = React12.useRef("");
   const composeBaseRef = React12.useRef("");
   const reorderPreviewRef = React12.useRef(/* @__PURE__ */ new Map());
@@ -7851,79 +8131,85 @@ function useMove({ onMoveComplete }) {
     }
     reorderPreviewRef.current.clear();
   }, []);
-  const setReorderPreviewTransform = React12.useCallback((element, transform) => {
-    const existing = reorderPreviewRef.current.get(element);
-    if (!existing) {
-      reorderPreviewRef.current.set(element, {
-        transform: element.style.transform,
-        transition: element.style.transition
-      });
-    }
-    const originalTransition = reorderPreviewRef.current.get(element)?.transition ?? element.style.transition;
-    element.style.transition = withTransformTransition(originalTransition);
-    element.style.transform = transform;
-  }, []);
-  const applyReorderPreview = React12.useCallback((target, draggedElement, originalParent) => {
-    if (!target || !draggedElement) {
-      clearReorderPreview();
-      return;
-    }
-    const container = target.container;
-    const containerChildren = Array.from(container.children).filter(
-      (child) => child instanceof HTMLElement
-    );
-    const siblings = containerChildren.filter((child) => child !== draggedElement);
-    const insertIndex = getInsertIndex(siblings, target.insertBefore);
-    if (insertIndex === null) {
-      clearReorderPreview();
-      return;
-    }
-    const draggedRect = draggedElement.getBoundingClientRect();
-    const isHorizontal = isHorizontalDirection(target.flexDirection);
-    const dragSize = isHorizontal ? draggedRect.width : draggedRect.height;
-    if (!Number.isFinite(dragSize) || dragSize <= 0) {
-      clearReorderPreview();
-      return;
-    }
-    const sign = forwardVisualSign(target.flexDirection);
-    const shiftedElements = /* @__PURE__ */ new Map();
-    if (container === originalParent) {
-      const originalIndex = containerChildren.indexOf(draggedElement);
-      if (originalIndex >= 0) {
-        if (insertIndex > originalIndex) {
-          const shift = -sign * dragSize;
-          for (let i = originalIndex; i < insertIndex; i++) {
-            const sibling = siblings[i];
-            if (sibling) shiftedElements.set(sibling, shift);
-          }
-        } else if (insertIndex < originalIndex) {
-          const shift = sign * dragSize;
-          for (let i = insertIndex; i < originalIndex; i++) {
-            const sibling = siblings[i];
-            if (sibling) shiftedElements.set(sibling, shift);
+  const setReorderPreviewTransform = React12.useCallback(
+    (element, transform) => {
+      const existing = reorderPreviewRef.current.get(element);
+      if (!existing) {
+        reorderPreviewRef.current.set(element, {
+          transform: element.style.transform,
+          transition: element.style.transition
+        });
+      }
+      const originalTransition = reorderPreviewRef.current.get(element)?.transition ?? element.style.transition;
+      element.style.transition = withTransformTransition(originalTransition);
+      element.style.transform = transform;
+    },
+    []
+  );
+  const applyReorderPreview = React12.useCallback(
+    (target, draggedElement, originalParent) => {
+      if (!target || !draggedElement) {
+        clearReorderPreview();
+        return;
+      }
+      const container = target.container;
+      const containerChildren = Array.from(container.children).filter(
+        (child) => child instanceof HTMLElement
+      );
+      const siblings = containerChildren.filter((child) => child !== draggedElement);
+      const insertIndex = getInsertIndex(siblings, target.insertBefore);
+      if (insertIndex === null) {
+        clearReorderPreview();
+        return;
+      }
+      const draggedRect = draggedElement.getBoundingClientRect();
+      const isHorizontal = isHorizontalDirection(target.flexDirection);
+      const dragSize = isHorizontal ? draggedRect.width : draggedRect.height;
+      if (!Number.isFinite(dragSize) || dragSize <= 0) {
+        clearReorderPreview();
+        return;
+      }
+      const sign = forwardVisualSign(target.flexDirection);
+      const shiftedElements = /* @__PURE__ */ new Map();
+      if (container === originalParent) {
+        const originalIndex = containerChildren.indexOf(draggedElement);
+        if (originalIndex >= 0) {
+          if (insertIndex > originalIndex) {
+            const shift = -sign * dragSize;
+            for (let i = originalIndex; i < insertIndex; i++) {
+              const sibling = siblings[i];
+              if (sibling) shiftedElements.set(sibling, shift);
+            }
+          } else if (insertIndex < originalIndex) {
+            const shift = sign * dragSize;
+            for (let i = insertIndex; i < originalIndex; i++) {
+              const sibling = siblings[i];
+              if (sibling) shiftedElements.set(sibling, shift);
+            }
           }
         }
+      } else {
+        const shift = sign * dragSize;
+        for (let i = insertIndex; i < siblings.length; i++) {
+          shiftedElements.set(siblings[i], shift);
+        }
       }
-    } else {
-      const shift = sign * dragSize;
-      for (let i = insertIndex; i < siblings.length; i++) {
-        shiftedElements.set(siblings[i], shift);
-      }
-    }
-    const axis = isHorizontal ? "x" : "y";
-    const keep = new Set(shiftedElements.keys());
-    for (const [element, snapshot2] of reorderPreviewRef.current) {
-      if (!keep.has(element)) {
-        element.style.transform = snapshot2.transform;
-        element.style.transition = snapshot2.transition;
-        reorderPreviewRef.current.delete(element);
+      const axis = isHorizontal ? "x" : "y";
+      const keep = new Set(shiftedElements.keys());
+      for (const [element, snapshot2] of reorderPreviewRef.current) {
+        if (!keep.has(element)) {
+          element.style.transform = snapshot2.transform;
+          element.style.transition = snapshot2.transition;
+          reorderPreviewRef.current.delete(element);
+        }
       }
-    }
-    for (const [element, shift] of shiftedElements) {
-      const baseTransform = reorderPreviewRef.current.get(element)?.transform ?? element.style.transform;
-      setReorderPreviewTransform(element, withAxisTranslate(baseTransform, axis, shift));
-    }
-  }, [clearReorderPreview, setReorderPreviewTransform]);
+      for (const [element, shift] of shiftedElements) {
+        const baseTransform = reorderPreviewRef.current.get(element)?.transform ?? element.style.transform;
+        setReorderPreviewTransform(element, withAxisTranslate(baseTransform, axis, shift));
+      }
+    },
+    [clearReorderPreview, setReorderPreviewTransform]
+  );
   const cancelDrag = React12.useCallback(() => {
     const current = dragStateRef.current;
     if (current.draggedElement) {
@@ -7983,7 +8269,13 @@ function useMove({ onMoveComplete }) {
         const deltaX = (current.ghostPosition.x - rect.left) / scaleX;
         const deltaY = (current.ghostPosition.y - rect.top) / scaleY;
         if ((Math.abs(deltaX) > 0.5 || Math.abs(deltaY) > 0.5) && originalParent) {
-          moveInfo = { originalParent, originalPreviousSibling, originalNextSibling, mode: "position", positionDelta: { x: deltaX, y: deltaY } };
+          moveInfo = {
+            originalParent,
+            originalPreviousSibling,
+            originalNextSibling,
+            mode: "position",
+            positionDelta: { x: deltaX, y: deltaY }
+          };
         }
       }
     } else if (target && tryReparent(draggedElement, target, originalParent, originalNextSibling)) {
@@ -8009,11 +8301,12 @@ function useMove({ onMoveComplete }) {
       const previousSibling = element.previousElementSibling;
       const nextSibling = element.nextElementSibling;
       dragOptionsRef.current = normalizeStartDragOptions(options);
+      const { scaleX, scaleY } = getElementScale(element);
       initialRectRef.current = {
         x: rect.left,
         y: rect.top,
-        scaleX: element.offsetWidth > 0 ? rect.width / element.offsetWidth : 1,
-        scaleY: element.offsetHeight > 0 ? rect.height / element.offsetHeight : 1
+        scaleX,
+        scaleY
       };
       const inlineTransform = element.style.transform;
       originalTransformRef.current = inlineTransform;
@@ -8097,19 +8390,9 @@ function useMove({ onMoveComplete }) {
         }
         return;
       }
-      const container = dragOptionsRef.current.constrainToOriginalParent ? originalParent : findContainerAtPoint(
-        e.clientX,
-        e.clientY,
-        draggedElement,
-        originalParent
-      );
+      const container = dragOptionsRef.current.constrainToOriginalParent ? originalParent : findContainerAtPoint(e.clientX, e.clientY, draggedElement, originalParent);
       if (container && draggedElement) {
-        const dropPos = calculateDropPosition(
-          container,
-          e.clientX,
-          e.clientY,
-          draggedElement
-        );
+        const dropPos = calculateDropPosition(container, e.clientX, e.clientY, draggedElement);
         if (dropPos) {
           const nextTarget = {
             container,
@@ -8482,7 +8765,10 @@ function isSelectableElement(element) {
   if (!(element instanceof HTMLElement)) return false;
   if (!element.isConnected) return false;
   if (element === document.body || element === document.documentElement) return false;
-  if (element.matches("[data-direct-edit], [data-direct-edit-host], script, style, link, meta, noscript")) return false;
+  if (element.matches(
+    "[data-direct-edit], [data-direct-edit-host], script, style, link, meta, noscript"
+  ))
+    return false;
   const rect = element.getBoundingClientRect();
   if (rect.width <= 0 || rect.height <= 0) return false;
   const computed = window.getComputedStyle(element);
@@ -8500,7 +8786,9 @@ function compareDomOrder2(a, b) {
 }
 function collectMarqueeTargets(rect) {
   const hits = Array.from(document.querySelectorAll("*")).filter(isSelectableElement).filter((element) => rectsIntersect(rect, element.getBoundingClientRect()));
-  const deepestHits = hits.filter((element) => !hits.some((other) => other !== element && element.contains(other)));
+  const deepestHits = hits.filter(
+    (element) => !hits.some((other) => other !== element && element.contains(other))
+  );
   deepestHits.sort(compareDomOrder2);
   return deepestHits;
 }
@@ -9091,99 +9379,27 @@ var import_lucide_react2 = require("lucide-react");
 // src/use-selection-resize.ts
 var React18 = __toESM(require("react"));
-// src/utils/resize-geometry.ts
-function toFinite(value, fallback) {
-  if (!Number.isFinite(value)) return fallback;
-  return value;
-}
-function clampSize(value, minSize = 1) {
-  const safeMin = Math.max(1, toFinite(minSize, 1));
-  const safeValue = toFinite(value, safeMin);
-  return Math.max(safeMin, safeValue);
-}
-function computeEdgeSize({
-  handle,
-  startWidth,
-  startHeight,
-  dx,
-  dy,
-  minSize = 1
-}) {
-  const baseWidth = clampSize(startWidth, minSize);
-  const baseHeight = clampSize(startHeight, minSize);
-  switch (handle) {
-    case "right":
-      return { width: clampSize(baseWidth + dx, minSize), height: baseHeight };
-    case "left":
-      return { width: clampSize(baseWidth - dx, minSize), height: baseHeight };
-    case "bottom":
-      return { width: baseWidth, height: clampSize(baseHeight + dy, minSize) };
-    case "top":
-      return { width: baseWidth, height: clampSize(baseHeight - dy, minSize) };
-  }
-}
-function computeCornerProportionalSize({
-  handle,
-  startWidth,
-  startHeight,
-  dx,
-  dy,
-  minSize = 1
-}) {
-  const baseWidth = clampSize(startWidth, minSize);
-  const baseHeight = clampSize(startHeight, minSize);
-  const ratio = baseWidth > 0 && baseHeight > 0 ? baseWidth / baseHeight : 1;
-  const widthSign = handle === "top-left" || handle === "bottom-left" ? -1 : 1;
-  const heightSign = handle === "top-left" || handle === "top-right" ? -1 : 1;
-  const rawWidth = baseWidth + widthSign * dx;
-  const rawHeight = baseHeight + heightSign * dy;
-  const widthIntent = clampSize(rawWidth, minSize);
-  const heightIntent = clampSize(rawHeight, minSize);
-  const widthChange = Math.abs(widthIntent - baseWidth) / Math.max(baseWidth, 1);
-  const heightChange = Math.abs(heightIntent - baseHeight) / Math.max(baseHeight, 1);
-  if (widthChange >= heightChange) {
-    const width2 = clampSize(widthIntent, minSize);
-    const height2 = clampSize(width2 / Math.max(ratio, 1e-4), minSize);
-    return { width: width2, height: height2 };
-  }
-  const height = clampSize(heightIntent, minSize);
-  const width = clampSize(height * ratio, minSize);
-  return { width, height };
-}
-function computeFillRenderedWidth(element) {
-  const parent = element.parentElement;
-  if (!parent) return null;
-  const parentComputed = window.getComputedStyle(parent);
-  const elementComputed = window.getComputedStyle(element);
-  const parentClientWidth = parent.clientWidth;
-  const parentPaddingLeft = parseFloat(parentComputed.paddingLeft) || 0;
-  const parentPaddingRight = parseFloat(parentComputed.paddingRight) || 0;
-  const parentContentWidth = parentClientWidth - parentPaddingLeft - parentPaddingRight;
-  if (!Number.isFinite(parentContentWidth) || parentContentWidth <= 0) {
-    return null;
-  }
-  const elementPaddingLeft = parseFloat(elementComputed.paddingLeft) || 0;
-  const elementPaddingRight = parseFloat(elementComputed.paddingRight) || 0;
-  const elementBorderLeft = parseFloat(elementComputed.borderLeftWidth) || 0;
-  const elementBorderRight = parseFloat(elementComputed.borderRightWidth) || 0;
-  if (elementComputed.boxSizing === "border-box") {
-    return clampSize(parentContentWidth, 1);
-  }
-  return clampSize(
-    parentContentWidth + elementPaddingLeft + elementPaddingRight + elementBorderLeft + elementBorderRight,
-    1
-  );
-}
-// src/use-selection-resize.ts
 var MIN_SIZE_PX = 1;
 var SNAP_IN_PX = 2;
 var SNAP_OUT_PX = 6;
 var EPSILON = 1e-4;
 var EDGE_HANDLES = /* @__PURE__ */ new Set(["top", "right", "bottom", "left"]);
-var WIDTH_HANDLES = /* @__PURE__ */ new Set(["left", "right", "top-left", "top-right", "bottom-left", "bottom-right"]);
-var HEIGHT_HANDLES = /* @__PURE__ */ new Set(["top", "bottom", "top-left", "top-right", "bottom-left", "bottom-right"]);
+var WIDTH_HANDLES = /* @__PURE__ */ new Set([
+  "left",
+  "right",
+  "top-left",
+  "top-right",
+  "bottom-left",
+  "bottom-right"
+]);
+var HEIGHT_HANDLES = /* @__PURE__ */ new Set([
+  "top",
+  "bottom",
+  "top-left",
+  "top-right",
+  "bottom-left",
+  "bottom-right"
+]);
 function createSizingValue(mode, numericValue) {
   const rounded = Math.max(MIN_SIZE_PX, Math.round(clampSize(numericValue, MIN_SIZE_PX)));
   return {
@@ -9205,125 +9421,135 @@ function useSelectionResize({
 }) {
   const cleanupRef = React18.useRef(null);
   const txCounterRef = React18.useRef(0);
-  const emitSizingChange = React18.useCallback((changes, options) => {
-    onResizeSizingChange?.(changes, options);
-  }, [onResizeSizingChange]);
+  const emitSizingChange = React18.useCallback(
+    (changes, options) => {
+      onResizeSizingChange?.(changes, options);
+    },
+    [onResizeSizingChange]
+  );
   React18.useEffect(() => {
     return () => {
       cleanupRef.current?.();
       cleanupRef.current = null;
     };
   }, []);
-  const getResizeHandlePointerDown = React18.useCallback((handle) => {
-    return (e) => {
-      if (!enabled || !onResizeSizingChange) return;
-      if (e.button !== 0) return;
-      e.preventDefault();
-      e.stopPropagation();
-      cleanupRef.current?.();
-      const rect = selectedElement.getBoundingClientRect();
-      const offsetWidth = selectedElement.offsetWidth;
-      const offsetHeight = selectedElement.offsetHeight;
-      const startWidth = clampSize(offsetWidth > 0 ? offsetWidth : rect.width, MIN_SIZE_PX);
-      const startHeight = clampSize(offsetHeight > 0 ? offsetHeight : rect.height, MIN_SIZE_PX);
-      const scaleX = Math.max(EPSILON, offsetWidth > 0 ? rect.width / offsetWidth : 1);
-      const scaleY = Math.max(EPSILON, offsetHeight > 0 ? rect.height / offsetHeight : 1);
-      const transactionId = `resize-${Date.now()}-${txCounterRef.current++}`;
-      const state = {
-        transactionId,
-        handle,
-        startClientX: e.clientX,
-        startClientY: e.clientY,
-        startWidth,
-        startHeight,
-        scaleX,
-        scaleY,
-        fillTargetWidth: computeFillRenderedWidth(selectedElement),
-        fillLocked: detectSizingMode(selectedElement, "width") === "fill"
-      };
-      emitSizingChange({}, { transactionId: state.transactionId, phase: "start" });
-      const onPointerMove = (moveEvent) => {
-        const dx = (moveEvent.clientX - state.startClientX) / state.scaleX;
-        const dy = (moveEvent.clientY - state.startClientY) / state.scaleY;
-        const nextSize = isEdgeHandle(state.handle) ? computeEdgeSize({
-          handle: state.handle,
-          startWidth: state.startWidth,
-          startHeight: state.startHeight,
-          dx,
-          dy,
-          minSize: MIN_SIZE_PX
-        }) : computeCornerProportionalSize({
-          handle: state.handle,
-          startWidth: state.startWidth,
-          startHeight: state.startHeight,
-          dx,
-          dy,
-          minSize: MIN_SIZE_PX
-        });
-        const nextWidth = Math.max(MIN_SIZE_PX, Math.round(nextSize.width));
-        const nextHeight = Math.max(MIN_SIZE_PX, Math.round(nextSize.height));
-        const changes = {};
-        if (WIDTH_HANDLES.has(state.handle)) {
-          if (state.fillTargetWidth !== null) {
-            const distance = Math.abs(nextWidth - state.fillTargetWidth);
-            if (state.fillLocked) {
-              if (distance > SNAP_OUT_PX) {
-                state.fillLocked = false;
+  const getResizeHandlePointerDown = React18.useCallback(
+    (handle) => {
+      return (e) => {
+        if (!enabled || !onResizeSizingChange) return;
+        if (e.button !== 0) return;
+        e.preventDefault();
+        e.stopPropagation();
+        cleanupRef.current?.();
+        const rect = selectedElement.getBoundingClientRect();
+        const offsetWidth = selectedElement.offsetWidth;
+        const offsetHeight = selectedElement.offsetHeight;
+        const startWidth = clampSize(offsetWidth > 0 ? offsetWidth : rect.width, MIN_SIZE_PX);
+        const startHeight = clampSize(offsetHeight > 0 ? offsetHeight : rect.height, MIN_SIZE_PX);
+        const { scaleX: rawScaleX, scaleY: rawScaleY } = getElementScale(selectedElement);
+        const scaleX = Math.max(EPSILON, rawScaleX);
+        const scaleY = Math.max(EPSILON, rawScaleY);
+        const transactionId = `resize-${Date.now()}-${txCounterRef.current++}`;
+        const state = {
+          transactionId,
+          handle,
+          startClientX: e.clientX,
+          startClientY: e.clientY,
+          startWidth,
+          startHeight,
+          scaleX,
+          scaleY,
+          fillTargetWidth: computeFillRenderedWidth(selectedElement),
+          fillLocked: detectSizingMode(selectedElement, "width") === "fill"
+        };
+        emitSizingChange({}, { transactionId: state.transactionId, phase: "start" });
+        const onPointerMove = (moveEvent) => {
+          const dx = (moveEvent.clientX - state.startClientX) / state.scaleX;
+          const dy = (moveEvent.clientY - state.startClientY) / state.scaleY;
+          const nextSize = isEdgeHandle(state.handle) ? computeEdgeSize({
+            handle: state.handle,
+            startWidth: state.startWidth,
+            startHeight: state.startHeight,
+            dx,
+            dy,
+            minSize: MIN_SIZE_PX
+          }) : computeCornerProportionalSize({
+            handle: state.handle,
+            startWidth: state.startWidth,
+            startHeight: state.startHeight,
+            dx,
+            dy,
+            minSize: MIN_SIZE_PX
+          });
+          const nextWidth = Math.max(MIN_SIZE_PX, Math.round(nextSize.width));
+          const nextHeight = Math.max(MIN_SIZE_PX, Math.round(nextSize.height));
+          const changes = {};
+          if (WIDTH_HANDLES.has(state.handle)) {
+            if (state.fillTargetWidth !== null) {
+              const distance = Math.abs(nextWidth - state.fillTargetWidth);
+              if (state.fillLocked) {
+                if (distance > SNAP_OUT_PX) {
+                  state.fillLocked = false;
+                }
+              } else if (distance <= SNAP_IN_PX) {
+                state.fillLocked = true;
               }
-            } else if (distance <= SNAP_IN_PX) {
-              state.fillLocked = true;
+            } else {
+              state.fillLocked = false;
+            }
+            if (state.fillLocked) {
+              const fillWidth = state.fillTargetWidth ?? nextWidth;
+              changes.width = createSizingValue("fill", fillWidth);
+            } else {
+              changes.width = createSizingValue("fixed", nextWidth);
             }
-          } else {
-            state.fillLocked = false;
           }
-          if (state.fillLocked) {
-            const fillWidth = state.fillTargetWidth ?? nextWidth;
-            changes.width = createSizingValue("fill", fillWidth);
-          } else {
-            changes.width = createSizingValue("fixed", nextWidth);
+          if (HEIGHT_HANDLES.has(state.handle)) {
+            changes.height = createSizingValue("fixed", nextHeight);
           }
-        }
-        if (HEIGHT_HANDLES.has(state.handle)) {
-          changes.height = createSizingValue("fixed", nextHeight);
-        }
-        if (Object.keys(changes).length === 0) return;
-        emitSizingChange(changes, { transactionId: state.transactionId, phase: "update" });
+          if (Object.keys(changes).length === 0) return;
+          emitSizingChange(changes, { transactionId: state.transactionId, phase: "update" });
+        };
+        const stop = () => {
+          window.removeEventListener("pointermove", onPointerMove);
+          window.removeEventListener("pointerup", stop);
+          window.removeEventListener("pointercancel", stop);
+          window.removeEventListener("blur", stop);
+          cleanupRef.current = null;
+          emitSizingChange({}, { transactionId: state.transactionId, phase: "end" });
+        };
+        cleanupRef.current = stop;
+        window.addEventListener("pointermove", onPointerMove);
+        window.addEventListener("pointerup", stop);
+        window.addEventListener("pointercancel", stop);
+        window.addEventListener("blur", stop);
       };
-      const stop = () => {
-        window.removeEventListener("pointermove", onPointerMove);
-        window.removeEventListener("pointerup", stop);
-        window.removeEventListener("pointercancel", stop);
-        window.removeEventListener("blur", stop);
-        cleanupRef.current = null;
-        emitSizingChange({}, { transactionId: state.transactionId, phase: "end" });
+    },
+    [emitSizingChange, enabled, onResizeSizingChange, selectedElement]
+  );
+  const getResizeHandleDoubleClick = React18.useCallback(
+    (handle) => {
+      return (e) => {
+        if (!enabled || !onResizeSizingChange) return;
+        if (!isEdgeHandle(handle)) return;
+        const hasElementChildren = selectedElement.children.length > 0;
+        const hasTextContent = Boolean(selectedElement.textContent?.trim());
+        const isEligibleElement = hasElementChildren || hasTextContent;
+        if (!isEligibleElement) return;
+        e.preventDefault();
+        e.stopPropagation();
+        const rect = selectedElement.getBoundingClientRect();
+        const width = Math.max(MIN_SIZE_PX, Math.round(rect.width));
+        const height = Math.max(MIN_SIZE_PX, Math.round(rect.height));
+        if (handle === "left" || handle === "right") {
+          emitSizingChange({ width: createSizingValue("fit", width) });
+        } else {
+          emitSizingChange({ height: createSizingValue("fit", height) });
+        }
       };
-      cleanupRef.current = stop;
-      window.addEventListener("pointermove", onPointerMove);
-      window.addEventListener("pointerup", stop);
-      window.addEventListener("pointercancel", stop);
-      window.addEventListener("blur", stop);
-    };
-  }, [emitSizingChange, enabled, onResizeSizingChange, selectedElement]);
-  const getResizeHandleDoubleClick = React18.useCallback((handle) => {
-    return (e) => {
-      if (!enabled || !onResizeSizingChange) return;
-      if (!isEdgeHandle(handle)) return;
-      const hasElementChildren = selectedElement.children.length > 0;
-      const hasTextContent = Boolean(selectedElement.textContent?.trim());
-      const isEligibleElement = hasElementChildren || hasTextContent;
-      if (!isEligibleElement) return;
-      e.preventDefault();
-      e.stopPropagation();
-      const rect = selectedElement.getBoundingClientRect();
-      const width = Math.max(MIN_SIZE_PX, Math.round(rect.width));
-      const height = Math.max(MIN_SIZE_PX, Math.round(rect.height));
-      if (handle === "left" || handle === "right") {
-        emitSizingChange({ width: createSizingValue("fit", width) });
-      } else {
-        emitSizingChange({ height: createSizingValue("fit", height) });
-      }
-    };
-  }, [emitSizingChange, enabled, onResizeSizingChange, selectedElement]);
+    },
+    [emitSizingChange, enabled, onResizeSizingChange, selectedElement]
+  );
   return {
     getResizeHandlePointerDown,
     getResizeHandleDoubleClick
@@ -9948,17 +10174,20 @@ function getGroupBounds(rects) {
   if (rects.length === 0) {
     return { left: 0, top: 0, right: 0, bottom: 0 };
   }
-  return rects.reduce((bounds, rect) => ({
-    left: Math.min(bounds.left, rect.left),
-    top: Math.min(bounds.top, rect.top),
-    right: Math.max(bounds.right, rect.right),
-    bottom: Math.max(bounds.bottom, rect.bottom)
-  }), {
-    left: rects[0].left,
-    top: rects[0].top,
-    right: rects[0].right,
-    bottom: rects[0].bottom
-  });
+  return rects.reduce(
+    (bounds, rect) => ({
+      left: Math.min(bounds.left, rect.left),
+      top: Math.min(bounds.top, rect.top),
+      right: Math.max(bounds.right, rect.right),
+      bottom: Math.max(bounds.bottom, rect.bottom)
+    }),
+    {
+      left: rects[0].left,
+      top: rects[0].top,
+      right: rects[0].right,
+      bottom: rects[0].bottom
+    }
+  );
 }
 function MultiSelectionOverlay({ selectedElements }) {
   const elements = React20.useMemo(
@@ -9967,10 +10196,12 @@ function MultiSelectionOverlay({ selectedElements }) {
   );
   const [selectionRects, setSelectionRects] = React20.useState([]);
   const updateRects = React20.useCallback(() => {
-    setSelectionRects(elements.map((element) => ({
-      element,
-      rect: element.getBoundingClientRect()
-    })));
+    setSelectionRects(
+      elements.map((element) => ({
+        element,
+        rect: element.getBoundingClientRect()
+      }))
+    );
   }, [elements]);
   React20.useLayoutEffect(() => {
     updateRects();
@@ -13149,89 +13380,91 @@ function DirectEditPanelInner({
             sectionRefs
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex-1 overflow-y-auto backdrop-blur-xl bg-background/85", ref: scrollRef, onWheelCapture: (e) => e.stopPropagation(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-            LayoutSection,
-            {
-              elementInfo,
-              computedFlex,
-              computedSpacing,
-              computedSizing,
-              onToggleFlex,
-              onUpdateFlex,
-              onUpdateSpacing,
-              onUpdateSizing,
-              sectionRef: sectionRefs.layout
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.radius, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CollapsibleSection, { title: "Radius", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-            BorderRadiusInputs,
-            {
-              values: {
-                topLeft: computedBorderRadius.borderTopLeftRadius,
-                topRight: computedBorderRadius.borderTopRightRadius,
-                bottomRight: computedBorderRadius.borderBottomRightRadius,
-                bottomLeft: computedBorderRadius.borderBottomLeftRadius
-              },
-              onChange: onUpdateBorderRadius
-            }
-          ) }) }),
-          computedColor && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.fill, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-            BackgroundFillSection,
-            {
-              backgroundColor: computedColor.backgroundColor,
-              onSetCSS,
-              pendingStyles
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.border, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-            BorderSection,
-            {
-              border: computedBorder,
-              borderColor: computedColor?.borderColor,
-              outlineColor: computedColor?.outlineColor,
-              borderStyleControlPreference,
-              onChange: onUpdateBorder,
-              onBatchChange: onBatchUpdateBorder,
-              onBorderColorChange: (value) => onUpdateColor("borderColor", value),
-              onOutlineColorChange: (value) => onUpdateColor("outlineColor", value),
-              onSetCSS,
-              pendingStyles
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.shadow, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-            ShadowSection,
-            {
-              boxShadow: computedBoxShadow,
-              onSetCSS,
-              pendingStyles
-            }
-          ) }),
-          elementInfo.isTextElement && computedTypography && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.text, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CollapsibleSection, { title: "Text", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-            TypographyInputs,
-            {
-              typography: computedTypography,
-              onUpdate: onUpdateTypography
-            }
-          ) }) }),
-          computedColor && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.colors, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CollapsibleSection, { title: "Selection colors", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-            FillSection,
-            {
-              textColor: computedColor.color,
-              borderColor: computedColor.borderColor,
-              outlineColor: computedColor.outlineColor,
-              selectionColors,
-              onTextChange: (value) => onUpdateColor("color", value),
-              onBorderColorChange: (value) => onUpdateColor("borderColor", value),
-              onOutlineColorChange: (value) => onUpdateColor("outlineColor", value),
-              onSelectionColorChange: onReplaceSelectionColor,
-              onSelectionColorTarget: onSelectSelectionColorTarget,
-              hasTextContent: elementInfo.isTextElement,
-              showBorderColor: computedColor.borderColor.alpha > 0,
-              showOutlineColor: computedColor.outlineColor.alpha > 0
-            }
-          ) }) })
-        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+          "div",
+          {
+            className: "flex-1 overflow-y-auto backdrop-blur-xl bg-background/85",
+            ref: scrollRef,
+            onWheelCapture: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                LayoutSection,
+                {
+                  elementInfo,
+                  computedFlex,
+                  computedSpacing,
+                  computedSizing,
+                  onToggleFlex,
+                  onUpdateFlex,
+                  onUpdateSpacing,
+                  onUpdateSizing,
+                  sectionRef: sectionRefs.layout
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.radius, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CollapsibleSection, { title: "Radius", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                BorderRadiusInputs,
+                {
+                  values: {
+                    topLeft: computedBorderRadius.borderTopLeftRadius,
+                    topRight: computedBorderRadius.borderTopRightRadius,
+                    bottomRight: computedBorderRadius.borderBottomRightRadius,
+                    bottomLeft: computedBorderRadius.borderBottomLeftRadius
+                  },
+                  onChange: onUpdateBorderRadius
+                }
+              ) }) }),
+              computedColor && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.fill, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                BackgroundFillSection,
+                {
+                  backgroundColor: computedColor.backgroundColor,
+                  onSetCSS,
+                  pendingStyles
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.border, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                BorderSection,
+                {
+                  border: computedBorder,
+                  borderColor: computedColor?.borderColor,
+                  outlineColor: computedColor?.outlineColor,
+                  borderStyleControlPreference,
+                  onChange: onUpdateBorder,
+                  onBatchChange: onBatchUpdateBorder,
+                  onBorderColorChange: (value) => onUpdateColor("borderColor", value),
+                  onOutlineColorChange: (value) => onUpdateColor("outlineColor", value),
+                  onSetCSS,
+                  pendingStyles
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.shadow, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                ShadowSection,
+                {
+                  boxShadow: computedBoxShadow,
+                  onSetCSS,
+                  pendingStyles
+                }
+              ) }),
+              elementInfo.isTextElement && computedTypography && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.text, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CollapsibleSection, { title: "Text", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TypographyInputs, { typography: computedTypography, onUpdate: onUpdateTypography }) }) }),
+              computedColor && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref: sectionRefs.colors, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CollapsibleSection, { title: "Selection colors", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                FillSection,
+                {
+                  textColor: computedColor.color,
+                  borderColor: computedColor.borderColor,
+                  outlineColor: computedColor.outlineColor,
+                  selectionColors,
+                  onTextChange: (value) => onUpdateColor("color", value),
+                  onBorderColorChange: (value) => onUpdateColor("borderColor", value),
+                  onOutlineColorChange: (value) => onUpdateColor("outlineColor", value),
+                  onSelectionColorChange: onReplaceSelectionColor,
+                  onSelectionColorTarget: onSelectSelectionColorTarget,
+                  hasTextContent: elementInfo.isTextElement,
+                  showBorderColor: computedColor.borderColor.alpha > 0,
+                  showOutlineColor: computedColor.outlineColor.alpha > 0
+                }
+              ) }) })
+            ]
+          }
+        ),
         (onExportEdits || showSendButton && onSendToAgent) && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           PanelFooter,
           {
@@ -13304,6 +13537,8 @@ function DirectEditPanelContent() {
     addCommentReply,
     deleteComment,
     exportComment,
+    exportEdits,
+    sendEditToAgent: sendEditToAgent2,
     sendCommentToAgent: sendCommentToAgent2,
     setActiveCommentId,
     startTextEditing,
@@ -13337,21 +13572,23 @@ function DirectEditPanelContent() {
   const activeDraftComment = React34.useMemo(() => {
     if (!commentTargetElement || !activeCommentId) return null;
     const active = comments.find((comment) => comment.id === activeCommentId);
-    if (!active || active.text.trim().length > 0 || active.element !== commentTargetElement) return null;
+    if (!active || active.text.trim().length > 0 || active.element !== commentTargetElement)
+      return null;
     return active;
   }, [activeCommentId, commentTargetElement, comments]);
-  const { isActive: measurementActive, hoveredElement, measurements, mousePosition } = useMeasurement(
-    isOpen ? selectedElement : null
-  );
   const {
-    dragState,
-    dropIndicator,
-    startDrag
-  } = useMove({
+    isActive: measurementActive,
+    hoveredElement,
+    measurements,
+    mousePosition
+  } = useMeasurement(isOpen ? selectedElement : null);
+  const { dragState, dropIndicator, startDrag } = useMove({
     onMoveComplete: handleMoveComplete
   });
   const triggerCommentInputAttention = React34.useCallback((commentId) => {
-    setCommentInputAttention((prev) => prev?.commentId === commentId ? { commentId, nonce: prev.nonce + 1 } : { commentId, nonce: 1 });
+    setCommentInputAttention(
+      (prev) => prev?.commentId === commentId ? { commentId, nonce: prev.nonce + 1 } : { commentId, nonce: 1 }
+    );
   }, []);
   React34.useEffect(() => {
     if (!activeCommentId) {
@@ -13365,26 +13602,32 @@ function DirectEditPanelContent() {
       setCommentDraftBlockedHandler(null);
     };
   }, [activeCommentId, setCommentDraftBlockedHandler, triggerCommentInputAttention]);
-  const hasPendingCommentDraft = React34.useCallback((nextCommentId = null) => {
-    if (!activeCommentId) return false;
-    if (nextCommentId && nextCommentId === activeCommentId) return false;
-    const active = comments.find((comment) => comment.id === activeCommentId);
-    if (!active) return false;
-    const hasUnsentDraft = active.text.trim().length === 0 && commentDraftRef.current.trim().length > 0;
-    if (!hasUnsentDraft) return false;
-    triggerCommentInputAttention(active.id);
-    return true;
-  }, [activeCommentId, comments, triggerCommentInputAttention]);
-  const handleSetActiveComment = React34.useCallback((id) => {
-    if (hasPendingCommentDraft(id)) return;
-    if (activeCommentId && activeCommentId !== id) {
+  const hasPendingCommentDraft = React34.useCallback(
+    (nextCommentId = null) => {
+      if (!activeCommentId) return false;
+      if (nextCommentId && nextCommentId === activeCommentId) return false;
       const active = comments.find((comment) => comment.id === activeCommentId);
-      if (active && active.text.trim().length === 0) {
-        deleteComment(active.id);
+      if (!active) return false;
+      const hasUnsentDraft = active.text.trim().length === 0 && commentDraftRef.current.trim().length > 0;
+      if (!hasUnsentDraft) return false;
+      triggerCommentInputAttention(active.id);
+      return true;
+    },
+    [activeCommentId, comments, triggerCommentInputAttention]
+  );
+  const handleSetActiveComment = React34.useCallback(
+    (id) => {
+      if (hasPendingCommentDraft(id)) return;
+      if (activeCommentId && activeCommentId !== id) {
+        const active = comments.find((comment) => comment.id === activeCommentId);
+        if (active && active.text.trim().length === 0) {
+          deleteComment(active.id);
+        }
       }
-    }
-    setActiveCommentId(id);
-  }, [activeCommentId, comments, hasPendingCommentDraft, deleteComment, setActiveCommentId]);
+      setActiveCommentId(id);
+    },
+    [activeCommentId, comments, hasPendingCommentDraft, deleteComment, setActiveCommentId]
+  );
   const handleCommentPillClick = React34.useCallback(() => {
     if (activeDraftComment) {
       handleSetActiveComment(null);
@@ -13392,13 +13635,23 @@ function DirectEditPanelContent() {
     }
     if (hasPendingCommentDraft()) return;
     if (!commentTargetElement) return;
-    const existingDraft = comments.find((comment) => comment.element === commentTargetElement && comment.text.trim().length === 0);
+    const existingDraft = comments.find(
+      (comment) => comment.element === commentTargetElement && comment.text.trim().length === 0
+    );
     if (existingDraft) {
       setActiveCommentId(existingDraft.id);
       return;
     }
     addComment(commentTargetElement, getElementCommentAnchor(commentTargetElement));
-  }, [activeDraftComment, handleSetActiveComment, hasPendingCommentDraft, commentTargetElement, comments, setActiveCommentId, addComment]);
+  }, [
+    activeDraftComment,
+    handleSetActiveComment,
+    hasPendingCommentDraft,
+    commentTargetElement,
+    comments,
+    setActiveCommentId,
+    addComment
+  ]);
   React34.useEffect(() => {
     const previous = previousCommentTriggerRef.current;
     previousCommentTriggerRef.current = { editModeActive, commentTargetElement };
@@ -13495,58 +13748,81 @@ function DirectEditPanelContent() {
     if (pageTitle.length > 0) return pageTitle;
     return getElementDisplayName(pageFrameElement);
   }, [pageFrameElement]);
-  const handleSelectSelectionColorTarget = React34.useCallback((targetColor) => {
-    if (!selectedElement) return;
-    const toKey = (color) => `${color.hex.toUpperCase()}:${Math.round(color.alpha)}`;
-    const targetKey = toKey(targetColor);
-    const hasOwnText2 = (node) => Array.from(node.childNodes).some((child) => child.nodeType === Node.TEXT_NODE && (child.textContent ?? "").trim().length > 0);
-    const parseVisibleColor3 = (raw, fallbackCurrentColor) => {
-      const trimmed = raw.trim();
-      if (!trimmed || trimmed === "none" || trimmed === "transparent") return null;
-      const resolved = trimmed.toLowerCase() === "currentcolor" ? fallbackCurrentColor ?? trimmed : trimmed;
-      const parsed = parseColorValue(resolved);
-      return parsed.alpha > 0 ? parsed : null;
-    };
-    const hasMatchingColor = (node) => {
-      const computed = window.getComputedStyle(node);
-      const currentTextColor = computed.color;
-      const matches = (raw, fallback) => {
-        const parsed = parseVisibleColor3(raw, fallback);
-        return Boolean(parsed && toKey(parsed) === targetKey);
+  const handleSelectSelectionColorTarget = React34.useCallback(
+    (targetColor) => {
+      if (!selectedElement) return;
+      const toKey = (color) => `${color.hex.toUpperCase()}:${Math.round(color.alpha)}`;
+      const targetKey = toKey(targetColor);
+      const hasOwnText2 = (node) => Array.from(node.childNodes).some(
+        (child) => child.nodeType === Node.TEXT_NODE && (child.textContent ?? "").trim().length > 0
+      );
+      const parseVisibleColor3 = (raw, fallbackCurrentColor) => {
+        const trimmed = raw.trim();
+        if (!trimmed || trimmed === "none" || trimmed === "transparent") return null;
+        const resolved = trimmed.toLowerCase() === "currentcolor" ? fallbackCurrentColor ?? trimmed : trimmed;
+        const parsed = parseColorValue(resolved);
+        return parsed.alpha > 0 ? parsed : null;
       };
-      if (matches(computed.backgroundColor)) return true;
-      if (hasOwnText2(node) && matches(currentTextColor)) return true;
-      const borderSides = [
-        { style: computed.borderTopStyle, width: computed.borderTopWidth, color: computed.borderTopColor },
-        { style: computed.borderRightStyle, width: computed.borderRightWidth, color: computed.borderRightColor },
-        { style: computed.borderBottomStyle, width: computed.borderBottomWidth, color: computed.borderBottomColor },
-        { style: computed.borderLeftStyle, width: computed.borderLeftWidth, color: computed.borderLeftColor }
-      ];
-      for (const side of borderSides) {
-        if (side.style !== "none" && parseFloat(side.width) > 0 && matches(side.color, currentTextColor)) {
+      const hasMatchingColor = (node) => {
+        const computed = window.getComputedStyle(node);
+        const currentTextColor = computed.color;
+        const matches = (raw, fallback) => {
+          const parsed = parseVisibleColor3(raw, fallback);
+          return Boolean(parsed && toKey(parsed) === targetKey);
+        };
+        if (matches(computed.backgroundColor)) return true;
+        if (hasOwnText2(node) && matches(currentTextColor)) return true;
+        const borderSides = [
+          {
+            style: computed.borderTopStyle,
+            width: computed.borderTopWidth,
+            color: computed.borderTopColor
+          },
+          {
+            style: computed.borderRightStyle,
+            width: computed.borderRightWidth,
+            color: computed.borderRightColor
+          },
+          {
+            style: computed.borderBottomStyle,
+            width: computed.borderBottomWidth,
+            color: computed.borderBottomColor
+          },
+          {
+            style: computed.borderLeftStyle,
+            width: computed.borderLeftWidth,
+            color: computed.borderLeftColor
+          }
+        ];
+        for (const side of borderSides) {
+          if (side.style !== "none" && parseFloat(side.width) > 0 && matches(side.color, currentTextColor)) {
+            return true;
+          }
+        }
+        if (computed.outlineStyle !== "none" && parseFloat(computed.outlineWidth) > 0 && matches(computed.outlineColor, currentTextColor)) {
           return true;
         }
+        if (node instanceof SVGGraphicsElement) {
+          const fillMatch = matches(computed.getPropertyValue("fill"), currentTextColor) || matches(node.getAttribute("fill") ?? "", currentTextColor);
+          const strokeMatch = matches(computed.getPropertyValue("stroke"), currentTextColor) || matches(node.getAttribute("stroke") ?? "", currentTextColor);
+          if (fillMatch || strokeMatch) return true;
+        }
+        return false;
+      };
+      const descendants = Array.from(selectedElement.querySelectorAll("*"));
+      const firstDescendantMatch = descendants.find(
+        (node) => node instanceof HTMLElement && hasMatchingColor(node)
+      );
+      if (firstDescendantMatch) {
+        selectElement(firstDescendantMatch);
+        return;
       }
-      if (computed.outlineStyle !== "none" && parseFloat(computed.outlineWidth) > 0 && matches(computed.outlineColor, currentTextColor)) {
-        return true;
-      }
-      if (node instanceof SVGGraphicsElement) {
-        const fillMatch = matches(computed.getPropertyValue("fill"), currentTextColor) || matches(node.getAttribute("fill") ?? "", currentTextColor);
-        const strokeMatch = matches(computed.getPropertyValue("stroke"), currentTextColor) || matches(node.getAttribute("stroke") ?? "", currentTextColor);
-        if (fillMatch || strokeMatch) return true;
+      if (hasMatchingColor(selectedElement)) {
+        selectElement(selectedElement);
       }
-      return false;
-    };
-    const descendants = Array.from(selectedElement.querySelectorAll("*"));
-    const firstDescendantMatch = descendants.find((node) => node instanceof HTMLElement && hasMatchingColor(node));
-    if (firstDescendantMatch) {
-      selectElement(firstDescendantMatch);
-      return;
-    }
-    if (hasMatchingColor(selectedElement)) {
-      selectElement(selectedElement);
-    }
-  }, [selectedElement, selectElement]);
+    },
+    [selectedElement, selectElement]
+  );
   const handleMoveStart = (e, targetElement, options) => {
     const elementToDrag = targetElement ?? selectedElement;
     if (elementToDrag) {
@@ -13635,7 +13911,11 @@ function DirectEditPanelContent() {
         hoveredElement,
         measurements: [
           ...measurements,
-          ...calculateGuidelineMeasurements(selectedElement, getStoredGuidelines(), mousePosition)
+          ...calculateGuidelineMeasurements(
+            selectedElement,
+            getStoredGuidelines(),
+            mousePosition
+          )
         ]
       }
     ),
@@ -13690,6 +13970,9 @@ function DirectEditPanelContent() {
           onSelectSelectionColorTarget: handleSelectSelectionColorTarget,
           onUpdateTypography: updateTypographyProperty,
           onReset: resetToOriginal,
+          onExportEdits: exportEdits,
+          onSendToAgent: agentAvailable ? sendEditToAgent2 : void 0,
+          sendFailureReason: lastSendFailure?.reason ?? null,
           className: "fixed z-[99999]",
           style: {
             left: position.x,