made-refine 0.2.6 → 0.2.7

package/dist/index.js

@@ -53,6 +53,7 @@ __export(index_exports, {
   colorToTailwind: () => colorToTailwind,
   elementFromPointWithoutOverlays: () => elementFromPointWithoutOverlays,
   findContainerAtPoint: () => findContainerAtPoint,
+  findLayoutContainerAtPoint: () => findLayoutContainerAtPoint,
   formatColorValue: () => formatColorValue,
   formatPropertyValue: () => formatPropertyValue,
   getComputedBorderStyles: () => getComputedBorderStyles,
@@ -65,6 +66,7 @@ __export(index_exports, {
   getFlexDirection: () => getFlexDirection,
   getStoredGuidelines: () => getStoredGuidelines,
   isFlexContainer: () => isFlexContainer,
+  isLayoutContainer: () => isLayoutContainer,
   parseColorValue: () => parseColorValue,
   parsePropertyValue: () => parsePropertyValue,
   stylesToTailwind: () => stylesToTailwind,
@@ -85,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-lg:.5rem;--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}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.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)}.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}.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-\\[30px\\]{width:30px}.w-\\[60px\\]{width:60px}.w-\\[68px\\]{width:68px}.w-\\[180px\\]{width:180px}.w-\\[200px\\]{width:200px}.w-\\[260px\\]{width:260px}.w-\\[280px\\]{width:280px}.w-\\[300px\\]{width:300px}.w-\\[340px\\]{width:340px}.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)}.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}.\\[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-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-\\[2px\\]{gap:2px}.gap-\\[4px\\]{gap:4px}:where(.space-y-1\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}: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)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.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-lg{border-radius:var(--radius-lg)}.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-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-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\\.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-3{padding-left:calc(var(--spacing)*3)}.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}.text-\\[11px\\]{font-size:11px}.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)}.whitespace-nowrap{white-space:nowrap}.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-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-dotted{--tw-outline-style:dotted;outline-style:dotted}.outline-double{--tw-outline-style:double;outline-style:double}.outline-none{--tw-outline-style:none;outline-style:none}.outline-solid{--tw-outline-style:solid;outline-style:solid}.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}.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}.disabled\\:opacity-60:disabled{opacity:.6}.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-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\\[\\&_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-lg:.5rem;--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}.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)}.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}.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-\\[30px\\]{width:30px}.w-\\[60px\\]{width:60px}.w-\\[68px\\]{width:68px}.w-\\[180px\\]{width:180px}.w-\\[200px\\]{width:200px}.w-\\[260px\\]{width:260px}.w-\\[280px\\]{width:280px}.w-\\[300px\\]{width:300px}.w-\\[340px\\]{width:340px}.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)}.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}.\\[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-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-\\[2px\\]{gap:2px}.gap-\\[4px\\]{gap:4px}:where(.space-y-1\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}: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)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.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-lg{border-radius:var(--radius-lg)}.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-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-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\\.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-3{padding-left:calc(var(--spacing)*3)}.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}.text-\\[11px\\]{font-size:11px}.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)}.whitespace-nowrap{white-space:nowrap}.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-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-dotted{--tw-outline-style:dotted;outline-style:dotted}.outline-double{--tw-outline-style:double;outline-style:double}.outline-none{--tw-outline-style:none;outline-style:none}.outline-solid{--tw-outline-style:solid;outline-style:solid}.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}.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}.disabled\\:opacity-60:disabled{opacity:.6}.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-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\\[\\&_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");
@@ -1221,6 +1223,10 @@ function getFlexDirection(element) {
   const computed = window.getComputedStyle(element);
   return computed.flexDirection;
 }
+function isInFlowChild(el) {
+  const cs = window.getComputedStyle(el);
+  return cs.display !== "none" && cs.position !== "absolute" && cs.position !== "fixed";
+}
 function detectChildrenDirection(container, exclude) {
   const computed = window.getComputedStyle(container);
   if (computed.display === "flex" || computed.display === "inline-flex") {
@@ -1233,8 +1239,7 @@ function detectChildrenDirection(container, exclude) {
   const visible = [];
   for (const c of container.children) {
     if (!(c instanceof HTMLElement) || c === exclude) continue;
-    const cs = window.getComputedStyle(c);
-    if (cs.display === "none" || cs.position === "absolute" || cs.position === "fixed") continue;
+    if (!isInFlowChild(c)) continue;
     visible.push(c);
     if (visible.length === 2) break;
   }
@@ -1247,6 +1252,29 @@ function detectChildrenDirection(container, exclude) {
   }
   return { axis: "vertical", reversed: second.bottom < first.top };
 }
+function computeIntendedIndex(parent, draggedElement) {
+  const { axis } = detectChildrenDirection(parent, draggedElement);
+  const isHorizontal = axis === "horizontal";
+  const draggedRect = draggedElement.getBoundingClientRect();
+  const intendedCenter = isHorizontal ? draggedRect.left + draggedRect.width / 2 : draggedRect.top + draggedRect.height / 2;
+  const siblings = [];
+  for (const c of parent.children) {
+    if (!(c instanceof HTMLElement) || c === draggedElement) continue;
+    if (!isInFlowChild(c)) continue;
+    siblings.push(c);
+  }
+  if (siblings.length === 0) {
+    return { index: 0, siblingBefore: null, siblingAfter: null };
+  }
+  for (let i = 0; i < siblings.length; i++) {
+    const rect = siblings[i].getBoundingClientRect();
+    const midpoint = isHorizontal ? rect.left + rect.width / 2 : rect.top + rect.height / 2;
+    if (intendedCenter < midpoint) {
+      return { index: i, siblingBefore: i > 0 ? siblings[i - 1] : null, siblingAfter: siblings[i] };
+    }
+  }
+  return { index: siblings.length, siblingBefore: siblings[siblings.length - 1], siblingAfter: null };
+}
 function htmlChildren(el) {
   return Array.from(el.children).filter(
     (child) => child instanceof HTMLElement
@@ -1347,6 +1375,22 @@ function findContainerAtPoint(x, y, exclude, preferredParent) {
   }
   return findContainerViaTraversal(x, y, exclude);
 }
+function findLayoutContainerAtPoint(x, y, exclude, preferredParent) {
+  const host = document.querySelector("[data-direct-edit-host]");
+  if (host) host.style.display = "none";
+  const elements = document.elementsFromPoint(x, y);
+  if (host) host.style.display = "";
+  for (const el of elements) {
+    if (skipElement(el, exclude)) continue;
+    if (isLayoutContainer(el)) return el;
+  }
+  if (preferredParent && isLayoutContainer(preferredParent)) {
+    for (const el of elements) {
+      if (el === preferredParent) return preferredParent;
+    }
+  }
+  return null;
+}
 function calculateDropPosition(container, pointerX, pointerY, draggedElement) {
   const { axis, reversed: isReversed } = detectChildrenDirection(container, draggedElement);
   const isHorizontal = axis === "horizontal";
@@ -1741,7 +1785,11 @@ function getReactComponentStack(element) {
   return getRenderStack(fiber);
 }
 function getElementDisplayName(element) {
-  return element.tagName.toLowerCase();
+  const tag = element.tagName.toLowerCase();
+  if (element.id) return `${tag}#${element.id}`;
+  const firstClass = Array.from(element.classList).find((c) => c && !c.startsWith("direct-edit"));
+  if (firstClass) return `${tag}.${firstClass}`;
+  return tag;
 }
 var STABLE_ATTRIBUTES = ["data-testid", "data-qa", "data-cy", "aria-label", "role"];
 var MAX_SELECTOR_DEPTH = 24;
@@ -2029,26 +2077,28 @@ function parseDomSource(element) {
   }
   return { file, line, column };
 }
-function getElementLocator(element) {
-  const elementInfo = getElementInfo(element);
-  let domSource = parseDomSource(element);
-  if (!domSource) {
-    const seenFibers = /* @__PURE__ */ new Set();
-    let fiber = getFiberForElement(element);
-    while (fiber && !seenFibers.has(fiber)) {
-      seenFibers.add(fiber);
-      const fiberSource = getSourceFromFiber(fiber);
-      if (fiberSource?.fileName) {
-        domSource = {
-          file: fiberSource.fileName,
-          line: fiberSource.lineNumber,
-          column: fiberSource.columnNumber
-        };
-        break;
-      }
-      fiber = fiber._debugOwner ?? fiber.return ?? null;
+function getElementSource(element) {
+  const domSource = parseDomSource(element);
+  if (domSource) return domSource;
+  const seenFibers = /* @__PURE__ */ new Set();
+  let fiber = getFiberForElement(element);
+  while (fiber && !seenFibers.has(fiber)) {
+    seenFibers.add(fiber);
+    const fiberSource = getSourceFromFiber(fiber);
+    if (fiberSource?.fileName) {
+      return {
+        file: fiberSource.fileName,
+        line: fiberSource.lineNumber,
+        column: fiberSource.columnNumber
+      };
     }
+    fiber = fiber._debugOwner ?? fiber.return ?? null;
   }
+  return null;
+}
+function getElementLocator(element) {
+  const elementInfo = getElementInfo(element);
+  const domSource = getElementSource(element);
   return {
     reactStack: getReactComponentStack(element),
     domSelector: buildDomSelector(element),
@@ -2067,7 +2117,7 @@ function getLocatorHeader(locator) {
   const formattedSource = locator.domSource?.file ? formatSourceLocation(locator.domSource.file, locator.domSource.line, locator.domSource.column) : primaryFrame?.file ? formatSourceLocation(primaryFrame.file, primaryFrame.line, primaryFrame.column) : null;
   return { componentLabel, formattedSource };
 }
-function buildLocatorContextLines(locator) {
+function buildLocatorContextLines(locator, options) {
   const lines = [];
   const { componentLabel, formattedSource } = getLocatorHeader(locator);
   const target = (locator.targetHtml || locator.domContextHtml || "").trim();
@@ -2080,7 +2130,7 @@ function buildLocatorContextLines(locator) {
     lines.push("target:");
     lines.push(target);
   }
-  if (context && context !== target) {
+  if (!options?.skipContext && context && context !== target) {
     lines.push("context:");
     lines.push(context);
   }
@@ -2234,6 +2284,29 @@ function buildEditExport(arg1, arg2, arg3, arg4, arg5, arg6, arg7) {
   }
   return lines.join("\n");
 }
+function buildEditExportWithOptions(locator, pendingStyles, textEdit, options) {
+  const changes = [];
+  const collapsedStyles = collapseExportShorthands(pendingStyles);
+  for (const [property, value] of Object.entries(collapsedStyles)) {
+    const tailwindClass = stylesToTailwind({ [property]: value });
+    changes.push({ property, value, tailwind: tailwindClass });
+  }
+  const lines = buildLocatorContextLines(locator, options);
+  lines.push("");
+  if (changes.length > 0) {
+    lines.push("edits:");
+    for (const change of changes) {
+      const tailwind = change.tailwind ? ` (${change.tailwind})` : "";
+      lines.push(`${change.property}: ${change.value}${tailwind}`);
+    }
+  }
+  if (textEdit) {
+    lines.push("text content changed:");
+    lines.push(`from: "${textEdit.originalText}"`);
+    lines.push(`to: "${textEdit.newText}"`);
+  }
+  return lines.join("\n");
+}
 function buildCommentExport(locator, commentText, replies) {
   const lines = buildLocatorContextLines(locator);
   lines.push("");
@@ -2245,55 +2318,545 @@ function buildCommentExport(locator, commentText, replies) {
   }
   return lines.join("\n");
 }
-function formatPosition(siblingBefore, siblingAfter) {
-  if (siblingBefore && siblingAfter) return `after <${siblingBefore}>`;
-  if (siblingBefore && !siblingAfter) return `after <${siblingBefore}> (last)`;
-  if (!siblingBefore && siblingAfter) return `before <${siblingAfter}> (first)`;
-  return "(only child)";
+function normalizeSelector(selector) {
+  const value = selector?.trim();
+  return value && value.length > 0 ? value : null;
 }
-function formatMoveSummary(move) {
-  const fromPosition = formatPosition(move.fromSiblingBefore, move.fromSiblingAfter);
-  const toPosition = formatPosition(move.toSiblingBefore, move.toSiblingAfter);
-  if (move.fromParentName === move.toParentName) {
-    return `in <${move.toParentName}>, from ${fromPosition} to ${toPosition}`;
+function normalizeName(name) {
+  return name?.trim().toLowerCase() || "element";
+}
+function buildAnchorRef(name, selector, source) {
+  return {
+    name: name?.trim() || "element",
+    selector: normalizeSelector(selector),
+    source: source?.file ? source : null
+  };
+}
+function anchorKey(anchor) {
+  if (!anchor) return "none";
+  const selector = normalizeSelector(anchor.selector);
+  if (selector) return `selector:${selector}`;
+  if (anchor.source?.file) {
+    return `source:${anchor.source.file}:${anchor.source.line ?? 0}:${anchor.source.column ?? 0}`;
+  }
+  return `name:${normalizeName(anchor.name)}`;
+}
+function anchorsEqual(a, b) {
+  if (!a && !b) return true;
+  if (!a || !b) return false;
+  const aSelector = normalizeSelector(a.selector);
+  const bSelector = normalizeSelector(b.selector);
+  if (aSelector && bSelector) return aSelector === bSelector;
+  if (a.source?.file && b.source?.file) {
+    return a.source.file === b.source.file && (a.source.line ?? null) === (b.source.line ?? null) && (a.source.column ?? null) === (b.source.column ?? null);
+  }
+  return normalizeName(a.name) === normalizeName(b.name);
+}
+function formatAnchorRef(anchor, fallback = "(none)") {
+  if (!anchor) return fallback;
+  const selector = normalizeSelector(anchor.selector);
+  if (selector) return selector;
+  if (anchor.source?.file) return `<${anchor.name}> @ ${formatSourceLocation(anchor.source.file, anchor.source.line, anchor.source.column)}`;
+  return `<${anchor.name}>`;
+}
+function buildPlacementRef(before, after) {
+  if (before && after) {
+    return {
+      before,
+      after,
+      description: `between after ${formatAnchorRef(before)} and before ${formatAnchorRef(after)}`
+    };
+  }
+  if (before) {
+    return {
+      before,
+      after: null,
+      description: `after ${formatAnchorRef(before)}`
+    };
+  }
+  if (after) {
+    return {
+      before: null,
+      after,
+      description: `before ${formatAnchorRef(after)}`
+    };
   }
-  return `from <${move.fromParentName}> ${fromPosition} to <${move.toParentName}> ${toPosition}`;
+  return {
+    before: null,
+    after: null,
+    description: "as the only child"
+  };
 }
-function formatMoveSelector(selector, fallback) {
-  const normalized = selector?.trim();
-  return normalized ? normalized : fallback;
+function buildPlacementFromMove(beforeName, beforeSelector, beforeSource, afterName, afterSelector, afterSource) {
+  const before = beforeName || beforeSelector || beforeSource?.file ? buildAnchorRef(beforeName, beforeSelector, beforeSource) : null;
+  const after = afterName || afterSelector || afterSource?.file ? buildAnchorRef(afterName, afterSelector, afterSource) : null;
+  return buildPlacementRef(before, after);
+}
+function toRoundedVisualDelta(move) {
+  const delta = move.visualDelta ?? move.positionDelta;
+  if (!delta) return void 0;
+  const rounded = { x: Math.round(delta.x), y: Math.round(delta.y) };
+  return rounded.x === 0 && rounded.y === 0 ? void 0 : rounded;
+}
+function hasVisualIntent(move) {
+  return Boolean(toRoundedVisualDelta(move));
+}
+function hasStructuralChange(move) {
+  const fromParent = buildAnchorRef(move.fromParentName, move.fromParentSelector, move.fromParentSource);
+  const toParent = buildAnchorRef(move.toParentName, move.toParentSelector, move.toParentSource);
+  const fromPlacement = buildPlacementFromMove(
+    move.fromSiblingBefore,
+    move.fromSiblingBeforeSelector,
+    move.fromSiblingBeforeSource,
+    move.fromSiblingAfter,
+    move.fromSiblingAfterSelector,
+    move.fromSiblingAfterSource
+  );
+  const toPlacement = buildPlacementFromMove(
+    move.toSiblingBefore,
+    move.toSiblingBeforeSelector,
+    move.toSiblingBeforeSource,
+    move.toSiblingAfter,
+    move.toSiblingAfterSelector,
+    move.toSiblingAfterSource
+  );
+  if (!anchorsEqual(fromParent, toParent)) return true;
+  if (!anchorsEqual(fromPlacement.before, toPlacement.before)) return true;
+  if (!anchorsEqual(fromPlacement.after, toPlacement.after)) return true;
+  if (typeof move.fromIndex === "number" && typeof move.toIndex === "number" && move.fromIndex !== move.toIndex) return true;
+  return false;
 }
-function formatMoveSource(source, fallback) {
-  if (!source?.file) return fallback;
-  return formatSourceLocation(source.file, source.line, source.column);
+function isStructuredLayoutContainer(layout) {
+  return layout === "flex" || layout === "grid";
+}
+function isExistingFlexWorkflow(move) {
+  const structuralChange = hasStructuralChange(move);
+  if (!structuralChange) return false;
+  const fromParent = buildAnchorRef(move.fromParentName, move.fromParentSelector, move.fromParentSource);
+  const toParent = buildAnchorRef(move.toParentName, move.toParentSelector, move.toParentSource);
+  const sameParent = anchorsEqual(fromParent, toParent);
+  const fromLayout = move.fromParentLayout;
+  const toLayout = move.toParentLayout;
+  if (sameParent) {
+    return Boolean(move.mode === "reorder" && (isStructuredLayoutContainer(toLayout) || isStructuredLayoutContainer(fromLayout)));
+  }
+  return Boolean(isStructuredLayoutContainer(fromLayout) && isStructuredLayoutContainer(toLayout));
+}
+function classifyMove(move) {
+  const structuralChange = hasStructuralChange(move);
+  const visualIntent = hasVisualIntent(move);
+  if (!structuralChange && !visualIntent) return "noop";
+  if (isExistingFlexWorkflow(move)) return "existing_layout_move";
+  if (move.mode === "free" || move.mode === "position") return "layout_refactor";
+  if (!structuralChange && visualIntent) return "layout_refactor";
+  return "layout_refactor";
+}
+function buildNumericClusters(values, tolerance) {
+  if (values.length === 0) return [];
+  const sorted = [...values].sort((a, b) => a - b);
+  const clusters = [{ center: sorted[0], values: [sorted[0]] }];
+  for (let i = 1; i < sorted.length; i++) {
+    const value = sorted[i];
+    const current = clusters[clusters.length - 1];
+    if (Math.abs(value - current.center) <= tolerance) {
+      current.values.push(value);
+      current.center = current.values.reduce((sum, n) => sum + n, 0) / current.values.length;
+    } else {
+      clusters.push({ center: value, values: [value] });
+    }
+  }
+  return clusters;
 }
-function buildMoveExportLines(move) {
-  return [
+function inferFlexDirection(sameRowCount, sameColumnCount, visualDelta) {
+  if (sameRowCount > sameColumnCount) {
+    return { direction: "row", reason: "Subject aligns with neighboring anchors on the same row." };
+  }
+  if (sameColumnCount > sameRowCount) {
+    return { direction: "column", reason: "Subject aligns with neighboring anchors on the same column." };
+  }
+  if (sameRowCount > 0) {
+    return { direction: "row", reason: "Detected row alignment in final geometry." };
+  }
+  if (sameColumnCount > 0) {
+    return { direction: "column", reason: "Detected column alignment in final geometry." };
+  }
+  const horizontalDominant = Math.abs(visualDelta?.x ?? 0) >= Math.abs(visualDelta?.y ?? 0);
+  return {
+    direction: horizontalDominant ? "row" : "column",
+    reason: "Fell back to movement axis because anchor alignment was ambiguous."
+  };
+}
+function inferLayoutPrescription(edit, operation, reasons) {
+  const parent = edit.element.parentElement;
+  if (!parent || !edit.element.isConnected) {
+    return {
+      recommendedSystem: "flex",
+      intentPatterns: ["no_geometry_context"],
+      refactorSteps: [
+        `Reparent ${formatAnchorRef(operation.subject)} under ${formatAnchorRef(operation.to.parent)} at ${operation.to.placement.description}.`
+      ],
+      styleSteps: [
+        `Convert ${formatAnchorRef(operation.to.parent)} to flex and set a clear primary axis for this relationship.`,
+        "Use `gap` for spacing and keep positioning static."
+      ],
+      itemSteps: [
+        "Remove any inline `left/top/transform` move artifacts from moved elements."
+      ]
+    };
+  }
+  const children = Array.from(parent.children).filter(
+    (node) => node instanceof HTMLElement && isInFlowChild(node) && !node.hasAttribute("data-direct-edit")
+  );
+  const childSnapshots = children.map((child) => {
+    const rect = child.getBoundingClientRect();
+    const locator = getElementLocator(child);
+    const anchor = buildAnchorRef(getElementDisplayName(child), locator.domSelector, locator.domSource);
+    return {
+      child,
+      rect,
+      centerX: rect.left + rect.width / 2,
+      centerY: rect.top + rect.height / 2,
+      anchor,
+      anchorLabel: formatAnchorRef(anchor)
+    };
+  });
+  const subjectSnapshot = childSnapshots.find((snapshot2) => snapshot2.child === edit.element);
+  const subjectRect = edit.element.getBoundingClientRect();
+  const subjectCenterX = subjectRect.left + subjectRect.width / 2;
+  const subjectCenterY = subjectRect.top + subjectRect.height / 2;
+  const rowTolerance = Math.max(8, subjectRect.height * 0.35);
+  const colTolerance = Math.max(8, subjectRect.width * 0.35);
+  const sameRowWith = [];
+  const sameColumnWith = [];
+  const sameRowNodes = [];
+  let aboveAnchor = null;
+  let belowAnchor = null;
+  let bestAboveDistance = Number.POSITIVE_INFINITY;
+  let bestBelowDistance = Number.POSITIVE_INFINITY;
+  for (const node of childSnapshots) {
+    if (node.child === edit.element) continue;
+    if (Math.abs(node.centerY - subjectCenterY) <= rowTolerance) {
+      sameRowWith.push(node.anchorLabel);
+      sameRowNodes.push(node);
+    }
+    if (Math.abs(node.centerX - subjectCenterX) <= colTolerance) {
+      sameColumnWith.push(node.anchorLabel);
+    }
+    const yDelta = node.centerY - subjectCenterY;
+    if (yDelta < 0 && Math.abs(yDelta) < bestAboveDistance) {
+      bestAboveDistance = Math.abs(yDelta);
+      aboveAnchor = node.anchorLabel;
+    }
+    if (yDelta > 0 && yDelta < bestBelowDistance) {
+      bestBelowDistance = yDelta;
+      belowAnchor = node.anchorLabel;
+    }
+  }
+  const rowCenters = childSnapshots.map(({ centerY }) => centerY);
+  const colCenters = childSnapshots.map(({ centerX }) => centerX);
+  const rowClusters = buildNumericClusters(rowCenters, rowTolerance);
+  const colClusters = buildNumericClusters(colCenters, colTolerance);
+  const denseRowClusters = rowClusters.filter((cluster) => cluster.values.length >= 2).length;
+  const denseColClusters = colClusters.filter((cluster) => cluster.values.length >= 2).length;
+  const isTwoDimensional = childSnapshots.length >= 4 && denseRowClusters >= 2 && denseColClusters >= 2;
+  const recommendedSystem = isTwoDimensional ? "grid" : "flex";
+  const intentPatterns = [];
+  if (sameRowWith.length > 0) intentPatterns.push(`same_row_with:${sameRowWith.slice(0, 3).join(", ")}`);
+  if (sameColumnWith.length > 0) intentPatterns.push(`same_column_with:${sameColumnWith.slice(0, 3).join(", ")}`);
+  if (aboveAnchor) intentPatterns.push(`below:${aboveAnchor}`);
+  if (belowAnchor) intentPatterns.push(`above:${belowAnchor}`);
+  if (sameRowWith.length === 0 && sameColumnWith.length === 0) intentPatterns.push("separate_cluster");
+  const visualDelta = operation.visualDelta;
+  const flexDirectionInfo = inferFlexDirection(sameRowWith.length, sameColumnWith.length, visualDelta);
+  const flexDirection = flexDirectionInfo.direction;
+  if (recommendedSystem === "grid") {
+    reasons.push("Detected multiple dense row and column clusters; a 2D layout system is likely intentional.");
+    return {
+      recommendedSystem: "grid",
+      intentPatterns,
+      refactorSteps: [
+        `Create/ensure a shared container around ${formatAnchorRef(operation.subject)} and related anchors under ${formatAnchorRef(operation.to.parent)}.`,
+        `Reorder/reparent elements to satisfy placement ${operation.to.placement.description}.`
+      ],
+      styleSteps: [
+        `Set ${formatAnchorRef(operation.to.parent)} to grid with explicit template rows/columns for the final layout.`,
+        "Use `gap` for consistent spacing and keep placement structural."
+      ],
+      itemSteps: [
+        `Set item alignment on ${formatAnchorRef(operation.subject)} with grid self-alignment (\`justify-self\`/\`align-self\`).`
+      ]
+    };
+  }
+  reasons.push(`${flexDirectionInfo.reason} Use a 1D flex layout instead of literal drag replay.`);
+  let hasStackedCluster = false;
+  const stackedAnchorLabels = /* @__PURE__ */ new Set();
+  if (flexDirection === "row" && subjectSnapshot) {
+    for (const rowPeer of sameRowNodes) {
+      for (const node of childSnapshots) {
+        if (node.child === edit.element || node.child === rowPeer.child) continue;
+        const sameColumnAsPeer = Math.abs(node.centerX - rowPeer.centerX) <= colTolerance;
+        const verticallySeparated = Math.abs(node.centerY - rowPeer.centerY) > rowTolerance;
+        if (sameColumnAsPeer && verticallySeparated) {
+          hasStackedCluster = true;
+          stackedAnchorLabels.add(rowPeer.anchorLabel);
+          stackedAnchorLabels.add(node.anchorLabel);
+        }
+      }
+    }
+  }
+  const hasBelowCluster = childSnapshots.some((node) => node.child !== edit.element && node.centerY - subjectCenterY > rowTolerance * 1.5 && Math.abs(node.centerY - subjectCenterY) > Math.abs(node.centerX - subjectCenterX));
+  const refactorSteps = [
+    `Ensure ${formatAnchorRef(operation.subject)} and referenced neighbors share a common container under ${formatAnchorRef(operation.to.parent)}.`,
+    `Reparent/reorder nodes so ${formatAnchorRef(operation.subject)} lands ${operation.to.placement.description}.`
+  ];
+  if (flexDirection === "row" && hasStackedCluster) {
+    const clusterSample = Array.from(stackedAnchorLabels).slice(0, 3).join(", ");
+    refactorSteps.push(`Create a left-side content wrapper for vertically stacked items (${clusterSample}), and keep ${formatAnchorRef(operation.subject)} as the opposite-side sibling.`);
+  }
+  if (hasBelowCluster) {
+    refactorSteps.push("Keep lower content sections in a separate block below the horizontal header row; do not force them into the same row.");
+  }
+  const styleSteps = [
+    `Set ${formatAnchorRef(operation.to.parent)} to flex with direction ${flexDirection}.`,
+    flexDirection === "row" ? "Use `justify-content: space-between` and `align-items: flex-start` when the moved element should sit on the opposite edge." : "Use `justify-content` / `align-items` to establish top-bottom alignment.",
+    "Use `gap` for spacing between siblings."
+  ];
+  if (flexDirection === "row" && hasStackedCluster) {
+    styleSteps.push("Set the content wrapper to `display: flex` with `flex-direction: column` and an appropriate vertical gap.");
+  }
+  return {
+    recommendedSystem: "flex",
+    intentPatterns,
+    refactorSteps,
+    styleSteps,
+    itemSteps: [
+      `Apply item-level alignment (\`align-self\` / flex-basis) only when needed for ${formatAnchorRef(operation.subject)}.`,
+      "Do not use absolute positioning, top/left offsets, transforms, or margin hacks to simulate movement."
+    ]
+  };
+}
+function buildMoveEntries(edits) {
+  const entries = [];
+  let noopMoveCount = 0;
+  for (const edit of edits) {
+    const move = edit.move;
+    if (!move) continue;
+    const subject = buildAnchorRef(
+      getElementDisplayName(edit.element) || edit.locator.tagName,
+      edit.locator.domSelector,
+      edit.locator.domSource
+    );
+    const fromParent = buildAnchorRef(move.fromParentName, move.fromParentSelector, move.fromParentSource);
+    const toParent = buildAnchorRef(move.toParentName, move.toParentSelector, move.toParentSource);
+    const fromPlacement = buildPlacementFromMove(
+      move.fromSiblingBefore,
+      move.fromSiblingBeforeSelector,
+      move.fromSiblingBeforeSource,
+      move.fromSiblingAfter,
+      move.fromSiblingAfterSelector,
+      move.fromSiblingAfterSource
+    );
+    const toPlacement = buildPlacementFromMove(
+      move.toSiblingBefore,
+      move.toSiblingBeforeSelector,
+      move.toSiblingBeforeSource,
+      move.toSiblingAfter,
+      move.toSiblingAfterSelector,
+      move.toSiblingAfterSource
+    );
+    const reasons = [];
+    const classification = classifyMove(move);
+    if (classification === "noop") {
+      noopMoveCount++;
+      continue;
+    }
+    const interactionMode = move.mode ?? "free";
+    const visualDelta = toRoundedVisualDelta(move);
+    if (visualDelta) {
+      reasons.push(`Non-zero visual delta detected (${visualDelta.x}px, ${visualDelta.y}px).`);
+    }
+    const structuralChange = hasStructuralChange(move);
+    if (structuralChange) reasons.push("Anchor placement changed between source and target.");
+    else reasons.push("No anchor placement change; treating movement as layout intent translation.");
+    const operationBase = {
+      classification,
+      interactionMode,
+      subject,
+      from: { parent: fromParent, placement: fromPlacement },
+      to: { parent: toParent, placement: toPlacement },
+      ...visualDelta ? { visualDelta } : {},
+      confidence: classification === "existing_layout_move" ? "high" : structuralChange ? "medium" : "high",
+      reasons
+    };
+    if (classification === "layout_refactor") {
+      operationBase.layoutPrescription = inferLayoutPrescription(edit, operationBase, reasons);
+    }
+    const sortSource = subject.source?.file ? `${subject.source.file}:${subject.source.line ?? 0}:${subject.source.column ?? 0}` : "";
+    const sortKey = [
+      sortSource,
+      anchorKey(subject),
+      anchorKey(toParent),
+      toPlacement.description
+    ].join("|");
+    entries.push({ edit, operation: operationBase, sortKey });
+  }
+  entries.sort((a, b) => a.sortKey.localeCompare(b.sortKey));
+  return { entries, noopMoveCount };
+}
+function buildMovePlanContext(edits, _domContext) {
+  const { entries, noopMoveCount } = buildMoveEntries(edits);
+  if (entries.length === 0) {
+    return {
+      movePlan: null,
+      intentsByEdit: /* @__PURE__ */ new Map(),
+      noopMoveCount
+    };
+  }
+  const operations = [];
+  const intentsByEdit = /* @__PURE__ */ new Map();
+  for (let i = 0; i < entries.length; i++) {
+    const operationId = `op-${i + 1}`;
+    const operation = { operationId, ...entries[i].operation };
+    operations.push(operation);
+    intentsByEdit.set(entries[i].edit, operation);
+  }
+  const affectedContainerMap = /* @__PURE__ */ new Map();
+  for (const operation of operations) {
+    affectedContainerMap.set(anchorKey(operation.from.parent), operation.from.parent);
+    affectedContainerMap.set(anchorKey(operation.to.parent), operation.to.parent);
+  }
+  const orderingConstraints = operations.filter((op) => op.classification === "existing_layout_move").map((op) => `${op.operationId}: place ${formatAnchorRef(op.subject)} ${op.to.placement.description} in ${formatAnchorRef(op.to.parent)}.`);
+  const notes = [];
+  if (noopMoveCount > 0) notes.push(`Excluded ${noopMoveCount} no-op move(s).`);
+  if (operations.some((op) => op.classification === "layout_refactor")) {
+    notes.push("Layout refactor operations include best-practice flex/grid prescriptions.");
+  }
+  return {
+    movePlan: {
+      operations,
+      affectedContainers: Array.from(affectedContainerMap.values()),
+      orderingConstraints,
+      notes
+    },
+    intentsByEdit,
+    noopMoveCount
+  };
+}
+function getMoveIntentForEdit(edit, context) {
+  if (!edit.move) return null;
+  if (context?.intentsByEdit.has(edit)) return context.intentsByEdit.get(edit) ?? null;
+  const singleContext = buildMovePlanContext([edit]);
+  return singleContext.intentsByEdit.get(edit) ?? null;
+}
+function buildMoveInstructionFromIntent(intent) {
+  if (intent.classification === "existing_layout_move") {
+    return `Apply as a structural move in code: place ${formatAnchorRef(intent.subject)} ${intent.to.placement.description} in ${formatAnchorRef(intent.to.parent)}.`;
+  }
+  const system = intent.layoutPrescription?.recommendedSystem ?? "flex";
+  return `Treat this as a ${system} layout refactor. Implement the listed structure/style steps in source code instead of drag replay.`;
+}
+function formatMoveType(classification) {
+  return classification === "existing_layout_move" ? "structural_move" : "layout_refactor";
+}
+function buildMoveExportLines(intent) {
+  const moveType = formatMoveType(intent.classification);
+  const implementationSteps = [];
+  if (intent.classification === "existing_layout_move") {
+    implementationSteps.push(`Reorder/reparent ${formatAnchorRef(intent.subject)} to ${intent.to.placement.description} in ${formatAnchorRef(intent.to.parent)}.`);
+  } else {
+    const prescription = intent.layoutPrescription;
+    if (prescription) {
+      implementationSteps.push(...prescription.refactorSteps);
+      implementationSteps.push(...prescription.styleSteps);
+      implementationSteps.push(...prescription.itemSteps);
+    }
+  }
+  const lines = [
     "moved:",
-    `summary: ${formatMoveSummary(move)}`,
-    `from_parent_selector: ${formatMoveSelector(move.fromParentSelector, "(unknown)")}`,
-    `from_before_selector: ${formatMoveSelector(move.fromSiblingBeforeSelector, "(none)")}`,
-    `from_after_selector: ${formatMoveSelector(move.fromSiblingAfterSelector, "(none)")}`,
-    `from_parent_source: ${formatMoveSource(move.fromParentSource, "(unknown)")}`,
-    `from_before_source: ${formatMoveSource(move.fromSiblingBeforeSource, "(none)")}`,
-    `from_after_source: ${formatMoveSource(move.fromSiblingAfterSource, "(none)")}`,
-    `to_parent_selector: ${formatMoveSelector(move.toParentSelector, "(unknown)")}`,
-    `to_before_selector: ${formatMoveSelector(move.toSiblingBeforeSelector, "(none)")}`,
-    `to_after_selector: ${formatMoveSelector(move.toSiblingAfterSelector, "(none)")}`,
-    `to_parent_source: ${formatMoveSource(move.toParentSource, "(unknown)")}`,
-    `to_before_source: ${formatMoveSource(move.toSiblingBeforeSource, "(none)")}`,
-    `to_after_source: ${formatMoveSource(move.toSiblingAfterSource, "(none)")}`
+    `id: ${intent.operationId}`,
+    `type: ${moveType}`,
+    `subject: ${formatAnchorRef(intent.subject, "(unknown)")}`,
+    `parent: ${formatAnchorRef(intent.to.parent, "(unknown)")}`,
+    `current_anchor: ${intent.from.placement.description}`,
+    `target_anchor: ${intent.to.placement.description}`,
+    ...intent.visualDelta ? [`visual_hint: ${intent.visualDelta.x}px horizontal, ${intent.visualDelta.y}px vertical`] : []
   ];
+  if (intent.layoutPrescription) {
+    lines.push(`recommended_layout: ${intent.layoutPrescription.recommendedSystem}`);
+  }
+  lines.push("implementation_steps:");
+  for (const step of implementationSteps) {
+    lines.push(`  - ${step}`);
+  }
+  lines.push("guardrails:");
+  lines.push("  - Do not simulate movement with absolute positioning, left/top offsets, transform, or margin hacks.");
+  lines.push(`instruction: ${buildMoveInstructionFromIntent(intent)}`);
+  return lines;
+}
+function getExportContentProfile(edits, comments, movePlanOrContext) {
+  const moveOpCount = movePlanOrContext ? "operations" in movePlanOrContext ? movePlanOrContext.operations.length : movePlanOrContext.movePlan?.operations.length ?? 0 : buildMovePlanContext(edits).movePlan?.operations.length ?? 0;
+  return {
+    hasCssEdits: edits.some((e) => Object.keys(e.pendingStyles).length > 0),
+    hasTextEdits: edits.some((e) => e.textEdit != null),
+    hasMoves: moveOpCount > 0,
+    hasComments: comments.length > 0
+  };
+}
+function buildExportInstruction(profile) {
+  const { hasCssEdits, hasTextEdits, hasMoves, hasComments } = profile;
+  if (!hasCssEdits && !hasTextEdits && !hasMoves && !hasComments) return "";
+  if (!hasCssEdits && !hasTextEdits && !hasMoves) {
+    return hasComments ? "Address this feedback on the UI. Use the provided source location and selector to find each element in the codebase." : "";
+  }
+  const parts = [];
+  if (hasCssEdits) parts.push("Apply the CSS changes to the targeted elements using the project's existing styling approach (Tailwind, CSS modules, etc.).");
+  if (hasTextEdits) parts.push("Update the text content as specified.");
+  if (hasMoves) parts.push("Implement the move plan below directly in source code. For `structural_move`, reorder/reparent elements using the target anchors. For `layout_refactor`, apply the listed flex/grid refactor steps. Do NOT simulate movement with absolute positioning, left/top offsets, transform, or margin hacks.");
+  if (hasComments) parts.push("Address the comments on the relevant elements.");
+  return `${parts.join(" ")} Use the provided source locations, selectors, and context HTML to locate each element in the codebase.`;
 }
-function buildSessionExport(edits, comments = []) {
+function buildSessionExport(edits, comments = [], options) {
   const blocks = [];
-  for (const edit of edits) {
-    let block = buildEditExport(edit.locator, edit.pendingStyles, edit.textEdit);
-    if (edit.move) {
-      block += `
-${buildMoveExportLines(edit.move).join("\n")}`;
+  const planContext = options?.movePlanContext ?? buildMovePlanContext(edits);
+  const movePlan = planContext.movePlan;
+  const includeMovePlanHeader = options?.includeMovePlanHeader !== false;
+  if (includeMovePlanHeader && movePlan && movePlan.operations.length > 0) {
+    const planLines = [
+      "=== LAYOUT MOVE PLAN ===",
+      `operations: ${movePlan.operations.length}`
+    ];
+    if (movePlan.affectedContainers.length > 0) {
+      planLines.push("containers:");
+      for (const container of movePlan.affectedContainers) {
+        planLines.push(`  - ${formatAnchorRef(container, "(unknown)")}`);
+      }
+    }
+    if (movePlan.orderingConstraints.length > 0) {
+      planLines.push("structural_constraints:");
+      for (const constraint of movePlan.orderingConstraints) {
+        planLines.push(`  - ${constraint}`);
+      }
     }
-    blocks.push(block);
+    if (movePlan.notes.length > 0) {
+      planLines.push("plan_notes:");
+      for (const note of movePlan.notes) {
+        planLines.push(`  - ${note}`);
+      }
+    }
+    blocks.push(planLines.join("\n"));
+  }
+  for (const edit of edits) {
+    const moveIntent = getMoveIntentForEdit(edit, planContext);
+    const hasMove = Boolean(moveIntent);
+    const hasStyleOrText = Object.keys(edit.pendingStyles).length > 0 || edit.textEdit != null;
+    if (!hasMove && !hasStyleOrText) continue;
+    const block = hasMove ? buildEditExportWithOptions(edit.locator, edit.pendingStyles, edit.textEdit, { skipContext: true }) : buildEditExport(edit.locator, edit.pendingStyles, edit.textEdit);
+    let moveBlock = "";
+    if (moveIntent) {
+      moveBlock = `
+${buildMoveExportLines(moveIntent).join("\n")}`;
+    }
+    blocks.push(block + moveBlock);
   }
   for (const comment of comments) {
     blocks.push(buildCommentExport(comment.locator, comment.text, comment.replies));
@@ -2741,6 +3304,224 @@ function useStyleUpdaters({ stateRef, pushUndo, setState }) {
 
 // src/use-session-manager.ts
 var React3 = __toESM(require("react"));
+
+// src/clipboard.ts
+function buildAgentClipboardText(markdown) {
+  return `implement the visual edits
+
+${markdown}`;
+}
+function tryRestoreFocus(element) {
+  if (!(element instanceof HTMLElement)) return;
+  try {
+    element.focus({ preventScroll: true });
+  } catch {
+    try {
+      element.focus();
+    } catch {
+    }
+  }
+}
+async function copyText(text) {
+  const nav = globalThis.navigator;
+  const clipboard = nav?.clipboard;
+  const clipboardWrite = clipboard?.writeText;
+  if (typeof clipboardWrite === "function") {
+    try {
+      await clipboardWrite.call(clipboard, text);
+      return true;
+    } catch {
+    }
+  }
+  if (typeof document === "undefined") return false;
+  if (typeof document.execCommand !== "function") return false;
+  const body = document.body;
+  if (!body) return false;
+  const activeElement = document.activeElement;
+  const selection = typeof window !== "undefined" ? window.getSelection() : null;
+  const previousRange = selection && selection.rangeCount > 0 ? selection.getRangeAt(0).cloneRange() : null;
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.setAttribute("readonly", "");
+  textarea.style.position = "fixed";
+  textarea.style.top = "0";
+  textarea.style.left = "0";
+  textarea.style.width = "1px";
+  textarea.style.height = "1px";
+  textarea.style.opacity = "0";
+  textarea.style.pointerEvents = "none";
+  body.appendChild(textarea);
+  let copied = false;
+  try {
+    try {
+      textarea.focus({ preventScroll: true });
+    } catch {
+      textarea.focus();
+    }
+    textarea.select();
+    textarea.setSelectionRange(0, textarea.value.length);
+    copied = document.execCommand("copy");
+  } catch {
+    copied = false;
+  } finally {
+    textarea.remove();
+    if (selection) {
+      selection.removeAllRanges();
+      if (previousRange) {
+        selection.addRange(previousRange);
+      }
+    }
+    tryRestoreFocus(activeElement);
+  }
+  return copied;
+}
+
+// src/use-session-manager.ts
+function getLayoutFromDisplay(display) {
+  if (display === "flex" || display === "inline-flex") return "flex";
+  if (display === "grid" || display === "inline-grid") return "grid";
+  if (display === "block" || display === "inline-block" || display === "flow-root" || display === "list-item") {
+    return "block";
+  }
+  return "other";
+}
+function getParentLayoutMeta(parent) {
+  if (!parent) return {};
+  const computed = window.getComputedStyle(parent);
+  const display = computed.display;
+  const layout = getLayoutFromDisplay(display);
+  const childCount = countInFlowChildren(parent);
+  if (layout === "flex") {
+    return {
+      display,
+      layout,
+      childCount,
+      flexDirection: computed.flexDirection,
+      gap: computed.gap !== "normal" && computed.gap !== "0px" ? computed.gap : void 0
+    };
+  }
+  if (layout === "grid") {
+    return {
+      display,
+      layout,
+      childCount,
+      gap: computed.gap !== "normal" && computed.gap !== "0px" ? computed.gap : void 0
+    };
+  }
+  return { display, layout, childCount };
+}
+function countInFlowChildren(parent) {
+  let count = 0;
+  for (const c of parent.children) {
+    if (c instanceof HTMLElement && isInFlowChild(c)) count++;
+  }
+  return count;
+}
+function findChildIndex(parent, child) {
+  if (!parent || !child) return void 0;
+  const index = Array.from(parent.children).indexOf(child);
+  return index >= 0 ? index : void 0;
+}
+function getOriginalMoveIndex(parent, previousSibling, nextSibling) {
+  const previousIndex = findChildIndex(parent, previousSibling);
+  if (previousIndex !== void 0) return previousIndex + 1;
+  const nextIndex = findChildIndex(parent, nextSibling);
+  if (nextIndex !== void 0) return nextIndex;
+  return 0;
+}
+function applyPositionMoveCSS(element, delta) {
+  const computed = window.getComputedStyle(element);
+  const previousStyles = [];
+  if (computed.position === "static") {
+    previousStyles.push({ cssProperty: "position", previousValue: element.style.getPropertyValue("position") || null });
+    element.style.setProperty("position", "relative");
+  }
+  const appliedLeft = `${(parseFloat(computed.left) || 0) + delta.x}px`;
+  const appliedTop = `${(parseFloat(computed.top) || 0) + delta.y}px`;
+  previousStyles.push({ cssProperty: "left", previousValue: element.style.getPropertyValue("left") || null });
+  previousStyles.push({ cssProperty: "top", previousValue: element.style.getPropertyValue("top") || null });
+  element.style.setProperty("left", appliedLeft);
+  element.style.setProperty("top", appliedTop);
+  return { previousStyles, appliedLeft, appliedTop };
+}
+function getAnchor(node) {
+  if (!node) return { selector: null, source: null };
+  const locator = getElementLocator(node);
+  const selector = locator.domSelector.trim();
+  return {
+    selector: selector.length > 0 ? selector : null,
+    source: locator.domSource ?? null
+  };
+}
+function buildPositionMoveFields(element, moveInfo, appliedLeft, appliedTop, existingMove) {
+  const parent = element.parentElement;
+  const intended = computeIntendedIndex(parent, element);
+  const parentMeta = getParentLayoutMeta(parent);
+  const parentName = getElementDisplayName(parent);
+  const parentAnchor = getAnchor(parent);
+  const fromIndex = getOriginalMoveIndex(
+    moveInfo.originalParent,
+    moveInfo.originalPreviousSibling,
+    moveInfo.originalNextSibling
+  );
+  const fromParentMeta = existingMove ? getParentLayoutMeta(moveInfo.originalParent) : parentMeta;
+  const fromFields = existingMove ? {
+    fromParentName: existingMove.fromParentName,
+    fromSiblingBefore: existingMove.fromSiblingBefore,
+    fromSiblingAfter: existingMove.fromSiblingAfter,
+    fromParentSelector: existingMove.fromParentSelector ?? null,
+    fromSiblingBeforeSelector: existingMove.fromSiblingBeforeSelector ?? null,
+    fromSiblingAfterSelector: existingMove.fromSiblingAfterSelector ?? null,
+    fromParentSource: existingMove.fromParentSource ?? null,
+    fromSiblingBeforeSource: existingMove.fromSiblingBeforeSource ?? null,
+    fromSiblingAfterSource: existingMove.fromSiblingAfterSource ?? null,
+    fromParentDisplay: existingMove.fromParentDisplay ?? parentMeta.display,
+    fromParentLayout: existingMove.fromParentLayout ?? parentMeta.layout,
+    fromIndex: existingMove.fromIndex ?? fromIndex,
+    fromFlexDirection: existingMove.fromFlexDirection ?? fromParentMeta.flexDirection,
+    fromGap: existingMove.fromGap ?? fromParentMeta.gap,
+    fromChildCount: existingMove.fromChildCount ?? fromParentMeta.childCount
+  } : {
+    fromParentName: parentName,
+    fromSiblingBefore: moveInfo.originalPreviousSibling ? getElementDisplayName(moveInfo.originalPreviousSibling) : null,
+    fromSiblingAfter: moveInfo.originalNextSibling ? getElementDisplayName(moveInfo.originalNextSibling) : null,
+    fromParentSelector: parentAnchor.selector,
+    fromSiblingBeforeSelector: getAnchor(moveInfo.originalPreviousSibling).selector,
+    fromSiblingAfterSelector: getAnchor(moveInfo.originalNextSibling).selector,
+    fromParentSource: parentAnchor.source,
+    fromSiblingBeforeSource: getAnchor(moveInfo.originalPreviousSibling).source,
+    fromSiblingAfterSource: getAnchor(moveInfo.originalNextSibling).source,
+    fromParentDisplay: parentMeta.display,
+    fromParentLayout: parentMeta.layout,
+    fromIndex,
+    fromFlexDirection: parentMeta.flexDirection,
+    fromGap: parentMeta.gap,
+    fromChildCount: parentMeta.childCount
+  };
+  return {
+    ...fromFields,
+    mode: "position",
+    positionDelta: moveInfo.positionDelta,
+    appliedLeft,
+    appliedTop,
+    visualDelta: moveInfo.positionDelta ? { x: Math.round(moveInfo.positionDelta.x), y: Math.round(moveInfo.positionDelta.y) } : void 0,
+    toParentName: parentName,
+    toSiblingBefore: intended.siblingBefore ? getElementDisplayName(intended.siblingBefore) : null,
+    toSiblingAfter: intended.siblingAfter ? getElementDisplayName(intended.siblingAfter) : null,
+    toParentSelector: parentAnchor.selector,
+    toSiblingBeforeSelector: getAnchor(intended.siblingBefore).selector,
+    toSiblingAfterSelector: getAnchor(intended.siblingAfter).selector,
+    toParentSource: parentAnchor.source,
+    toSiblingBeforeSource: getAnchor(intended.siblingBefore).source,
+    toSiblingAfterSource: getAnchor(intended.siblingAfter).source,
+    toParentDisplay: parentMeta.display,
+    toParentLayout: parentMeta.layout,
+    toIndex: intended.index,
+    toFlexDirection: parentMeta.flexDirection,
+    toGap: parentMeta.gap,
+    toChildCount: parentMeta.childCount
+  };
+}
 function useSessionManager({
   stateRef,
   sessionEditsRef,
@@ -2987,6 +3768,15 @@ function useSessionManager({
           }
         } catch {
         }
+        if (entry.previousPositionStyles) {
+          for (const { cssProperty, previousValue } of entry.previousPositionStyles) {
+            if (previousValue) {
+              entry.element.style.setProperty(cssProperty, previousValue);
+            } else {
+              entry.element.style.removeProperty(cssProperty);
+            }
+          }
+        }
         const sessionEntry = sessionEditsRef.current.get(entry.element);
         if (sessionEntry) {
           const restoredMove = entry.previousSessionMove;
@@ -3058,77 +3848,137 @@ function useSessionManager({
         };
       };
       if (moveInfo) {
-        const getAnchor = (node) => {
-          if (!node) {
-            return { selector: null, source: null };
+        if (moveInfo.mode === "position" && moveInfo.positionDelta) {
+          const existing = sessionEditsRef.current.get(element);
+          const styleState2 = getStyleStateForElement(existing);
+          const { previousStyles, appliedLeft, appliedTop } = applyPositionMoveCSS(element, moveInfo.positionDelta);
+          pushUndo({
+            type: "move",
+            element,
+            originalParent: moveInfo.originalParent,
+            originalNextSibling: moveInfo.originalNextSibling,
+            previousSessionMove: existing?.move ?? null,
+            previousPositionStyles: previousStyles
+          });
+          const locator = existing?.locator ?? getElementLocator(element);
+          const pendingStyles = { ...styleState2.pendingStyles };
+          delete pendingStyles["position"];
+          delete pendingStyles["left"];
+          delete pendingStyles["top"];
+          const move = buildPositionMoveFields(element, moveInfo, appliedLeft, appliedTop, existing?.move ?? null);
+          sessionEditsRef.current.set(element, {
+            element,
+            locator,
+            originalStyles: styleState2.originalStyles,
+            pendingStyles,
+            textEdit: existing?.textEdit ?? null,
+            move
+          });
+          syncSessionItemCount();
+        } else {
+          const existing = sessionEditsRef.current.get(element);
+          const styleState2 = getStyleStateForElement(existing);
+          const moveMode = moveInfo.mode ?? "free";
+          let clearedPositionStyles;
+          if (moveInfo.resetPositionOffsets) {
+            clearedPositionStyles = [];
+            for (const prop of ["position", "left", "top"]) {
+              const prev = element.style.getPropertyValue(prop) || null;
+              clearedPositionStyles.push({ cssProperty: prop, previousValue: prev });
+              element.style.removeProperty(prop);
+            }
           }
-          const locator2 = getElementLocator(node);
-          const selector = locator2.domSelector.trim();
-          return {
-            selector: selector.length > 0 ? selector : null,
-            source: locator2.domSource ?? null
+          pushUndo({
+            type: "move",
+            element,
+            originalParent: moveInfo.originalParent,
+            originalNextSibling: moveInfo.originalNextSibling,
+            previousSessionMove: existing?.move ?? null,
+            previousPositionStyles: clearedPositionStyles
+          });
+          const locator = existing?.locator ?? getElementLocator(element);
+          const newParent = element.parentElement;
+          const nextPrevSibling = element.previousElementSibling;
+          const nextSibling = element.nextElementSibling;
+          const fromParentAnchor = getAnchor(moveInfo.originalParent);
+          const fromBeforeAnchor = getAnchor(moveInfo.originalPreviousSibling);
+          const fromAfterAnchor = getAnchor(moveInfo.originalNextSibling);
+          const toParentAnchor = getAnchor(newParent);
+          const toBeforeAnchor = getAnchor(nextPrevSibling);
+          const toAfterAnchor = getAnchor(nextSibling);
+          const fromParentMeta = getParentLayoutMeta(moveInfo.originalParent);
+          const toParentMeta = getParentLayoutMeta(newParent);
+          const fromIndex = getOriginalMoveIndex(
+            moveInfo.originalParent,
+            moveInfo.originalPreviousSibling,
+            moveInfo.originalNextSibling
+          );
+          const toIndex = findChildIndex(newParent, element);
+          const fromFields = existing?.move ? {
+            fromParentName: existing.move.fromParentName,
+            fromSiblingBefore: existing.move.fromSiblingBefore,
+            fromSiblingAfter: existing.move.fromSiblingAfter,
+            fromParentSelector: existing.move.fromParentSelector ?? null,
+            fromSiblingBeforeSelector: existing.move.fromSiblingBeforeSelector ?? null,
+            fromSiblingAfterSelector: existing.move.fromSiblingAfterSelector ?? null,
+            fromParentSource: existing.move.fromParentSource ?? null,
+            fromSiblingBeforeSource: existing.move.fromSiblingBeforeSource ?? null,
+            fromSiblingAfterSource: existing.move.fromSiblingAfterSource ?? null,
+            fromParentDisplay: existing.move.fromParentDisplay ?? fromParentMeta.display,
+            fromParentLayout: existing.move.fromParentLayout ?? fromParentMeta.layout,
+            fromIndex: existing.move.fromIndex ?? fromIndex,
+            fromFlexDirection: existing.move.fromFlexDirection ?? fromParentMeta.flexDirection,
+            fromGap: existing.move.fromGap ?? fromParentMeta.gap,
+            fromChildCount: existing.move.fromChildCount ?? fromParentMeta.childCount
+          } : {
+            fromParentName: getElementDisplayName(moveInfo.originalParent),
+            fromSiblingBefore: moveInfo.originalPreviousSibling ? getElementDisplayName(moveInfo.originalPreviousSibling) : null,
+            fromSiblingAfter: moveInfo.originalNextSibling ? getElementDisplayName(moveInfo.originalNextSibling) : null,
+            fromParentSelector: fromParentAnchor.selector,
+            fromSiblingBeforeSelector: fromBeforeAnchor.selector,
+            fromSiblingAfterSelector: fromAfterAnchor.selector,
+            fromParentSource: fromParentAnchor.source,
+            fromSiblingBeforeSource: fromBeforeAnchor.source,
+            fromSiblingAfterSource: fromAfterAnchor.source,
+            fromParentDisplay: fromParentMeta.display,
+            fromParentLayout: fromParentMeta.layout,
+            fromIndex,
+            fromFlexDirection: fromParentMeta.flexDirection,
+            fromGap: fromParentMeta.gap,
+            fromChildCount: fromParentMeta.childCount
           };
-        };
-        const existing = sessionEditsRef.current.get(element);
-        const styleState2 = getStyleStateForElement(existing);
-        pushUndo({
-          type: "move",
-          element,
-          originalParent: moveInfo.originalParent,
-          originalNextSibling: moveInfo.originalNextSibling,
-          previousSessionMove: existing?.move ?? null
-        });
-        const locator = existing?.locator ?? getElementLocator(element);
-        const newParent = element.parentElement;
-        const nextPrevSibling = element.previousElementSibling;
-        const nextSibling = element.nextElementSibling;
-        const fromParentAnchor = getAnchor(moveInfo.originalParent);
-        const fromBeforeAnchor = getAnchor(moveInfo.originalPreviousSibling);
-        const fromAfterAnchor = getAnchor(moveInfo.originalNextSibling);
-        const toParentAnchor = getAnchor(newParent);
-        const toBeforeAnchor = getAnchor(nextPrevSibling);
-        const toAfterAnchor = getAnchor(nextSibling);
-        const fromFields = existing?.move ? {
-          fromParentName: existing.move.fromParentName,
-          fromSiblingBefore: existing.move.fromSiblingBefore,
-          fromSiblingAfter: existing.move.fromSiblingAfter,
-          fromParentSelector: existing.move.fromParentSelector ?? null,
-          fromSiblingBeforeSelector: existing.move.fromSiblingBeforeSelector ?? null,
-          fromSiblingAfterSelector: existing.move.fromSiblingAfterSelector ?? null,
-          fromParentSource: existing.move.fromParentSource ?? null,
-          fromSiblingBeforeSource: existing.move.fromSiblingBeforeSource ?? null,
-          fromSiblingAfterSource: existing.move.fromSiblingAfterSource ?? null
-        } : {
-          fromParentName: getElementDisplayName(moveInfo.originalParent),
-          fromSiblingBefore: moveInfo.originalPreviousSibling ? getElementDisplayName(moveInfo.originalPreviousSibling) : null,
-          fromSiblingAfter: moveInfo.originalNextSibling ? getElementDisplayName(moveInfo.originalNextSibling) : null,
-          fromParentSelector: fromParentAnchor.selector,
-          fromSiblingBeforeSelector: fromBeforeAnchor.selector,
-          fromSiblingAfterSelector: fromAfterAnchor.selector,
-          fromParentSource: fromParentAnchor.source,
-          fromSiblingBeforeSource: fromBeforeAnchor.source,
-          fromSiblingAfterSource: fromAfterAnchor.source
-        };
-        sessionEditsRef.current.set(element, {
-          element,
-          locator,
-          originalStyles: styleState2.originalStyles,
-          pendingStyles: styleState2.pendingStyles,
-          textEdit: existing?.textEdit ?? null,
-          move: newParent ? {
-            ...fromFields,
-            toParentName: getElementDisplayName(newParent),
-            toSiblingBefore: nextPrevSibling ? getElementDisplayName(nextPrevSibling) : null,
-            toSiblingAfter: nextSibling ? getElementDisplayName(nextSibling) : null,
-            toParentSelector: toParentAnchor.selector,
-            toSiblingBeforeSelector: toBeforeAnchor.selector,
-            toSiblingAfterSelector: toAfterAnchor.selector,
-            toParentSource: toParentAnchor.source,
-            toSiblingBeforeSource: toBeforeAnchor.source,
-            toSiblingAfterSource: toAfterAnchor.source
-          } : null
-        });
-        syncSessionItemCount();
+          sessionEditsRef.current.set(element, {
+            element,
+            locator,
+            originalStyles: styleState2.originalStyles,
+            pendingStyles: styleState2.pendingStyles,
+            textEdit: existing?.textEdit ?? null,
+            move: newParent ? {
+              ...fromFields,
+              toParentName: getElementDisplayName(newParent),
+              toSiblingBefore: nextPrevSibling ? getElementDisplayName(nextPrevSibling) : null,
+              toSiblingAfter: nextSibling ? getElementDisplayName(nextSibling) : null,
+              toParentSelector: toParentAnchor.selector,
+              toSiblingBeforeSelector: toBeforeAnchor.selector,
+              toSiblingAfterSelector: toAfterAnchor.selector,
+              toParentSource: toParentAnchor.source,
+              toSiblingBeforeSource: toBeforeAnchor.source,
+              toSiblingAfterSource: toAfterAnchor.source,
+              mode: moveMode,
+              fromParentDisplay: fromFields.fromParentDisplay,
+              fromParentLayout: fromFields.fromParentLayout,
+              fromIndex: fromFields.fromIndex,
+              toParentDisplay: toParentMeta.display,
+              toParentLayout: toParentMeta.layout,
+              toIndex,
+              visualDelta: moveInfo.visualDelta,
+              toFlexDirection: toParentMeta.flexDirection,
+              toGap: toParentMeta.gap,
+              toChildCount: toParentMeta.childCount
+            } : null
+          });
+          syncSessionItemCount();
+        }
       }
       const computed = getAllComputedStyles(element);
       const elementInfo = getElementInfo(element);
@@ -3182,15 +4032,12 @@ function useSessionManager({
     if (items.length === 0) return false;
     const edits = items.filter((item) => item.type === "edit").map((item) => item.edit);
     const comments = items.filter((item) => item.type === "comment").map((item) => item.comment);
-    const text = buildSessionExport(edits, comments);
-    try {
-      await navigator.clipboard.writeText(`implement the visual edits
+    const movePlanContext = buildMovePlanContext(edits);
+    const text = buildSessionExport(edits, comments, { movePlanContext });
+    const instruction = buildExportInstruction(getExportContentProfile(edits, comments, movePlanContext));
+    return copyText(`${instruction}
 
 ${text}`);
-      return true;
-    } catch {
-      return false;
-    }
   }, [getSessionItems]);
   const revertElementStyles = React3.useCallback((element, sessionEdit) => {
     for (const prop of Object.keys(sessionEdit.pendingStyles)) {
@@ -3265,22 +4112,27 @@ ${text}`);
     const sessionEdit = sessionEditsRef.current.get(current.selectedElement);
     const hasPendingStyles = Object.keys(current.pendingStyles).length > 0;
     const hasTextEdit = Boolean(sessionEdit?.textEdit);
-    const hasMove = Boolean(sessionEdit?.move);
     const locator = getElementLocator(current.selectedElement);
-    const exportMarkdown = hasPendingStyles || hasTextEdit || hasMove ? hasMove && sessionEdit ? buildSessionExport([{
+    const editForExport = sessionEdit ? {
       ...sessionEdit,
       locator,
       pendingStyles: { ...current.pendingStyles },
       textEdit: sessionEdit.textEdit
-    }], []) : buildEditExport(locator, current.pendingStyles, sessionEdit?.textEdit) : buildElementContext(locator);
-    try {
-      await navigator.clipboard.writeText(`implement the visual edits
+    } : null;
+    const movePlanContext = editForExport?.move ? buildMovePlanContext([editForExport]) : null;
+    const moveIntent = editForExport?.move ? getMoveIntentForEdit(editForExport, movePlanContext) : null;
+    const hasMove = Boolean(moveIntent);
+    const hasExportableEdit = hasPendingStyles || hasTextEdit || hasMove;
+    const exportMarkdown = hasExportableEdit ? hasMove && editForExport ? buildSessionExport([editForExport], [], { movePlanContext }) : buildEditExport(locator, current.pendingStyles, sessionEdit?.textEdit) : buildElementContext(locator);
+    const instruction = hasExportableEdit ? buildExportInstruction({
+      hasCssEdits: hasPendingStyles,
+      hasTextEdits: hasTextEdit,
+      hasMoves: hasMove,
+      hasComments: false
+    }) : "Here is the element context for reference";
+    return copyText(`${instruction}
 
 ${exportMarkdown}`);
-      return true;
-    } catch {
-      return false;
-    }
   }, []);
   return {
     syncSessionItemCount,
@@ -3304,6 +4156,10 @@ ${exportMarkdown}`);
 
 // src/use-text-and-comments.ts
 var React4 = __toESM(require("react"));
+function clampUnit(value) {
+  if (!Number.isFinite(value)) return 0;
+  return Math.max(0, Math.min(1, value));
+}
 function useTextAndComments({
   stateRef,
   sessionEditsRef,
@@ -3367,8 +4223,8 @@ function useTextAndComments({
     const locator = getElementLocator(element);
     const rect = element.getBoundingClientRect();
     const relativePosition = {
-      x: rect.width > 0 ? (clickPosition.x - rect.left) / rect.width : 0,
-      y: rect.height > 0 ? (clickPosition.y - rect.top) / rect.height : 0
+      x: rect.width > 0 ? clampUnit((clickPosition.x - rect.left) / rect.width) : 0,
+      y: rect.height > 0 ? clampUnit((clickPosition.y - rect.top) / rect.height) : 0
     };
     const id = `comment-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
     const comment = {
@@ -3415,14 +4271,15 @@ function useTextAndComments({
     const comment = stateRef.current.comments.find((c) => c.id === id);
     if (!comment) return false;
     const exportMarkdown = buildCommentExport(comment.locator, comment.text, comment.replies);
-    try {
-      await navigator.clipboard.writeText(`implement the visual edits
+    const instruction = buildExportInstruction({
+      hasCssEdits: false,
+      hasTextEdits: false,
+      hasMoves: false,
+      hasComments: true
+    });
+    return copyText(`${instruction}
 
 ${exportMarkdown}`);
-      return true;
-    } catch {
-      return false;
-    }
   }, []);
   const setActiveCommentId = React4.useCallback((id) => {
     setState((prev) => {
@@ -3820,24 +4677,36 @@ function useAgentComms({ stateRef, sessionEditsRef, getSessionItems }) {
     const sessionEdit = sessionEditsRef.current.get(selectedElement);
     const hasPendingStyles = Object.keys(pendingStyles).length > 0;
     const hasTextEdit = Boolean(sessionEdit?.textEdit);
-    const hasMove = Boolean(sessionEdit?.move);
+    const hasMove = Boolean(
+      sessionEdit?.move && getMoveIntentForEdit(sessionEdit, buildMovePlanContext([sessionEdit]))
+    );
     return hasPendingStyles || hasTextEdit || hasMove;
   }, []);
-  const sendSessionEditToAgent = React5.useCallback(async (sessionEdit) => {
+  const sendSessionEditToAgent = React5.useCallback(async (sessionEdit, allEdits, movePlanContext, options) => {
     const locator = sessionEdit.locator;
     const pendingStyles = { ...sessionEdit.pendingStyles };
-    const exportMarkdown = sessionEdit.move ? buildSessionExport([{
-      ...sessionEdit,
-      locator,
-      pendingStyles,
-      textEdit: sessionEdit.textEdit
-    }], []) : buildEditExport(locator, pendingStyles, sessionEdit.textEdit);
+    const editsForPlan = allEdits ?? [sessionEdit];
+    const resolvedPlanContext = movePlanContext ?? buildMovePlanContext(editsForPlan);
+    const includeBatchMoveEnvelope = Boolean(options?.includeBatchMoveEnvelope && sessionEdit.move);
+    const isBatchSend = Boolean(allEdits && allEdits.length > 1);
+    const exportMarkdown = sessionEdit.move ? buildSessionExport(
+      includeBatchMoveEnvelope ? editsForPlan : [sessionEdit],
+      [],
+      {
+        movePlanContext: resolvedPlanContext,
+        includeMovePlanHeader: includeBatchMoveEnvelope || !isBatchSend
+      }
+    ) : buildEditExport(locator, pendingStyles, sessionEdit.textEdit);
     const collapsedStyles = collapseExportShorthands(pendingStyles);
     const changes = Object.entries(collapsedStyles).map(([cssProperty, cssValue]) => ({
       cssProperty,
       cssValue,
       tailwindClass: stylesToTailwind({ [cssProperty]: cssValue })
     }));
+    const moveIntent = sessionEdit.move ? getMoveIntentForEdit(sessionEdit, resolvedPlanContext) : null;
+    const movePlan = includeBatchMoveEnvelope ? resolvedPlanContext.movePlan : null;
+    const hasMeaningfulPayload = changes.length > 0 || sessionEdit.textEdit != null || moveIntent != null;
+    if (!hasMeaningfulPayload) return true;
     try {
       const result = await sendEditToAgent({
         element: {
@@ -3852,7 +4721,8 @@ function useAgentComms({ stateRef, sessionEditsRef, getSessionItems }) {
         reactStack: locator.reactStack,
         changes,
         textChange: sessionEdit.textEdit ?? null,
-        moveChange: sessionEdit.move ?? null,
+        moveIntent,
+        ...movePlan ? { movePlan } : {},
         exportMarkdown
       });
       return result.ok;
@@ -3911,9 +4781,25 @@ function useAgentComms({ stateRef, sessionEditsRef, getSessionItems }) {
   const sendAllSessionItemsToAgent = React5.useCallback(async () => {
     const items = getSessionItems();
     if (items.length === 0) return false;
+    const allEdits = items.filter((i) => i.type === "edit").map((i) => i.edit);
+    const movePlanContext = buildMovePlanContext(allEdits);
+    let moveEnvelopeSent = false;
     let allSucceeded = true;
     for (const item of items) {
-      const succeeded = item.type === "edit" ? await sendSessionEditToAgent(item.edit) : await sendSessionCommentToAgent(item.comment);
+      let succeeded;
+      if (item.type === "edit") {
+        const hasMoveIntent = Boolean(item.edit.move && getMoveIntentForEdit(item.edit, movePlanContext));
+        const includeBatchMoveEnvelope = hasMoveIntent && !moveEnvelopeSent;
+        succeeded = await sendSessionEditToAgent(
+          item.edit,
+          allEdits,
+          movePlanContext,
+          { includeBatchMoveEnvelope }
+        );
+        if (includeBatchMoveEnvelope) moveEnvelopeSent = true;
+      } else {
+        succeeded = await sendSessionCommentToAgent(item.comment);
+      }
       if (!succeeded) {
         allSucceeded = false;
       }
@@ -4105,6 +4991,8 @@ var LINE_HEIGHT_PX = 40;
 var PAGE_HEIGHT_PX = 800;
 var CANVAS_MEASURE_NODE_BUDGET = 12e3;
 var CANVAS_PRIORITY_ROOT_SELECTORS = ["#root", "#app", "#__next", "main"];
+var FIXED_FRAME_CANVAS_MIN_VIEWPORT_COVERAGE = 0.6;
+var FIXED_FRAME_CANVAS_EDGE_TOLERANCE_PX = 1;
 function normalizeWheelDelta(e) {
   let { deltaX, deltaY } = e;
   if (e.deltaMode === 1) {
@@ -4116,6 +5004,46 @@ function normalizeWheelDelta(e) {
   }
   return { deltaX, deltaY };
 }
+function getVisibleAreaInViewport(rect) {
+  const left = Math.max(0, rect.left);
+  const top = Math.max(0, rect.top);
+  const right = Math.min(window.innerWidth, rect.right);
+  const bottom = Math.min(window.innerHeight, rect.bottom);
+  const width = Math.max(0, right - left);
+  const height = Math.max(0, bottom - top);
+  return width * height;
+}
+function getFixedFrameCanvasDimensions() {
+  const viewportWidth = window.innerWidth;
+  const viewportHeight = window.innerHeight;
+  const viewportArea = viewportWidth * viewportHeight;
+  if (viewportArea <= 0) return null;
+  let bestArea = 0;
+  let bestRect = null;
+  const canvases = document.querySelectorAll("canvas");
+  for (const canvas of canvases) {
+    if (canvas.closest("[data-direct-edit]") || canvas.closest("[data-direct-edit-host]")) continue;
+    const style = getComputedStyle(canvas);
+    if (style.display === "none" || style.visibility === "hidden") continue;
+    const opacity = parseFloat(style.opacity);
+    if ((Number.isFinite(opacity) ? opacity : 1) <= 0) continue;
+    const rect = canvas.getBoundingClientRect();
+    if (style.position !== "fixed") continue;
+    if (Math.abs(rect.left) > FIXED_FRAME_CANVAS_EDGE_TOLERANCE_PX || Math.abs(rect.top) > FIXED_FRAME_CANVAS_EDGE_TOLERANCE_PX) {
+      continue;
+    }
+    const visibleArea = getVisibleAreaInViewport(rect);
+    if (visibleArea <= bestArea) continue;
+    bestArea = visibleArea;
+    bestRect = rect;
+  }
+  if (!bestRect) return null;
+  if (bestArea / viewportArea < FIXED_FRAME_CANVAS_MIN_VIEWPORT_COVERAGE) return null;
+  return {
+    width: Math.max(viewportWidth, bestRect.width),
+    height: Math.max(viewportHeight, bestRect.height)
+  };
+}
 function getResolvedOverflowY(style) {
   return style.overflowY || style.overflow;
 }
@@ -4178,6 +5106,7 @@ function clampPan(zoom, panX, panY, bodyW, bodyH) {
 function useCanvas({ stateRef, setState }) {
   React7.useEffect(() => registerCanvasStoreOwner(), []);
   const canvasRef = React7.useRef({ active: false, zoom: 1, panX: 0, panY: 0 });
+  const canvasStrategyRef = React7.useRef("body-transform");
   const savedScrollRef = React7.useRef({ x: 0, y: 0 });
   const savedBodyOverflowRef = React7.useRef("");
   const savedHtmlOverflowRef = React7.useRef("");
@@ -4198,6 +5127,9 @@ function useCanvas({ stateRef, setState }) {
     window.dispatchEvent(new Event("direct-edit-canvas-change"));
   }, []);
   const readBodyOffset = React7.useCallback(() => {
+    if (canvasStrategyRef.current !== "body-transform") {
+      return { x: 0, y: 0 };
+    }
     const bodyStyle = getComputedStyle(document.body);
     return {
       x: parseFloat(bodyStyle.marginLeft) || 0,
@@ -4334,20 +5266,32 @@ function useCanvas({ stateRef, setState }) {
     savedHtmlOverflowRef.current = document.documentElement.style.overflow;
     savedHtmlBgColorRef.current = document.documentElement.style.backgroundColor;
     domStateSavedRef.current = true;
-    const existingTransform = document.body.style.transform;
-    if (existingTransform && existingTransform !== "none" && existingTransform !== "") {
-      console.warn("[made-refine] canvas mode: overriding existing body transform:", existingTransform);
+    const fixedFrameDims = getFixedFrameCanvasDimensions();
+    canvasStrategyRef.current = fixedFrameDims ? "fixed-frame" : "body-transform";
+    if (canvasStrategyRef.current === "body-transform") {
+      const existingTransform = document.body.style.transform;
+      if (existingTransform && existingTransform !== "none" && existingTransform !== "") {
+        console.warn("[made-refine] canvas mode: overriding existing body transform:", existingTransform);
+      }
     }
     let entered = false;
     try {
       window.scrollTo(0, 0);
-      savedBodyDimensionsRef.current = expandScrollableRegionsAndMeasureBody();
-      updateBodyOffset();
+      if (canvasStrategyRef.current === "body-transform") {
+        savedBodyDimensionsRef.current = expandScrollableRegionsAndMeasureBody();
+        updateBodyOffset();
+      } else {
+        savedBodyDimensionsRef.current = fixedFrameDims ?? {
+          width: window.innerWidth,
+          height: window.innerHeight
+        };
+        setBodyOffset({ x: 0, y: 0 });
+      }
       document.body.style.overflow = "hidden";
       document.documentElement.style.overflow = "hidden";
       document.documentElement.style.backgroundColor = "#F5F5F5";
-      const initialPanX = -scrollX;
-      const initialPanY = -scrollY;
+      const initialPanX = canvasStrategyRef.current === "body-transform" ? -scrollX : 0;
+      const initialPanY = canvasStrategyRef.current === "body-transform" ? -scrollY : 0;
       applyTransform(1, initialPanX, initialPanY);
       canvasRef.current = { active: true, zoom: 1, panX: initialPanX, panY: initialPanY };
       setCanvasSnapshot(canvasRef.current);
@@ -4367,6 +5311,7 @@ function useCanvas({ stateRef, setState }) {
         document.documentElement.style.backgroundColor = savedHtmlBgColorRef.current;
         window.scrollTo(scrollX, scrollY);
         domStateSavedRef.current = false;
+        canvasStrategyRef.current = "body-transform";
       }
     }
   }, [applyTransform, dispatchCanvasChange, setState, updateBodyOffset]);
@@ -4386,6 +5331,7 @@ function useCanvas({ stateRef, setState }) {
     }
     document.body.style.cursor = "";
     domStateSavedRef.current = false;
+    canvasStrategyRef.current = "body-transform";
     setBodyOffset({ x: 0, y: 0 });
     canvasRef.current = { active: false, zoom: 1, panX: 0, panY: 0 };
     setCanvasSnapshot(canvasRef.current);
@@ -4455,6 +5401,14 @@ function useCanvas({ stateRef, setState }) {
   React7.useEffect(() => {
     function handleResize() {
       if (!canvasRef.current.active) return;
+      if (canvasStrategyRef.current === "fixed-frame") {
+        savedBodyDimensionsRef.current = getFixedFrameCanvasDimensions() ?? {
+          width: window.innerWidth,
+          height: window.innerHeight
+        };
+        dispatchCanvasChange();
+        return;
+      }
       if (updateBodyOffset()) {
         dispatchCanvasChange();
       }
@@ -4721,6 +5675,17 @@ function DirectEditProvider({ children }) {
       document.removeEventListener("mousedown", handleMouseDown, true);
     };
   }, [state.textEditingElement, commitTextEditing]);
+  React8.useEffect(() => {
+    if (!state.editModeActive || state.textEditingElement) return;
+    function blockClick(e) {
+      const host = document.querySelector("[data-direct-edit-host]");
+      if (host && e.target === host) return;
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    document.addEventListener("click", blockClick, true);
+    return () => document.removeEventListener("click", blockClick, true);
+  }, [state.editModeActive, state.textEditingElement]);
   const {
     canSendEditToAgent,
     sendEditToAgent: sendEditToAgent2,
@@ -5148,6 +6113,37 @@ var INITIAL_DRAG_STATE = {
   ghostPosition: { x: 0, y: 0 },
   dragOffset: { x: 0, y: 0 }
 };
+var DEFAULT_DRAG_OPTIONS = {
+  constrainToOriginalParent: false,
+  mode: "free"
+};
+function normalizeStartDragOptions(options) {
+  const mode = options?.mode ?? (options?.constrainToOriginalParent ? "reorder" : "free");
+  return {
+    mode,
+    constrainToOriginalParent: mode === "reorder" || Boolean(options?.constrainToOriginalParent)
+  };
+}
+function resolveFlexDirection(container, draggedElement) {
+  const { axis, reversed } = detectChildrenDirection(container, draggedElement);
+  if (axis === "horizontal") return reversed ? "row-reverse" : "row";
+  return reversed ? "column-reverse" : "column";
+}
+function tryReparent(draggedElement, target, originalParent, originalNextSibling) {
+  const isSamePosition = target.container === originalParent && target.insertBefore === originalNextSibling;
+  const isInvalidTarget = target.container === draggedElement || draggedElement.contains(target.container) || (target.insertBefore ? draggedElement.contains(target.insertBefore) : false);
+  if (isSamePosition || isInvalidTarget) return false;
+  try {
+    if (target.insertBefore) {
+      target.container.insertBefore(draggedElement, target.insertBefore);
+    } else {
+      target.container.appendChild(draggedElement);
+    }
+    return true;
+  } catch {
+    return false;
+  }
+}
 function useMove({ onMoveComplete }) {
   const [dragState, setDragState] = React12.useState(INITIAL_DRAG_STATE);
   const [dropTarget, setDropTarget] = React12.useState(null);
@@ -5155,7 +6151,11 @@ function useMove({ onMoveComplete }) {
   const dragStateRef = React12.useRef(dragState);
   const dropTargetRef = React12.useRef(dropTarget);
   const onMoveCompleteRef = React12.useRef(onMoveComplete);
-  const dragOptionsRef = React12.useRef({});
+  const dragOptionsRef = React12.useRef(DEFAULT_DRAG_OPTIONS);
+  const initialRectRef = React12.useRef(
+    { x: 0, y: 0, scaleX: 1, scaleY: 1 }
+  );
+  const originalTransformRef = React12.useRef("");
   React12.useEffect(() => {
     dragStateRef.current = dragState;
     dropTargetRef.current = dropTarget;
@@ -5165,8 +6165,11 @@ function useMove({ onMoveComplete }) {
     const current = dragStateRef.current;
     if (current.draggedElement) {
       current.draggedElement.style.opacity = "";
+      current.draggedElement.style.transform = originalTransformRef.current;
     }
-    dragOptionsRef.current = {};
+    originalTransformRef.current = "";
+    initialRectRef.current = { x: 0, y: 0, scaleX: 1, scaleY: 1 };
+    dragOptionsRef.current = DEFAULT_DRAG_OPTIONS;
     setDragState(INITIAL_DRAG_STATE);
     setDropTarget(null);
     setDropIndicator(null);
@@ -5179,31 +6182,43 @@ function useMove({ onMoveComplete }) {
       cancelDrag();
       return;
     }
+    const initialPos = { x: initialRectRef.current.x, y: initialRectRef.current.y };
+    const { scaleX, scaleY } = initialRectRef.current;
+    draggedElement.style.transform = originalTransformRef.current;
     draggedElement.style.opacity = "";
-    dragOptionsRef.current = {};
-    let didMove = false;
-    if (target) {
-      const isSamePosition = target.container === originalParent && target.insertBefore === originalNextSibling;
-      const isInvalidTarget = target.container === draggedElement || draggedElement.contains(target.container) || (target.insertBefore ? draggedElement.contains(target.insertBefore) : false);
-      if (!isSamePosition && !isInvalidTarget) {
-        try {
-          if (target.insertBefore) {
-            target.container.insertBefore(draggedElement, target.insertBefore);
-          } else {
-            target.container.appendChild(draggedElement);
-          }
-          didMove = true;
-        } catch {
+    originalTransformRef.current = "";
+    initialRectRef.current = { x: 0, y: 0, scaleX: 1, scaleY: 1 };
+    const dragMode = dragOptionsRef.current.mode;
+    dragOptionsRef.current = DEFAULT_DRAG_OPTIONS;
+    const vd = {
+      x: Math.round(current.ghostPosition.x - initialPos.x),
+      y: Math.round(current.ghostPosition.y - initialPos.y)
+    };
+    const hasVisualDelta = vd.x !== 0 || vd.y !== 0;
+    let moveInfo = null;
+    if (dragMode === "position") {
+      if (target && tryReparent(draggedElement, target, originalParent, originalNextSibling)) {
+        if (originalParent) {
+          moveInfo = { originalParent, originalPreviousSibling, originalNextSibling, mode: "free", resetPositionOffsets: true, visualDelta: hasVisualDelta ? vd : void 0 };
         }
       }
+      if (!moveInfo) {
+        const rect = draggedElement.getBoundingClientRect();
+        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 } };
+        }
+      }
+    } else if (target && tryReparent(draggedElement, target, originalParent, originalNextSibling)) {
+      if (originalParent) {
+        moveInfo = { originalParent, originalPreviousSibling, originalNextSibling, mode: dragMode, visualDelta: hasVisualDelta ? vd : void 0 };
+      }
     }
     setDragState(INITIAL_DRAG_STATE);
     setDropTarget(null);
     setDropIndicator(null);
-    if (onMoveCompleteRef.current && draggedElement) {
-      const moveInfo = didMove && originalParent ? { originalParent, originalPreviousSibling, originalNextSibling } : null;
-      onMoveCompleteRef.current(draggedElement, moveInfo);
-    }
+    onMoveCompleteRef.current?.(draggedElement, moveInfo);
   }, [cancelDrag]);
   const startDrag = React12.useCallback(
     (e, element, options) => {
@@ -5211,7 +6226,14 @@ function useMove({ onMoveComplete }) {
       const parent = element.parentElement;
       const previousSibling = element.previousElementSibling;
       const nextSibling = element.nextElementSibling;
-      dragOptionsRef.current = options ?? {};
+      dragOptionsRef.current = normalizeStartDragOptions(options);
+      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
+      };
+      originalTransformRef.current = element.style.transform;
       setDragState({
         isDragging: true,
         draggedElement: element,
@@ -5237,6 +6259,44 @@ function useMove({ onMoveComplete }) {
           y: e.clientY - dragOffset.y
         }
       }));
+      if (draggedElement) {
+        const { x, y, scaleX, scaleY } = initialRectRef.current;
+        const dx = (e.clientX - dragOffset.x - x) / scaleX;
+        const dy = (e.clientY - dragOffset.y - y) / scaleY;
+        draggedElement.style.transform = `translate(${dx}px, ${dy}px)`;
+      }
+      if (dragOptionsRef.current.mode === "position") {
+        let container2 = findLayoutContainerAtPoint(
+          e.clientX,
+          e.clientY,
+          draggedElement,
+          originalParent
+        );
+        if (!container2 && draggedElement && originalParent) {
+          const parentRect = originalParent.getBoundingClientRect();
+          const hasSize = parentRect.width > 0 || parentRect.height > 0;
+          const isOutside = hasSize && (e.clientX < parentRect.left || e.clientX > parentRect.right || e.clientY < parentRect.top || e.clientY > parentRect.bottom);
+          if (isOutside) {
+            const found = findContainerAtPoint(e.clientX, e.clientY, draggedElement, null);
+            if (found && found !== originalParent) container2 = found;
+          }
+        }
+        if (container2 && draggedElement) {
+          const dropPos = calculateDropPosition(container2, e.clientX, e.clientY, draggedElement);
+          if (dropPos) {
+            setDropTarget({
+              container: container2,
+              insertBefore: dropPos.insertBefore,
+              flexDirection: resolveFlexDirection(container2, draggedElement)
+            });
+            setDropIndicator(dropPos.indicator);
+          }
+        } else {
+          setDropTarget(null);
+          setDropIndicator(null);
+        }
+        return;
+      }
       const container = dragOptionsRef.current.constrainToOriginalParent ? originalParent : findContainerAtPoint(
         e.clientX,
         e.clientY,
@@ -5254,11 +6314,7 @@ function useMove({ onMoveComplete }) {
           setDropTarget({
             container,
             insertBefore: dropPos.insertBefore,
-            flexDirection: (() => {
-              const { axis, reversed } = detectChildrenDirection(container, draggedElement);
-              if (axis === "horizontal") return reversed ? "row-reverse" : "row";
-              return reversed ? "column-reverse" : "column";
-            })()
+            flexDirection: resolveFlexDirection(container, draggedElement)
           });
           setDropIndicator(dropPos.indicator);
         }
@@ -5719,6 +6775,12 @@ var MAGENTA = "#E11BB6";
 var DRAG_THRESHOLD = 4;
 var DBLCLICK_DELAY = 300;
 var HANDLE_SIZE = 12;
+function isInLayoutContainer(element) {
+  const parent = element.parentElement;
+  if (!parent) return false;
+  const display = window.getComputedStyle(parent).display;
+  return display === "flex" || display === "inline-flex" || display === "grid" || display === "inline-grid";
+}
 function SelectionOverlay({
   selectedElement,
   draggedElement,
@@ -5737,8 +6799,16 @@ function SelectionOverlay({
   const [moveHandleRects, setMoveHandleRects] = React14.useState([]);
   const cleanupRef = React14.useRef(null);
   const clickThroughTimerRef = React14.useRef(null);
+  const isDraggingRef = React14.useRef(isDragging);
+  isDraggingRef.current = isDragging;
+  React14.useLayoutEffect(() => {
+    if (!isDragging) {
+      setRect(rectElement.getBoundingClientRect());
+    }
+  }, [isDragging, rectElement]);
   React14.useEffect(() => {
     function updateRect() {
+      if (isDraggingRef.current) return;
       setRect(rectElement.getBoundingClientRect());
     }
     updateRect();
@@ -5779,7 +6849,9 @@ function SelectionOverlay({
       const dy = moveEvent.clientY - origin.y;
       if (dx * dx + dy * dy >= DRAG_THRESHOLD * DRAG_THRESHOLD) {
         cleanup();
-        onMoveStart(savedEvent);
+        onMoveStart(savedEvent, void 0, {
+          mode: isInLayoutContainer(selectedElement) ? "free" : "position"
+        });
       }
     };
     const onUp = (upEvent) => {
@@ -5836,7 +6908,7 @@ function SelectionOverlay({
       flexParent = flexParent.parentElement;
     }
     if (!flexParent) {
-      return [selectedElement];
+      return [];
     }
     let target = selectedElement;
     while (target.parentElement && target.parentElement !== flexParent) {
@@ -5879,7 +6951,7 @@ function SelectionOverlay({
       clearTimeout(clickThroughTimerRef.current);
       clickThroughTimerRef.current = null;
     }
-    onMoveStart(e, target, { constrainToOriginalParent: true });
+    onMoveStart(e, target, { constrainToOriginalParent: true, mode: "reorder" });
   };
   const displayX = isDragging && ghostPosition ? ghostPosition.x : rect.left;
   const displayY = isDragging && ghostPosition ? ghostPosition.y : rect.top;
@@ -5959,6 +7031,10 @@ function SelectionOverlay({
 var React15 = __toESM(require("react"));
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+function clampUnit2(value) {
+  if (!Number.isFinite(value)) return 0;
+  return Math.max(0, Math.min(1, value));
+}
 function formatRelativeTime(timestamp) {
   const seconds = Math.floor((Date.now() - timestamp) / 1e3);
   if (seconds < 60) return "just now";
@@ -6041,9 +7117,11 @@ function CommentPin({
     function updatePosition() {
       if (!comment.element.isConnected) return;
       const rect = comment.element.getBoundingClientRect();
+      const relativeX = clampUnit2(comment.relativePosition.x);
+      const relativeY = clampUnit2(comment.relativePosition.y);
       setPosition({
-        x: rect.left + comment.relativePosition.x * rect.width,
-        y: rect.top + comment.relativePosition.y * rect.height
+        x: rect.left + relativeX * rect.width,
+        y: rect.top + relativeY * rect.height
       });
       setElementRect(rect);
     }
@@ -10261,6 +11339,11 @@ function truncateText(value, max = 64) {
   if (value.length <= max) return value;
   return `${value.slice(0, max)}...`;
 }
+function summarizeMoveForPreview(intent) {
+  const system = intent.layoutPrescription?.recommendedSystem;
+  const systemPart = system ? `, ${system}` : "";
+  return `${intent.operationId}: ${intent.classification}${systemPart}`;
+}
 function EditsPopover({
   tooltipSide,
   sessionEditCount,
@@ -10278,6 +11361,19 @@ function EditsPopover({
   const editsPopupRef = React33.useRef(null);
   const editsTriggerRef = React33.useRef(null);
   const [editsSnapshot, setEditsSnapshot] = React33.useState([]);
+  const movePlanContext = React33.useMemo(() => {
+    const edits = editsSnapshot.filter((item) => item.type === "edit").map((item) => item.edit);
+    return buildMovePlanContext(edits);
+  }, [editsSnapshot]);
+  const visibleItems = React33.useMemo(() => {
+    return editsSnapshot.filter((item) => {
+      if (item.type === "comment") return true;
+      if (!item.edit.move) return true;
+      const moveIntent = getMoveIntentForEdit(item.edit, movePlanContext);
+      const hasStyleOrText = Object.keys(item.edit.pendingStyles).length > 0 || item.edit.textEdit != null;
+      return Boolean(moveIntent || hasStyleOrText);
+    });
+  }, [editsSnapshot, movePlanContext]);
   React33.useEffect(() => {
     if (!isOpen) return;
     function handlePointerDown(e) {
@@ -10323,16 +11419,22 @@ function EditsPopover({
     window.setTimeout(() => setSendStatus("idle"), 2e3);
   }, [onSendAllToAgents, sendStatus]);
   const handleCopyItem = React33.useCallback(async (item) => {
-    const text = item.type === "edit" ? buildSessionExport([item.edit], []) : buildSessionExport([], [item.comment]);
-    try {
-      await navigator.clipboard.writeText(`implement the visual edits
+    const text = item.type === "edit" ? buildSessionExport([item.edit], [], {
+      movePlanContext,
+      includeMovePlanHeader: false
+    }) : buildSessionExport([], [item.comment]);
+    const instruction = item.type === "edit" ? buildExportInstruction(getExportContentProfile(
+      [item.edit],
+      [],
+      item.edit.move ? buildMovePlanContext([item.edit]) : null
+    )) : buildExportInstruction({ hasCssEdits: false, hasTextEdits: false, hasMoves: false, hasComments: true });
+    const success = await copyText(`${instruction}
 
 ${text}`);
-      setCopied(true);
-      window.setTimeout(() => setCopied(false), 2e3);
-    } catch {
-    }
-  }, []);
+    if (!success) return;
+    setCopied(true);
+    window.setTimeout(() => setCopied(false), 2e3);
+  }, [movePlanContext]);
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_popover2.Popover.Root, { open: isOpen, onOpenChange, children: [
     /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Tooltip, { disabled: isOpen, children: [
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTrigger, { render: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_popover2.Popover.Trigger, { render: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
@@ -10363,7 +11465,7 @@ ${text}`);
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between px-3 pb-1 pt-2.5", children: [
             /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-xs font-medium text-foreground", children: "Copy to AI agents" }),
-            editsSnapshot.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-1", children: [
+            visibleItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                 import_button7.Button,
                 {
@@ -10406,9 +11508,10 @@ ${text}`);
               ] })
             ] })
           ] }),
-          editsSnapshot.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "px-3 pb-3 pt-1 text-xs text-muted-foreground", children: "No edits or comments yet." }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "max-h-[240px] overflow-y-auto px-1 py-1", children: editsSnapshot.map((item, i) => {
+          visibleItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "px-3 pb-3 pt-1 text-xs text-muted-foreground", children: "No edits or comments yet." }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "max-h-[240px] overflow-y-auto px-1 py-1", children: visibleItems.map((item, i) => {
             const isEdit = item.type === "edit";
-            const isMoved = isEdit && Boolean(item.edit.move);
+            const moveIntent = isEdit && item.edit.move ? getMoveIntentForEdit(item.edit, movePlanContext) : null;
+            const isMoved = Boolean(moveIntent);
             const locator = isEdit ? item.edit.locator : item.comment.locator;
             const componentName = locator.reactStack[0]?.name ?? locator.tagName;
             let valueSummary = "";
@@ -10421,8 +11524,8 @@ ${text}`);
               if (item.edit.textEdit) {
                 editValues.push(`text: "${item.edit.textEdit.newText}"`);
               }
-              if (item.edit.move) {
-                editValues.push(`${item.edit.move.fromParentName} -> ${item.edit.move.toParentName}`);
+              if (moveIntent) {
+                editValues.push(summarizeMoveForPreview(moveIntent));
               }
               valueSummary = editValues.length > 0 ? editValues.join(", ") : "(no edits)";
             } else {
@@ -10473,7 +11576,15 @@ ${text}`);
                         } else {
                           onDeleteComment?.(item.comment.id);
                         }
-                        setEditsSnapshot((prev) => prev.filter((_, j) => j !== i));
+                        setEditsSnapshot((prev) => prev.filter((candidate) => {
+                          if (item.type === "edit" && candidate.type === "edit") {
+                            return candidate.edit.element !== item.edit.element;
+                          }
+                          if (item.type === "comment" && candidate.type === "comment") {
+                            return candidate.comment.id !== item.comment.id;
+                          }
+                          return true;
+                        }));
                       },
                       children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react13.X, { className: "size-3" })
                     }
@@ -11286,12 +12397,7 @@ function DirectEditDemo() {
   const handleExportEdits = async () => {
     if (Object.keys(pendingStyles).length === 0) return false;
     const exportMarkdown = buildEditExport(DEMO_LOCATOR, pendingStyles);
-    try {
-      await navigator.clipboard.writeText(exportMarkdown);
-      return true;
-    } catch {
-      return false;
-    }
+    return copyText(buildAgentClipboardText(exportMarkdown));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "min-h-screen p-8", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "mx-auto max-w-4xl", children: [
     /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h1", { className: "mb-2 text-2xl font-bold", children: "Direct Edit Panel" }),
@@ -11408,6 +12514,7 @@ function DirectEditDemo() {
   colorToTailwind,
   elementFromPointWithoutOverlays,
   findContainerAtPoint,
+  findLayoutContainerAtPoint,
   formatColorValue,
   formatPropertyValue,
   getComputedBorderStyles,
@@ -11420,6 +12527,7 @@ function DirectEditDemo() {
   getFlexDirection,
   getStoredGuidelines,
   isFlexContainer,
+  isLayoutContainer,
   parseColorValue,
   parsePropertyValue,
   stylesToTailwind,