react-grab 0.1.17 → 0.1.19

package/dist/react.js

@@ -1884,7 +1884,7 @@ var init_web = __esm({
 var styles_default;
 var init_styles = __esm({
   "dist/styles.css"() {
-    styles_default = '/*! tailwindcss v4.1.17 | 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Geist",ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--color-yellow-500:oklch(79.5% .184 86.047);--color-black:#000;--color-white:#fff;--spacing:4px;--text-sm:14px;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-sm:4px;--ease-out:cubic-bezier(0,0,.2,1);--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--transition-fast:.1s;--transition-normal:.15s;--transition-slow:.2s}}@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}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.touch-hitbox{position:relative}.touch-hitbox:before{content:"";width:100%;min-width:44px;height:100%;min-height:44px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-top-0\\.5{top:calc(var(--spacing)*-.5)}.top-0{top:calc(var(--spacing)*0)}.top-0\\.5{top:calc(var(--spacing)*.5)}.top-1\\/2{top:50%}.top-full{top:100%}.-right-0\\.5{right:calc(var(--spacing)*-.5)}.right-full{right:100%}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-0\\.5{left:calc(var(--spacing)*.5)}.left-1\\.5{left:calc(var(--spacing)*1.5)}.left-1\\/2{left:50%}.left-2\\.5{left:calc(var(--spacing)*2.5)}.left-full{left:100%}.z-10{z-index:10}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.m-0{margin:calc(var(--spacing)*0)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-0\\.5{margin-inline:calc(var(--spacing)*.5)}.-my-1\\.5{margin-block:calc(var(--spacing)*-1.5)}.my-0\\.5{margin-block:calc(var(--spacing)*.5)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-2\\.5{margin-top:calc(var(--spacing)*2.5)}.mr-0\\.5{margin-right:calc(var(--spacing)*.5)}.mr-1\\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2\\.5{margin-right:calc(var(--spacing)*2.5)}.mb-0\\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2\\.5{margin-bottom:calc(var(--spacing)*2.5)}.-ml-\\[2px\\]{margin-left:-2px}.ml-0\\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2\\.5{margin-left:calc(var(--spacing)*2.5)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-1\\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-\\[18px\\]{width:18px;height:18px}.h-0{height:calc(var(--spacing)*0)}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-\\[17px\\]{height:17px}.h-fit{height:fit-content}.max-h-\\[240px\\]{max-height:240px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-\\[calc\\(100\\%\\+16px\\)\\]{width:calc(100% + 16px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[150px\\]{min-width:150px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-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)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.interactive-scale{transition-property:transform;transition-duration:var(--transition-normal);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}@media (hover:hover) and (pointer:fine){.interactive-scale:hover{transform:scale(1.05)}}.interactive-scale:active{transform:scale(.97)}.press-scale{transition-property:transform;transition-duration:var(--transition-fast);transition-timing-function:ease-out}.press-scale:active{transform:scale(.97)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.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}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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-\\[5px\\]{gap:5px}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-\\[1px\\]{border-radius:1px}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-\\[10px\\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\\[10px\\]{border-top-left-radius:10px;border-bottom-left-radius:10px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\\[10px\\]{border-top-right-radius:10px;border-bottom-right-radius:10px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.rounded-b-\\[10px\\]{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#404040\\]{background-color:#404040}.bg-\\[\\#FEF2F2\\]{background-color:#fef2f2}.bg-black{background-color:var(--color-black)}.bg-black\\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\\/5{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.bg-black\\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\\/25{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.p-0{padding:calc(var(--spacing)*0)}.px-0\\.25{padding-inline:calc(var(--spacing)*.25)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[3px\\]{padding-inline:3px}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-0\\.25{padding-block:calc(var(--spacing)*.25)}.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-px{padding-block:1px}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.leading-3{--tw-leading:calc(var(--spacing)*3);line-height:calc(var(--spacing)*3)}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.wrap-break-word{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B3B3B3\\]{color:#b3b3b3}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-\\[\\#B91C1C\\]\\/50{color:oklab(50.542% .168942 .0880134/.5)}.text-black{color:var(--color-black)}.text-black\\/25{color:#00000040}@supports (color:color-mix(in lab, red, red)){.text-black\\/25{color:color-mix(in oklab,var(--color-black)25%,transparent)}}.text-black\\/30{color:#0000004d}@supports (color:color-mix(in lab, red, red)){.text-black\\/30{color:color-mix(in oklab,var(--color-black)30%,transparent)}}.text-black\\/40{color:#0006}@supports (color:color-mix(in lab, red, red)){.text-black\\/40{color:color-mix(in oklab,var(--color-black)40%,transparent)}}.text-black\\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\\/50{color:color-mix(in oklab,var(--color-black)50%,transparent)}}.text-black\\/60{color:#0009}@supports (color:color-mix(in lab, red, red)){.text-black\\/60{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.text-black\\/70{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.text-black\\/70{color:color-mix(in oklab,var(--color-black)70%,transparent)}}.text-black\\/80{color:#000c}@supports (color:color-mix(in lab, red, red)){.text-black\\/80{color:color-mix(in oklab,var(--color-black)80%,transparent)}}.text-black\\/85{color:#000000d9}@supports (color:color-mix(in lab, red, red)){.text-black\\/85{color:color-mix(in oklab,var(--color-black)85%,transparent)}}.text-white{color:var(--color-white)}.italic{font-style:italic}.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,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter-\\[drop-shadow\\(0px_1px_2px_\\#51515140\\)\\]{filter:drop-shadow(0 1px 2px #51515140)}.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-\\[grid-template-columns\\,opacity\\]{transition-property:grid-template-columns,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\,opacity\\]{transition-property:grid-template-rows,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[transform\\,opacity\\]{transition-property:transform,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-opacity{transition-property:opacity;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-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[opacity\\,transform\\]{will-change:opacity,transform}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[corner-shape\\:superellipse\\(1\\.25\\)\\]{corner-shape:superellipse(1.25)}.\\[font-synthesis\\:none\\]{font-synthesis:none}.\\[grid-area\\:1\\/1\\]{grid-area:1/1}.group-focus-within\\:invisible:is(:where(.group):focus-within *){visibility:hidden}.group-focus-within\\:visible:is(:where(.group):focus-within *){visibility:visible}@media (hover:hover){.group-hover\\:invisible:is(:where(.group):hover *){visibility:hidden}.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}}.before\\:\\!min-h-full:before{content:var(--tw-content);min-height:100%!important}.before\\:\\!min-w-full:before{content:var(--tw-content);min-width:100%!important}.focus-within\\:bg-black\\/5:focus-within{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.focus-within\\:bg-black\\/5:focus-within{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}@media (hover:hover){.hover\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEE2E2\\]:hover{background-color:#fee2e2}.hover\\:bg-black\\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.hover\\:bg-black\\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\\:text-\\[\\#B91C1C\\]:hover{color:#b91c1c}.hover\\:text-black:hover{color:var(--color-black)}.hover\\:text-black\\/60:hover{color:#0009}@supports (color:color-mix(in lab, red, red)){.hover\\:text-black\\/60:hover{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.hover\\:opacity-100:hover{opacity:1}}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:opacity-40:disabled{opacity:.4}@media (hover:hover){.disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}}:host{all:initial;direction:ltr}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes success-pop{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.1)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes icon-loader-spin{0%{opacity:1}50%{opacity:.5}to{opacity:.2}}.icon-loader-bar{animation:.5s linear infinite icon-loader-spin}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer-text{color:#0000;background:linear-gradient(90deg,#71717a 0%,#a1a1aa 25%,#71717a 50%,#a1a1aa 75%,#71717a 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite shimmer}@keyframes clock-flash{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.92)}75%{transform:scale(1.05)}to{transform:scale(1)}}.animate-clock-flash{will-change:transform;animation:.4s ease-out clock-flash}.animate-shake{will-change:transform;animation:.3s ease-out shake}.animate-pop-in{animation:pop-in var(--transition-normal)ease-out;will-change:transform,opacity}.animate-pop-out{animation:pop-out var(--transition-normal)ease-out forwards;will-change:transform,opacity}.animate-slide-in-bottom{animation:slide-in-bottom var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-top{animation:slide-in-top var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-left{animation:slide-in-left var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-right{animation:slide-in-right var(--transition-slow)ease-out;will-change:transform,opacity}.animate-success-pop{will-change:transform,opacity;animation:.25s ease-out success-pop}.animate-tooltip-fade-in{animation:tooltip-fade-in var(--transition-fast)ease-out;will-change:transform,opacity}@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-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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}';
+    styles_default = '/*! tailwindcss v4.1.17 | 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-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-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Geist",ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--color-yellow-500:oklch(79.5% .184 86.047);--color-black:#000;--color-white:#fff;--spacing:4px;--text-sm:14px;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-sm:4px;--ease-out:cubic-bezier(0,0,.2,1);--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--transition-fast:.1s;--transition-normal:.15s;--transition-slow:.2s}}@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}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.touch-hitbox{position:relative}.touch-hitbox:before{content:"";width:100%;min-width:44px;height:100%;min-height:44px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-top-0\\.5{top:calc(var(--spacing)*-.5)}.top-0{top:calc(var(--spacing)*0)}.top-0\\.5{top:calc(var(--spacing)*.5)}.top-1\\/2{top:50%}.top-full{top:100%}.-right-0\\.5{right:calc(var(--spacing)*-.5)}.right-full{right:100%}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-0\\.5{left:calc(var(--spacing)*.5)}.left-1\\.5{left:calc(var(--spacing)*1.5)}.left-1\\/2{left:50%}.left-2\\.5{left:calc(var(--spacing)*2.5)}.left-full{left:100%}.z-10{z-index:10}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.m-0{margin:calc(var(--spacing)*0)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-0\\.5{margin-inline:calc(var(--spacing)*.5)}.-my-1\\.5{margin-block:calc(var(--spacing)*-1.5)}.my-0\\.5{margin-block:calc(var(--spacing)*.5)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-2\\.5{margin-top:calc(var(--spacing)*2.5)}.mr-0\\.5{margin-right:calc(var(--spacing)*.5)}.mr-1\\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2\\.5{margin-right:calc(var(--spacing)*2.5)}.mb-0\\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2\\.5{margin-bottom:calc(var(--spacing)*2.5)}.-ml-\\[2px\\]{margin-left:-2px}.ml-0\\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2\\.5{margin-left:calc(var(--spacing)*2.5)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-1\\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-\\[18px\\]{width:18px;height:18px}.h-0{height:calc(var(--spacing)*0)}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-\\[17px\\]{height:17px}.h-fit{height:fit-content}.max-h-\\[240px\\]{max-height:240px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-\\[calc\\(100\\%\\+16px\\)\\]{width:calc(100% + 16px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[100px\\]{min-width:100px}.min-w-\\[150px\\]{min-width:150px}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-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)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.interactive-scale{transition-property:transform;transition-duration:var(--transition-normal);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}@media (hover:hover) and (pointer:fine){.interactive-scale:hover{transform:scale(1.05)}}.interactive-scale:active{transform:scale(.97)}.press-scale{transition-property:transform;transition-duration:var(--transition-fast);transition-timing-function:ease-out}.press-scale:active{transform:scale(.97)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.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-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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-\\[5px\\]{gap:5px}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-\\[1px\\]{border-radius:1px}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-\\[10px\\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\\[10px\\]{border-top-left-radius:10px;border-bottom-left-radius:10px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\\[10px\\]{border-top-right-radius:10px;border-bottom-right-radius:10px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.rounded-b-\\[10px\\]{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#404040\\]{background-color:#404040}.bg-\\[\\#FEF2F2\\]{background-color:#fef2f2}.bg-black{background-color:var(--color-black)}.bg-black\\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\\/5{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.bg-black\\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\\/25{background-color:color-mix(in oklab,var(--color-black)25%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.p-0{padding:calc(var(--spacing)*0)}.px-0\\.25{padding-inline:calc(var(--spacing)*.25)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[3px\\]{padding-inline:3px}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-0\\.25{padding-block:calc(var(--spacing)*.25)}.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-px{padding-block:1px}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.leading-3{--tw-leading:calc(var(--spacing)*3);line-height:calc(var(--spacing)*3)}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.wrap-break-word{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B3B3B3\\]{color:#b3b3b3}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-\\[\\#B91C1C\\]\\/50{color:oklab(50.542% .168942 .0880134/.5)}.text-black{color:var(--color-black)}.text-black\\/25{color:#00000040}@supports (color:color-mix(in lab, red, red)){.text-black\\/25{color:color-mix(in oklab,var(--color-black)25%,transparent)}}.text-black\\/30{color:#0000004d}@supports (color:color-mix(in lab, red, red)){.text-black\\/30{color:color-mix(in oklab,var(--color-black)30%,transparent)}}.text-black\\/40{color:#0006}@supports (color:color-mix(in lab, red, red)){.text-black\\/40{color:color-mix(in oklab,var(--color-black)40%,transparent)}}.text-black\\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\\/50{color:color-mix(in oklab,var(--color-black)50%,transparent)}}.text-black\\/60{color:#0009}@supports (color:color-mix(in lab, red, red)){.text-black\\/60{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.text-black\\/70{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.text-black\\/70{color:color-mix(in oklab,var(--color-black)70%,transparent)}}.text-black\\/80{color:#000c}@supports (color:color-mix(in lab, red, red)){.text-black\\/80{color:color-mix(in oklab,var(--color-black)80%,transparent)}}.text-black\\/85{color:#000000d9}@supports (color:color-mix(in lab, red, red)){.text-black\\/85{color:color-mix(in oklab,var(--color-black)85%,transparent)}}.text-white{color:var(--color-white)}.italic{font-style:italic}.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,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter-\\[drop-shadow\\(0px_1px_2px_\\#51515140\\)\\]{filter:drop-shadow(0 1px 2px #51515140)}.backdrop-filter{-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-\\[grid-template-columns\\,opacity\\]{transition-property:grid-template-columns,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\,opacity\\]{transition-property:grid-template-rows,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[transform\\,opacity\\]{transition-property:transform,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-opacity{transition-property:opacity;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-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[opacity\\,transform\\]{will-change:opacity,transform}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[corner-shape\\:superellipse\\(1\\.25\\)\\]{corner-shape:superellipse(1.25)}.\\[font-synthesis\\:none\\]{font-synthesis:none}.\\[grid-area\\:1\\/1\\]{grid-area:1/1}.group-focus-within\\:invisible:is(:where(.group):focus-within *){visibility:hidden}.group-focus-within\\:visible:is(:where(.group):focus-within *){visibility:visible}@media (hover:hover){.group-hover\\:invisible:is(:where(.group):hover *){visibility:hidden}.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}}.before\\:\\!min-h-full:before{content:var(--tw-content);min-height:100%!important}.before\\:\\!min-w-full:before{content:var(--tw-content);min-width:100%!important}.focus-within\\:bg-black\\/5:focus-within{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.focus-within\\:bg-black\\/5:focus-within{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}@media (hover:hover){.hover\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEE2E2\\]:hover{background-color:#fee2e2}.hover\\:bg-black\\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/5:hover{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.hover\\:bg-black\\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\\:text-\\[\\#B91C1C\\]:hover{color:#b91c1c}.hover\\:text-black:hover{color:var(--color-black)}.hover\\:text-black\\/60:hover{color:#0009}@supports (color:color-mix(in lab, red, red)){.hover\\:text-black\\/60:hover{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.hover\\:opacity-100:hover{opacity:1}}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:opacity-40:disabled{opacity:.4}@media (hover:hover){.disabled\\:hover\\:bg-transparent:disabled:hover{background-color:#0000}}}:host{all:initial;direction:ltr}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)}30%{transform:translate(3px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes success-pop{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.1)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes icon-loader-spin{0%{opacity:1}50%{opacity:.5}to{opacity:.2}}.icon-loader-bar{animation:.5s linear infinite icon-loader-spin}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer-text{color:#0000;background:linear-gradient(90deg,#71717a 0%,#a1a1aa 25%,#71717a 50%,#a1a1aa 75%,#71717a 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite shimmer}@keyframes clock-flash{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.92)}75%{transform:scale(1.05)}to{transform:scale(1)}}.animate-clock-flash{will-change:transform;animation:.4s ease-out clock-flash}.animate-shake{will-change:transform;animation:.3s ease-out shake}.animate-pop-in{animation:pop-in var(--transition-normal)ease-out;will-change:transform,opacity}.animate-pop-out{animation:pop-out var(--transition-normal)ease-out forwards;will-change:transform,opacity}.animate-slide-in-bottom{animation:slide-in-bottom var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-top{animation:slide-in-top var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-left{animation:slide-in-left var(--transition-slow)ease-out;will-change:transform,opacity}.animate-slide-in-right{animation:slide-in-right var(--transition-slow)ease-out;will-change:transform,opacity}.animate-success-pop{will-change:transform,opacity;animation:.25s ease-out success-pop}.animate-tooltip-fade-in{animation:tooltip-fade-in var(--transition-fast)ease-out;will-change:transform,opacity}@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-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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-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-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}';
   }
 });
 
@@ -2136,11 +2136,11 @@ var init_store = __esm({
 });
 
 // src/constants.ts
-var VERSION, VIEWPORT_MARGIN_PX, OFFSCREEN_POSITION, SELECTION_LERP_FACTOR, FEEDBACK_DURATION_MS, FADE_DURATION_MS, FADE_COMPLETE_BUFFER_MS, DISMISS_ANIMATION_BUFFER_MS, KEYDOWN_SPAM_TIMEOUT_MS, BLUR_DEACTIVATION_THRESHOLD_MS, WINDOW_REFOCUS_GRACE_PERIOD_MS, INPUT_FOCUS_ACTIVATION_DELAY_MS, INPUT_TEXT_SELECTION_ACTIVATION_DELAY_MS, DEFERRED_EXECUTION_DELAY_MS, DEFAULT_KEY_HOLD_DURATION_MS, MIN_HOLD_FOR_ACTIVATION_AFTER_COPY_MS, RECENT_THRESHOLD_MS, FINDER_TIMEOUT_MS, SELECTOR_ATTR_VALUE_MAX_LENGTH_CHARS, ACTION_CYCLE_IDLE_TRIGGER_MS, DRAG_THRESHOLD_PX, ELEMENT_DETECTION_THROTTLE_MS, COMPONENT_NAME_DEBOUNCE_MS, DRAG_PREVIEW_DEBOUNCE_MS, BOUNDS_CACHE_TTL_MS, BOUNDS_RECALC_INTERVAL_MS, AUTO_SCROLL_EDGE_THRESHOLD_PX, AUTO_SCROLL_SPEED_PX, Z_INDEX_HOST, Z_INDEX_LABEL, Z_INDEX_OVERLAY_CANVAS, DRAG_LERP_FACTOR, LERP_CONVERGENCE_THRESHOLD_PX, FADE_OUT_BUFFER_MS, MIN_DEVICE_PIXEL_RATIO, GRAB_PURPLE_RGB, OVERLAY_CROSSHAIR_COLOR, OVERLAY_BORDER_COLOR_DRAG, OVERLAY_FILL_COLOR_DRAG, OVERLAY_BORDER_COLOR_DEFAULT, OVERLAY_FILL_COLOR_DEFAULT, FROZEN_GLOW_COLOR, FROZEN_GLOW_EDGE_PX, ARROW_HEIGHT_PX, ARROW_MIN_SIZE_PX, ARROW_MAX_LABEL_WIDTH_RATIO, ARROW_CENTER_PERCENT, ARROW_LABEL_MARGIN_PX, LABEL_GAP_PX, PREVIEW_TEXT_MAX_LENGTH, PREVIEW_ATTR_VALUE_MAX_LENGTH, PREVIEW_MAX_ATTRS, PREVIEW_PRIORITY_ATTRS, SCREENSHOT_CAPTURE_DELAY_MS, SYMBOLICATION_TIMEOUT_MS, VIDEO_METADATA_TIMEOUT_MS, VIDEO_READY_POLL_INTERVAL_MS, VIDEO_READY_TIMEOUT_MS, MODIFIER_KEYS, ARROW_KEYS, FROZEN_ELEMENT_ATTRIBUTE, USER_IGNORE_ATTRIBUTE, VIEWPORT_COVERAGE_THRESHOLD, OVERLAY_Z_INDEX_THRESHOLD, DEV_TOOLS_OVERLAY_Z_INDEX_THRESHOLD, TOOLTIP_DELAY_MS, TOOLTIP_GRACE_PERIOD_MS, TOOLBAR_SNAP_MARGIN_PX, TOOLBAR_FADE_IN_DELAY_MS, TOOLBAR_SNAP_ANIMATION_DURATION_MS, TOOLBAR_DRAG_THRESHOLD_PX, TOOLBAR_VELOCITY_MULTIPLIER_MS, TOOLBAR_COLLAPSED_SHORT_PX, TOOLBAR_COLLAPSED_LONG_PX, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS, TOGGLE_ANIMATION_BUFFER_MS, TOOLBAR_DEFAULT_WIDTH_PX, TOOLBAR_DEFAULT_HEIGHT_PX, TOOLBAR_SHAKE_TOOLTIP_DURATION_MS, DRAG_SELECTION_COVERAGE_THRESHOLD, DRAG_SELECTION_SAMPLE_SPACING_PX, DRAG_SELECTION_MIN_SAMPLES_PER_AXIS, DRAG_SELECTION_MAX_SAMPLES_PER_AXIS, DRAG_SELECTION_MAX_TOTAL_SAMPLE_POINTS, DRAG_SELECTION_EDGE_INSET_PX, MAX_ARROW_NAVIGATION_HISTORY, MAX_MEMORY_SESSIONS, MAX_TRANSFORM_ANCESTOR_DEPTH, TRANSFORM_EARLY_BAIL_DEPTH, ELEMENT_POSITION_CACHE_DISTANCE_THRESHOLD_PX, ELEMENT_POSITION_THROTTLE_MS, VISIBILITY_CACHE_TTL_MS, ZOOM_DETECTION_THRESHOLD, MOUNT_ROOT_RECHECK_DELAY_MS, MAX_HISTORY_ITEMS, MAX_SESSION_STORAGE_SIZE_BYTES, DROPDOWN_ANIMATION_DURATION_MS, DROPDOWN_HOVER_OPEN_DELAY_MS, DROPDOWN_VIEWPORT_PADDING_PX, DROPDOWN_ANCHOR_GAP_PX, SAFE_POLYGON_BUFFER_PX, DROPDOWN_ICON_SIZE_PX, DROPDOWN_MIN_WIDTH_PX, DROPDOWN_MAX_WIDTH_PX, TOOLBAR_MENU_MIN_WIDTH_PX, PANEL_STYLES, DROPDOWN_OFFSCREEN_POSITION, DROPDOWN_EDGE_TRANSFORM_ORIGIN, LOGO_SVG, NEXTJS_REVALIDATION_DELAY_MS, IME_COMPOSING_KEY_CODE, SELECTION_LABEL_OFFSCREEN_PX;
+var VERSION, VIEWPORT_MARGIN_PX, OFFSCREEN_POSITION, SELECTION_LERP_FACTOR, FEEDBACK_DURATION_MS, FADE_DURATION_MS, FADE_COMPLETE_BUFFER_MS, DISMISS_ANIMATION_BUFFER_MS, KEYDOWN_SPAM_TIMEOUT_MS, BLUR_DEACTIVATION_THRESHOLD_MS, WINDOW_REFOCUS_GRACE_PERIOD_MS, INPUT_FOCUS_ACTIVATION_DELAY_MS, INPUT_TEXT_SELECTION_ACTIVATION_DELAY_MS, DEFERRED_EXECUTION_DELAY_MS, DEFAULT_KEY_HOLD_DURATION_MS, MIN_HOLD_FOR_ACTIVATION_AFTER_COPY_MS, RECENT_THRESHOLD_MS, FINDER_TIMEOUT_MS, SELECTOR_ATTR_VALUE_MAX_LENGTH_CHARS, ACTION_CYCLE_IDLE_TRIGGER_MS, DRAG_THRESHOLD_PX, ELEMENT_DETECTION_THROTTLE_MS, COMPONENT_NAME_DEBOUNCE_MS, DRAG_PREVIEW_DEBOUNCE_MS, BOUNDS_CACHE_TTL_MS, BOUNDS_RECALC_INTERVAL_MS, AUTO_SCROLL_EDGE_THRESHOLD_PX, AUTO_SCROLL_SPEED_PX, Z_INDEX_HOST, Z_INDEX_LABEL, Z_INDEX_OVERLAY_CANVAS, DRAG_LERP_FACTOR, LERP_CONVERGENCE_THRESHOLD_PX, FADE_OUT_BUFFER_MS, MIN_DEVICE_PIXEL_RATIO, GRAB_PURPLE_RGB, OVERLAY_CROSSHAIR_COLOR, OVERLAY_BORDER_COLOR_DRAG, OVERLAY_FILL_COLOR_DRAG, OVERLAY_BORDER_COLOR_DEFAULT, OVERLAY_FILL_COLOR_DEFAULT, FROZEN_GLOW_COLOR, FROZEN_GLOW_EDGE_PX, ARROW_HEIGHT_PX, ARROW_MIN_SIZE_PX, ARROW_MAX_LABEL_WIDTH_RATIO, ARROW_CENTER_PERCENT, ARROW_LABEL_MARGIN_PX, LABEL_GAP_PX, PREVIEW_TEXT_MAX_LENGTH, PREVIEW_ATTR_VALUE_MAX_LENGTH, PREVIEW_MAX_ATTRS, PREVIEW_PRIORITY_ATTRS, SYMBOLICATION_TIMEOUT_MS, MODIFIER_KEYS, ARROW_KEYS, FROZEN_ELEMENT_ATTRIBUTE, USER_IGNORE_ATTRIBUTE, VIEWPORT_COVERAGE_THRESHOLD, OVERLAY_Z_INDEX_THRESHOLD, DEV_TOOLS_OVERLAY_Z_INDEX_THRESHOLD, TOOLTIP_DELAY_MS, TOOLTIP_GRACE_PERIOD_MS, TOOLBAR_SNAP_MARGIN_PX, TOOLBAR_FADE_IN_DELAY_MS, TOOLBAR_SNAP_ANIMATION_DURATION_MS, TOOLBAR_DRAG_THRESHOLD_PX, TOOLBAR_VELOCITY_MULTIPLIER_MS, TOOLBAR_COLLAPSED_SHORT_PX, TOOLBAR_COLLAPSED_LONG_PX, TOOLBAR_COLLAPSE_ANIMATION_DURATION_MS, TOGGLE_ANIMATION_BUFFER_MS, TOOLBAR_DEFAULT_WIDTH_PX, TOOLBAR_DEFAULT_HEIGHT_PX, TOOLBAR_SHAKE_TOOLTIP_DURATION_MS, DRAG_SELECTION_COVERAGE_THRESHOLD, DRAG_SELECTION_SAMPLE_SPACING_PX, DRAG_SELECTION_MIN_SAMPLES_PER_AXIS, DRAG_SELECTION_MAX_SAMPLES_PER_AXIS, DRAG_SELECTION_MAX_TOTAL_SAMPLE_POINTS, DRAG_SELECTION_EDGE_INSET_PX, MAX_ARROW_NAVIGATION_HISTORY, MAX_MEMORY_SESSIONS, MAX_TRANSFORM_ANCESTOR_DEPTH, TRANSFORM_EARLY_BAIL_DEPTH, ELEMENT_POSITION_CACHE_DISTANCE_THRESHOLD_PX, ELEMENT_POSITION_THROTTLE_MS, VISIBILITY_CACHE_TTL_MS, ZOOM_DETECTION_THRESHOLD, MOUNT_ROOT_RECHECK_DELAY_MS, MAX_HISTORY_ITEMS, MAX_SESSION_STORAGE_SIZE_BYTES, DROPDOWN_ANIMATION_DURATION_MS, DROPDOWN_HOVER_OPEN_DELAY_MS, DROPDOWN_VIEWPORT_PADDING_PX, DROPDOWN_ANCHOR_GAP_PX, SAFE_POLYGON_BUFFER_PX, DROPDOWN_ICON_SIZE_PX, DROPDOWN_MIN_WIDTH_PX, DROPDOWN_MAX_WIDTH_PX, TOOLBAR_MENU_MIN_WIDTH_PX, PANEL_STYLES, DROPDOWN_OFFSCREEN_POSITION, DROPDOWN_EDGE_TRANSFORM_ORIGIN, LOGO_SVG, NEXTJS_REVALIDATION_DELAY_MS, IME_COMPOSING_KEY_CODE, SELECTION_LABEL_OFFSCREEN_PX, RELEVANT_CSS_PROPERTIES;
 var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
-    VERSION = "0.1.17";
+    VERSION = "0.1.19";
     VIEWPORT_MARGIN_PX = 8;
     OFFSCREEN_POSITION = -1e3;
     SELECTION_LERP_FACTOR = 0.95;
@@ -2201,11 +2201,7 @@ var init_constants = __esm({
       "name",
       "title"
     ];
-    SCREENSHOT_CAPTURE_DELAY_MS = 50;
     SYMBOLICATION_TIMEOUT_MS = 5e3;
-    VIDEO_METADATA_TIMEOUT_MS = 5e3;
-    VIDEO_READY_POLL_INTERVAL_MS = 10;
-    VIDEO_READY_TIMEOUT_MS = 2e3;
     MODIFIER_KEYS = [
       "Meta",
       "Control",
@@ -2275,6 +2271,93 @@ var init_constants = __esm({
     NEXTJS_REVALIDATION_DELAY_MS = 1e3;
     IME_COMPOSING_KEY_CODE = 229;
     SELECTION_LABEL_OFFSCREEN_PX = -9999;
+    RELEVANT_CSS_PROPERTIES = /* @__PURE__ */ new Set([
+      "display",
+      "position",
+      "top",
+      "right",
+      "bottom",
+      "left",
+      "z-index",
+      "overflow",
+      "overflow-x",
+      "overflow-y",
+      "width",
+      "height",
+      "min-width",
+      "min-height",
+      "max-width",
+      "max-height",
+      "margin-top",
+      "margin-right",
+      "margin-bottom",
+      "margin-left",
+      "padding-top",
+      "padding-right",
+      "padding-bottom",
+      "padding-left",
+      "flex-direction",
+      "flex-wrap",
+      "justify-content",
+      "align-items",
+      "align-self",
+      "align-content",
+      "flex-grow",
+      "flex-shrink",
+      "flex-basis",
+      "order",
+      "gap",
+      "row-gap",
+      "column-gap",
+      "grid-template-columns",
+      "grid-template-rows",
+      "grid-template-areas",
+      "font-family",
+      "font-size",
+      "font-weight",
+      "font-style",
+      "line-height",
+      "letter-spacing",
+      "text-align",
+      "text-decoration-line",
+      "text-decoration-style",
+      "text-transform",
+      "text-overflow",
+      "text-shadow",
+      "white-space",
+      "word-break",
+      "overflow-wrap",
+      "vertical-align",
+      "color",
+      "background-color",
+      "background-image",
+      "background-position",
+      "background-size",
+      "background-repeat",
+      "border-top-width",
+      "border-right-width",
+      "border-bottom-width",
+      "border-left-width",
+      "border-top-style",
+      "border-right-style",
+      "border-bottom-style",
+      "border-left-style",
+      "border-top-color",
+      "border-right-color",
+      "border-bottom-color",
+      "border-left-color",
+      "border-top-left-radius",
+      "border-top-right-radius",
+      "border-bottom-left-radius",
+      "border-bottom-right-radius",
+      "box-shadow",
+      "opacity",
+      "transform",
+      "filter",
+      "backdrop-filter",
+      "object-fit",
+      "object-position"
+    ]);
   }
 });
 
@@ -3079,6 +3162,29 @@ var init_mount_root = __esm({
   }
 });
 
+// src/utils/native-raf.ts
+var isClientSide, noopAnimationFrame, noopCancelFrame, nativeRequestAnimationFrame, nativeCancelAnimationFrame, waitUntilNextFrame;
+var init_native_raf = __esm({
+  "src/utils/native-raf.ts"() {
+    "use strict";
+    isClientSide = typeof window !== "undefined";
+    noopAnimationFrame = (_callback) => 0;
+    noopCancelFrame = (_id) => {
+    };
+    nativeRequestAnimationFrame = isClientSide ? (Object.getOwnPropertyDescriptor(
+      Window.prototype,
+      "requestAnimationFrame"
+    )?.value ?? window.requestAnimationFrame).bind(window) : noopAnimationFrame;
+    nativeCancelAnimationFrame = isClientSide ? (Object.getOwnPropertyDescriptor(
+      Window.prototype,
+      "cancelAnimationFrame"
+    )?.value ?? window.cancelAnimationFrame).bind(window) : noopCancelFrame;
+    waitUntilNextFrame = () => isClientSide ? new Promise(
+      (resolve) => nativeRequestAnimationFrame(() => resolve())
+    ) : Promise.resolve();
+  }
+});
+
 // ../../node_modules/.pnpm/bippy@0.5.30_@types+react@19.2.11_react@19.2.3/node_modules/bippy/dist/source.js
 var g3, _3, v2, y2, b2, x2, S2, ee2, C2, w2, te2, T2, ne2, E, re2, ie2, D, ae2, oe2, se2, O2, k2, A2, j2, M2, fe2, I2, L2, pe2, me2, R, z2, B2, he2, V2, H2, ge2, _e2, ve2, U2, W2, G2, K, q, ye2, J, Y, be2, X2, Z, xe2, Se2, Ce2, we2, Te2, Ee2, De2, Oe, Q, $2, je2, Me2, Ne2, Pe2;
 var init_source = __esm({
@@ -3774,7 +3880,7 @@ var init_truncate_string = __esm({
 });
 
 // src/core/context.ts
-var NEXT_INTERNAL_COMPONENT_NAMES, REACT_INTERNAL_COMPONENT_NAMES, cachedIsNextProject, checkIsNextProject, checkIsInternalComponentName, checkIsSourceComponentName, SERVER_COMPONENT_URL_PREFIXES, isServerComponentUrl, devirtualizeServerUrl, symbolicateServerFrames, extractServerFramesFromDebugStack, enrichServerFrameLocations, stackCache, fetchStackForElement, getStack, getNearestComponentName, resolveSourceFromStack, isUsefulComponentName, getComponentDisplayName, hasSourceFiles, getComponentNamesFromFiber, getElementContext, getFallbackContext, truncateAttrValue, formatPriorityAttrs, getHTMLPreview;
+var NEXT_INTERNAL_COMPONENT_NAMES, REACT_INTERNAL_COMPONENT_NAMES, cachedIsNextProject, checkIsNextProject, checkIsInternalComponentName, checkIsSourceComponentName, SERVER_COMPONENT_URL_PREFIXES, isServerComponentUrl, devirtualizeServerUrl, symbolicateServerFrames, extractServerFramesFromDebugStack, enrichServerFrameLocations, stackCache, fetchStackForElement, getStack, getNearestComponentName, resolveSourceFromStack, isUsefulComponentName, getComponentDisplayName, hasSourceFiles, getComponentNamesFromFiber, formatStackContext, getStackContext, getElementContext, getFallbackContext, truncateAttrValue, formatPriorityAttrs, getHTMLPreview;
 var init_context = __esm({
   "src/core/context.ts"() {
     "use strict";
@@ -4050,46 +4156,56 @@ var init_context = __esm({
       );
       return componentNames;
     };
-    getElementContext = async (element, options = {}) => {
+    formatStackContext = (stack, options = {}) => {
       const { maxLines = 3 } = options;
-      const stack = await getStack(element);
-      const html = getHTMLPreview(element);
-      if (stack && hasSourceFiles(stack)) {
-        const isNextProject = checkIsNextProject();
-        const stackContext = [];
-        for (const frame of stack) {
-          if (stackContext.length >= maxLines) break;
-          const hasResolvedSource = frame.fileName && Pe2(frame.fileName);
-          if (frame.isServer && !hasResolvedSource && (!frame.functionName || checkIsSourceComponentName(frame.functionName))) {
-            stackContext.push(
-              `
+      const isNextProject = checkIsNextProject();
+      const stackContext = [];
+      for (const frame of stack) {
+        if (stackContext.length >= maxLines) break;
+        const hasResolvedSource = frame.fileName && Pe2(frame.fileName);
+        if (frame.isServer && !hasResolvedSource && (!frame.functionName || checkIsSourceComponentName(frame.functionName))) {
+          stackContext.push(
+            `
   in ${frame.functionName || "<anonymous>"} (at Server)`
-            );
-            continue;
+          );
+          continue;
+        }
+        if (hasResolvedSource) {
+          let line = "\n  in ";
+          const hasComponentName = frame.functionName && checkIsSourceComponentName(frame.functionName);
+          if (hasComponentName) {
+            line += `${frame.functionName} (at `;
           }
-          if (hasResolvedSource) {
-            let line = "\n  in ";
-            const hasComponentName = frame.functionName && checkIsSourceComponentName(frame.functionName);
-            if (hasComponentName) {
-              line += `${frame.functionName} (at `;
-            }
-            line += Ne2(frame.fileName);
-            if (isNextProject && frame.lineNumber && frame.columnNumber) {
-              line += `:${frame.lineNumber}:${frame.columnNumber}`;
-            }
-            if (hasComponentName) {
-              line += `)`;
-            }
-            stackContext.push(line);
+          line += Ne2(frame.fileName);
+          if (isNextProject && frame.lineNumber && frame.columnNumber) {
+            line += `:${frame.lineNumber}:${frame.columnNumber}`;
           }
+          if (hasComponentName) {
+            line += `)`;
+          }
+          stackContext.push(line);
         }
-        return `${html}${stackContext.join("")}`;
+      }
+      return stackContext.join("");
+    };
+    getStackContext = async (element, options = {}) => {
+      const maxLines = options.maxLines ?? 3;
+      const stack = await getStack(element);
+      if (stack && hasSourceFiles(stack)) {
+        return formatStackContext(stack, options);
       }
       const componentNames = getComponentNamesFromFiber(element, maxLines);
       if (componentNames.length > 0) {
-        const componentContext = componentNames.map((name) => `
+        return componentNames.map((name) => `
   in ${name}`).join("");
-        return `${html}${componentContext}`;
+      }
+      return "";
+    };
+    getElementContext = async (element, options = {}) => {
+      const html = getHTMLPreview(element);
+      const stackContext = await getStackContext(element, options);
+      if (stackContext) {
+        return `${html}${stackContext}`;
       }
       return getFallbackContext(element);
     };
@@ -4252,6 +4368,7 @@ var init_overlay_canvas = __esm({
     init_solid();
     init_lerp();
     init_constants();
+    init_native_raf();
     _tmpl$ = /* @__PURE__ */ template(`<canvas data-react-grab-overlay-canvas style=position:fixed;top:0;left:0;pointer-events:none>`);
     LAYER_STYLES = {
       drag: {
@@ -4545,14 +4662,14 @@ var init_overlay_canvas = __esm({
         }
         compositeAllLayers();
         if (shouldContinueAnimating) {
-          animationFrameId = requestAnimationFrame(runAnimationFrame);
+          animationFrameId = nativeRequestAnimationFrame(runAnimationFrame);
         } else {
           animationFrameId = null;
         }
       };
       const scheduleAnimationFrame = () => {
         if (animationFrameId !== null) return;
-        animationFrameId = requestAnimationFrame(runAnimationFrame);
+        animationFrameId = nativeRequestAnimationFrame(runAnimationFrame);
       };
       const handleWindowResize = () => {
         initializeCanvas();
@@ -4712,7 +4829,7 @@ var init_overlay_canvas = __esm({
             currentDprMediaQuery.removeEventListener("change", handleDevicePixelRatioChange);
           }
           if (animationFrameId !== null) {
-            cancelAnimationFrame(animationFrameId);
+            nativeCancelAnimationFrame(animationFrameId);
           }
         });
       });
@@ -9421,6 +9538,96 @@ var init_create_style_element = __esm({
   }
 });
 
+// src/utils/freeze-gsap.ts
+var isRafFrozen, pendingRafCallbacks, nextFakeRafId, knownAnimationCallbacks, nativeIdToHeldId, replayedFakeToNativeId, isAnimationLibraryCallback, freezeGsap, unfreezeGsap;
+var init_freeze_gsap = __esm({
+  "src/utils/freeze-gsap.ts"() {
+    "use strict";
+    init_native_raf();
+    isRafFrozen = false;
+    pendingRafCallbacks = /* @__PURE__ */ new Map();
+    nextFakeRafId = -1;
+    knownAnimationCallbacks = /* @__PURE__ */ new WeakSet();
+    nativeIdToHeldId = /* @__PURE__ */ new Map();
+    replayedFakeToNativeId = /* @__PURE__ */ new Map();
+    isAnimationLibraryCallback = (callback) => {
+      if (knownAnimationCallbacks.has(callback)) return true;
+      if (!isRafFrozen || !("gsapVersions" in window)) return false;
+      const stack = new Error().stack ?? "";
+      if (!stack.includes("_tick")) return false;
+      knownAnimationCallbacks.add(callback);
+      return true;
+    };
+    if (typeof window !== "undefined") {
+      window.requestAnimationFrame = (callback) => {
+        if (!isAnimationLibraryCallback(callback)) {
+          return nativeRequestAnimationFrame(callback);
+        }
+        if (isRafFrozen) {
+          const identifier = nextFakeRafId--;
+          pendingRafCallbacks.set(identifier, callback);
+          return identifier;
+        }
+        const nativeId = nativeRequestAnimationFrame(
+          (timestamp) => {
+            if (isRafFrozen) {
+              const identifier = nextFakeRafId--;
+              pendingRafCallbacks.set(identifier, callback);
+              nativeIdToHeldId.set(nativeId, identifier);
+              return;
+            }
+            callback(timestamp);
+          }
+        );
+        return nativeId;
+      };
+      window.cancelAnimationFrame = (identifier) => {
+        if (pendingRafCallbacks.has(identifier)) {
+          pendingRafCallbacks.delete(identifier);
+          return;
+        }
+        const replayed = replayedFakeToNativeId.get(identifier);
+        if (replayed !== void 0) {
+          nativeCancelAnimationFrame(replayed.nativeId);
+          replayedFakeToNativeId.delete(identifier);
+          return;
+        }
+        const heldId = nativeIdToHeldId.get(identifier);
+        if (heldId !== void 0) {
+          pendingRafCallbacks.delete(heldId);
+          nativeIdToHeldId.delete(identifier);
+          return;
+        }
+        nativeCancelAnimationFrame(identifier);
+      };
+    }
+    freezeGsap = () => {
+      if (isRafFrozen) return;
+      isRafFrozen = true;
+      pendingRafCallbacks.clear();
+      nativeIdToHeldId.clear();
+      for (const [fakeId, { nativeId, callback }] of replayedFakeToNativeId) {
+        nativeCancelAnimationFrame(nativeId);
+        pendingRafCallbacks.set(fakeId, callback);
+      }
+      replayedFakeToNativeId.clear();
+    };
+    unfreezeGsap = () => {
+      if (!isRafFrozen) return;
+      isRafFrozen = false;
+      for (const [fakeId, callback] of pendingRafCallbacks.entries()) {
+        const nativeId = nativeRequestAnimationFrame((timestamp) => {
+          replayedFakeToNativeId.delete(fakeId);
+          callback(timestamp);
+        });
+        replayedFakeToNativeId.set(fakeId, { nativeId, callback });
+      }
+      pendingRafCallbacks.clear();
+      nativeIdToHeldId.clear();
+    };
+  }
+});
+
 // src/utils/freeze-animations.ts
 var FROZEN_STYLES, GLOBAL_FREEZE_STYLES, styleElement, frozenElements, lastInputElements, globalAnimationStyleElement, ensureStylesInjected, areElementsSame, freezeAllAnimations, unfreezeAllAnimations, freezeAnimations, freezeGlobalAnimations, unfreezeGlobalAnimations;
 var init_freeze_animations = __esm({
@@ -9428,6 +9635,7 @@ var init_freeze_animations = __esm({
     "use strict";
     init_constants();
     init_create_style_element();
+    init_freeze_gsap();
     FROZEN_STYLES = `
 [${FROZEN_ELEMENT_ATTRIBUTE}],
 [${FROZEN_ELEMENT_ATTRIBUTE}] * {
@@ -9456,8 +9664,8 @@ var init_freeze_animations = __esm({
     freezeAllAnimations = (elements) => {
       if (elements.length === 0) return;
       if (areElementsSame(elements, lastInputElements)) return;
-      lastInputElements = [...elements];
       unfreezeAllAnimations();
+      lastInputElements = [...elements];
       ensureStylesInjected();
       frozenElements = elements;
       for (const element of frozenElements) {
@@ -9487,6 +9695,7 @@ var init_freeze_animations = __esm({
         "data-react-grab-global-freeze",
         GLOBAL_FREEZE_STYLES
       );
+      freezeGsap();
     };
     unfreezeGlobalAnimations = () => {
       if (!globalAnimationStyleElement) return;
@@ -9512,6 +9721,7 @@ var init_freeze_animations = __esm({
       }
       globalAnimationStyleElement.remove();
       globalAnimationStyleElement = null;
+      unfreezeGsap();
     };
   }
 });
@@ -9941,6 +10151,7 @@ var init_toolbar = __esm({
     init_freeze_pseudo_states();
     init_tooltip();
     init_toolbar_layout();
+    init_native_raf();
     _tmpl$27 = /* @__PURE__ */ template(`<span data-react-grab-unread-indicator class="absolute -top-0.5 -right-0.5 w-1.5 h-1.5 rounded-full bg-[#404040]">`);
     _tmpl$28 = /* @__PURE__ */ template(`<div style=z-index:2147483647>Enable to continue`);
     _tmpl$35 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-toolbar style=z-index:2147483647><div><div><div><div><div><div><button data-react-grab-ignore-events data-react-grab-toolbar-toggle></button></div></div><div><div><button data-react-grab-ignore-events data-react-grab-toolbar-history><span class="inline-flex relative"></span></button></div></div><div><div><button data-react-grab-ignore-events data-react-grab-toolbar-copy-all></button></div></div><div><div><button data-react-grab-ignore-events data-react-grab-toolbar-menu></button></div></div></div><div class="relative shrink-0 overflow-visible"><button data-react-grab-ignore-events data-react-grab-toolbar-enabled><div><div></div></div></button></div></div></div><button data-react-grab-ignore-events data-react-grab-toolbar-collapse class="contain-layout shrink-0 flex items-center justify-center cursor-pointer interactive-scale">`);
@@ -10150,8 +10361,8 @@ var init_toolbar = __esm({
         const didPositionChange = clampedX !== currentPos.x || clampedY !== currentPos.y;
         if (didPositionChange) {
           setIsCollapseAnimating(true);
-          requestAnimationFrame(() => {
-            requestAnimationFrame(() => {
+          nativeRequestAnimationFrame(() => {
+            nativeRequestAnimationFrame(() => {
               setPosition({
                 x: clampedX,
                 y: clampedY
@@ -10459,7 +10670,7 @@ var init_toolbar = __esm({
             };
           };
           if (toggleAnimationRafId !== void 0) {
-            cancelAnimationFrame(toggleAnimationRafId);
+            nativeCancelAnimationFrame(toggleAnimationRafId);
           }
           if (isRapidRetoggle()) {
             const finalExpandDimension = isCurrentlyEnabled ? 0 : expandableDimension;
@@ -10477,14 +10688,14 @@ var init_toolbar = __esm({
                 const currentExpandDimension = isVerticalEdge ? expandableButtonsRef.getBoundingClientRect().height : expandableButtonsRef.getBoundingClientRect().width;
                 setPosition(computeClampedPosition(currentExpandDimension));
               }
-              toggleAnimationRafId = requestAnimationFrame(syncPositionWithGrid);
+              toggleAnimationRafId = nativeRequestAnimationFrame(syncPositionWithGrid);
             };
-            toggleAnimationRafId = requestAnimationFrame(syncPositionWithGrid);
+            toggleAnimationRafId = nativeRequestAnimationFrame(syncPositionWithGrid);
           }
           clearTimeout(toggleAnimationTimeout);
           toggleAnimationTimeout = setTimeout(() => {
             if (toggleAnimationRafId !== void 0) {
-              cancelAnimationFrame(toggleAnimationRafId);
+              nativeCancelAnimationFrame(toggleAnimationRafId);
               toggleAnimationRafId = void 0;
             }
             const finalExpandDimension = isCurrentlyEnabled ? 0 : expandableDimension;
@@ -10600,7 +10811,7 @@ var init_toolbar = __esm({
         setSnapEdge(snap.edge);
         setPositionRatio(ratio);
         setIsSnapping(true);
-        requestAnimationFrame(() => {
+        nativeRequestAnimationFrame(() => {
           const postRenderRect = containerRef?.getBoundingClientRect();
           if (postRenderRect) {
             expandedDimensions = {
@@ -10608,7 +10819,7 @@ var init_toolbar = __esm({
               height: postRenderRect.height
             };
           }
-          requestAnimationFrame(() => {
+          nativeRequestAnimationFrame(() => {
             const snappedPosition = getPositionFromEdgeAndRatio(snap.edge, ratio, expandedDimensions.width, expandedDimensions.height);
             setPosition(snappedPosition);
             saveAndNotify({
@@ -10834,7 +11045,7 @@ var init_toolbar = __esm({
         clearTimeout(toggleAnimationTimeout);
         clearTimeout(historyItemCountTimeout);
         if (toggleAnimationRafId !== void 0) {
-          cancelAnimationFrame(toggleAnimationRafId);
+          nativeCancelAnimationFrame(toggleAnimationRafId);
         }
         unfreezeUpdatesCallback?.();
         safePolygonTracker.stop();
@@ -11213,6 +11424,7 @@ var init_toolbar_menu = __esm({
     init_format_shortcut();
     init_is_event_from_overlay();
     init_resolve_action_enabled();
+    init_native_raf();
     _tmpl$29 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-toolbar-menu class="fixed font-sans text-[13px] antialiased filter-[drop-shadow(0px_1px_2px_#51515140)] select-none transition-[opacity,transform] duration-100 ease-out will-change-[opacity,transform]"style=z-index:2147483647><div><div class="flex flex-col py-1">`);
     _tmpl$210 = /* @__PURE__ */ template(`<div><div>`);
     _tmpl$36 = /* @__PURE__ */ template(`<button data-react-grab-ignore-events class="contain-layout flex items-center justify-between w-full px-2 py-1 cursor-pointer transition-colors hover:bg-black/5 text-left border-none bg-transparent disabled:opacity-40 disabled:cursor-default disabled:hover:bg-transparent"><span class="text-[13px] leading-4 font-sans font-medium text-black">`);
@@ -11239,14 +11451,14 @@ var init_toolbar_menu = __esm({
           setLastAnchorEdge(anchor.edge);
           clearTimeout(exitAnimationTimeout);
           setShouldMount(true);
-          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
-          enterAnimationFrameId = requestAnimationFrame(() => {
+          if (enterAnimationFrameId !== void 0) nativeCancelAnimationFrame(enterAnimationFrameId);
+          enterAnimationFrameId = nativeRequestAnimationFrame(() => {
             measureContainer();
             void containerRef?.offsetHeight;
             setIsAnimatedIn(true);
           });
         } else {
-          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
+          if (enterAnimationFrameId !== void 0) nativeCancelAnimationFrame(enterAnimationFrameId);
           setIsAnimatedIn(false);
           exitAnimationTimeout = setTimeout(() => {
             setShouldMount(false);
@@ -11314,7 +11526,7 @@ var init_toolbar_menu = __esm({
             props.onDismiss();
           }
         };
-        const frameId = requestAnimationFrame(() => {
+        const frameId = nativeRequestAnimationFrame(() => {
           window.addEventListener("mousedown", handleClickOutside, {
             capture: true
           });
@@ -11326,9 +11538,9 @@ var init_toolbar_menu = __esm({
           capture: true
         });
         onCleanup(() => {
-          cancelAnimationFrame(frameId);
+          nativeCancelAnimationFrame(frameId);
           clearTimeout(exitAnimationTimeout);
-          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
+          if (enterAnimationFrameId !== void 0) nativeCancelAnimationFrame(enterAnimationFrameId);
           window.removeEventListener("mousedown", handleClickOutside, {
             capture: true
           });
@@ -11461,6 +11673,7 @@ var init_context_menu = __esm({
     init_get_tag_display();
     init_resolve_action_enabled();
     init_is_event_from_overlay();
+    init_native_raf();
     _tmpl$30 = /* @__PURE__ */ template(`<div class="flex flex-col w-[calc(100%+16px)] -mx-2 -my-1.5">`);
     _tmpl$211 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-context-menu class="fixed font-sans text-[13px] antialiased filter-[drop-shadow(0px_1px_2px_#51515140)] select-none"style=z-index:2147483647;pointer-events:auto><div><div class="contain-layout shrink-0 flex items-center gap-1 pt-1.5 pb-1 w-fit h-fit px-2">`);
     _tmpl$37 = /* @__PURE__ */ template(`<span class="text-[11px] font-sans text-black/50 ml-4">`);
@@ -11483,7 +11696,7 @@ var init_context_menu = __esm({
       };
       createEffect(() => {
         if (isVisible()) {
-          requestAnimationFrame(measureContainer);
+          nativeRequestAnimationFrame(measureContainer);
         }
       });
       const computedPosition = () => {
@@ -11592,7 +11805,7 @@ var init_context_menu = __esm({
             runActionIfAllowed(modifierAction);
           }
         };
-        const frameId = requestAnimationFrame(() => {
+        const frameId = nativeRequestAnimationFrame(() => {
           window.addEventListener("mousedown", handleClickOutside, {
             capture: true
           });
@@ -11604,7 +11817,7 @@ var init_context_menu = __esm({
           capture: true
         });
         onCleanup(() => {
-          cancelAnimationFrame(frameId);
+          nativeCancelAnimationFrame(frameId);
           window.removeEventListener("mousedown", handleClickOutside, {
             capture: true
           });
@@ -11768,6 +11981,7 @@ var init_history_dropdown = __esm({
     init_icon_copy();
     init_icon_check();
     init_tooltip();
+    init_native_raf();
     _tmpl$38 = /* @__PURE__ */ template(`<div class="flex items-center gap-[5px]"><div class=relative><button data-react-grab-ignore-events data-react-grab-history-clear class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-sm bg-[#FEF2F2] cursor-pointer transition-all hover:bg-[#FEE2E2] press-scale h-[17px] text-[#B91C1C]"></button></div><div class=relative><button data-react-grab-ignore-events data-react-grab-history-copy-all class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-sm bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] press-scale h-[17px] text-black/60">`);
     _tmpl$212 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-history-dropdown class="fixed font-sans text-[13px] antialiased filter-[drop-shadow(0px_1px_2px_#51515140)] select-none transition-[opacity,transform] duration-100 ease-out will-change-[opacity,transform]"style=z-index:2147483647><div><div class="contain-layout shrink-0 flex items-center justify-between px-2 pt-1.5 pb-1"><span class="text-[11px] font-medium text-black/40">History</span></div><div class="min-h-0 [border-top-width:0.5px] border-t-solid border-t-[#D9D9D9] px-2 py-1.5"><div class="flex flex-col max-h-[240px] overflow-y-auto -mx-2 -my-1.5"style="scrollbar-color:rgba(0,0,0,0.15) transparent">`);
     _tmpl$39 = /* @__PURE__ */ template(`<span class="text-[11px] leading-3 font-sans text-black/40 truncate mt-0.5">`);
@@ -11828,14 +12042,14 @@ var init_history_dropdown = __esm({
           if (props.position) setLastAnchorEdge(props.position.edge);
           clearTimeout(exitAnimationTimeout);
           setShouldMount(true);
-          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
-          enterAnimationFrameId = requestAnimationFrame(() => {
+          if (enterAnimationFrameId !== void 0) nativeCancelAnimationFrame(enterAnimationFrameId);
+          enterAnimationFrameId = nativeRequestAnimationFrame(() => {
             measureContainer();
             void containerRef?.offsetHeight;
             setIsAnimatedIn(true);
           });
         } else {
-          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
+          if (enterAnimationFrameId !== void 0) nativeCancelAnimationFrame(enterAnimationFrameId);
           setIsAnimatedIn(false);
           exitAnimationTimeout = setTimeout(() => {
             setShouldMount(false);
@@ -11906,7 +12120,7 @@ var init_history_dropdown = __esm({
           clearTimeout(copyAllFeedbackTimeout);
           clearTimeout(copyItemFeedbackTimeout);
           clearTimeout(exitAnimationTimeout);
-          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
+          if (enterAnimationFrameId !== void 0) nativeCancelAnimationFrame(enterAnimationFrameId);
           window.removeEventListener("keydown", handleKeyDown, {
             capture: true
           });
@@ -12151,6 +12365,7 @@ var init_clear_history_prompt = __esm({
     init_is_event_from_overlay();
     init_is_keyboard_event_triggered_by_input();
     init_discard_prompt();
+    init_native_raf();
     _tmpl$40 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events data-react-grab-clear-history-prompt class="fixed font-sans text-[13px] antialiased filter-[drop-shadow(0px_1px_2px_#51515140)] select-none transition-[opacity,transform] duration-100 ease-out will-change-[opacity,transform]"style=z-index:2147483647><div>`);
     ClearHistoryPrompt = (props) => {
       let containerRef;
@@ -12173,14 +12388,14 @@ var init_clear_history_prompt = __esm({
           setLastAnchorEdge(anchor.edge);
           clearTimeout(exitAnimationTimeout);
           setShouldMount(true);
-          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
-          enterAnimationFrameId = requestAnimationFrame(() => {
+          if (enterAnimationFrameId !== void 0) nativeCancelAnimationFrame(enterAnimationFrameId);
+          enterAnimationFrameId = nativeRequestAnimationFrame(() => {
             measureContainer();
             void containerRef?.offsetHeight;
             setIsAnimatedIn(true);
           });
         } else {
-          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
+          if (enterAnimationFrameId !== void 0) nativeCancelAnimationFrame(enterAnimationFrameId);
           setIsAnimatedIn(false);
           exitAnimationTimeout = setTimeout(() => {
             setShouldMount(false);
@@ -12249,7 +12464,7 @@ var init_clear_history_prompt = __esm({
           if (!props.position || isEventFromOverlay(event, "data-react-grab-ignore-events")) return;
           props.onCancel();
         };
-        const frameId = requestAnimationFrame(() => {
+        const frameId = nativeRequestAnimationFrame(() => {
           window.addEventListener("mousedown", handleClickOutside, {
             capture: true
           });
@@ -12258,9 +12473,9 @@ var init_clear_history_prompt = __esm({
           });
         });
         onCleanup(() => {
-          cancelAnimationFrame(frameId);
+          nativeCancelAnimationFrame(frameId);
           clearTimeout(exitAnimationTimeout);
-          if (enterAnimationFrameId !== void 0) cancelAnimationFrame(enterAnimationFrameId);
+          if (enterAnimationFrameId !== void 0) nativeCancelAnimationFrame(enterAnimationFrameId);
           window.removeEventListener("keydown", handleKeyDown, {
             capture: true
           });
@@ -12813,6 +13028,7 @@ var init_noop_api = __esm({
         },
         copyElement: () => Promise.resolve(false),
         getSource: () => Promise.resolve(null),
+        getStackContext: () => Promise.resolve(""),
         getState,
         setOptions: () => {
         },
@@ -13602,12 +13818,11 @@ var init_is_target_key_combination = __esm({
   }
 });
 
-// src/utils/capture-screenshot.ts
-var combineBounds, captureVideoFrame, captureElementScreenshot, copyImageToClipboard;
-var init_capture_screenshot = __esm({
-  "src/utils/capture-screenshot.ts"() {
+// src/utils/combine-bounds.ts
+var combineBounds;
+var init_combine_bounds = __esm({
+  "src/utils/combine-bounds.ts"() {
     "use strict";
-    init_constants();
     combineBounds = (boundsList) => {
       if (boundsList.length === 0) {
         return { x: 0, y: 0, width: 0, height: 0 };
@@ -13632,129 +13847,6 @@ var init_capture_screenshot = __esm({
         height: maxY - minY
       };
     };
-    captureVideoFrame = (video, bounds) => {
-      return new Promise((resolve, reject) => {
-        const canvas = document.createElement("canvas");
-        const context = canvas.getContext("2d");
-        if (!context) {
-          reject(new Error("Failed to get canvas context"));
-          return;
-        }
-        const scaleX = video.videoWidth / window.innerWidth;
-        const scaleY = video.videoHeight / window.innerHeight;
-        const scaledBounds = {
-          x: bounds.x * scaleX,
-          y: bounds.y * scaleY,
-          width: bounds.width * scaleX,
-          height: bounds.height * scaleY
-        };
-        canvas.width = scaledBounds.width;
-        canvas.height = scaledBounds.height;
-        context.drawImage(
-          video,
-          scaledBounds.x,
-          scaledBounds.y,
-          scaledBounds.width,
-          scaledBounds.height,
-          0,
-          0,
-          scaledBounds.width,
-          scaledBounds.height
-        );
-        canvas.toBlob(
-          (blob) => {
-            if (blob) {
-              resolve(blob);
-            } else {
-              reject(new Error("Failed to create image blob"));
-            }
-          },
-          "image/png",
-          1
-        );
-      });
-    };
-    captureElementScreenshot = async (bounds) => {
-      const stream = await navigator.mediaDevices.getDisplayMedia({
-        video: {
-          displaySurface: "browser"
-        },
-        preferCurrentTab: true
-      });
-      const video = document.createElement("video");
-      video.srcObject = stream;
-      video.autoplay = true;
-      video.playsInline = true;
-      await new Promise((resolve, reject) => {
-        const timeout = setTimeout(() => {
-          reject(new Error("Video metadata loading timed out"));
-        }, VIDEO_METADATA_TIMEOUT_MS);
-        video.onerror = () => {
-          clearTimeout(timeout);
-          reject(new Error("Video failed to load"));
-        };
-        video.onloadedmetadata = () => {
-          clearTimeout(timeout);
-          void video.play();
-          resolve();
-        };
-      });
-      await new Promise((resolve, reject) => {
-        const startTime = Date.now();
-        const checkReady = () => {
-          if (video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
-            resolve();
-            return;
-          }
-          if (Date.now() - startTime >= VIDEO_READY_TIMEOUT_MS) {
-            reject(new Error("Video frame not ready within timeout"));
-            return;
-          }
-          setTimeout(checkReady, VIDEO_READY_POLL_INTERVAL_MS);
-        };
-        checkReady();
-      });
-      try {
-        const blob = await captureVideoFrame(video, bounds);
-        return blob;
-      } finally {
-        stream.getTracks().forEach((track) => track.stop());
-        video.srcObject = null;
-      }
-    };
-    copyImageToClipboard = async (blob) => {
-      try {
-        await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]);
-        return true;
-      } catch {
-        return false;
-      }
-    };
-  }
-});
-
-// src/utils/is-screenshot-supported.ts
-var isScreenshotSupported;
-var init_is_screenshot_supported = __esm({
-  "src/utils/is-screenshot-supported.ts"() {
-    "use strict";
-    isScreenshotSupported = () => {
-      if (typeof window === "undefined" || typeof navigator === "undefined") {
-        return false;
-      }
-      const hasGetDisplayMedia = typeof navigator.mediaDevices?.getDisplayMedia === "function";
-      const hasClipboardWrite = typeof navigator.clipboard?.write === "function" && typeof ClipboardItem !== "undefined";
-      return hasGetDisplayMedia && hasClipboardWrite;
-    };
-  }
-});
-
-// src/utils/delay.ts
-var delay;
-var init_delay = __esm({
-  "src/utils/delay.ts"() {
-    "use strict";
-    delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
   }
 });
 
@@ -14007,7 +14099,6 @@ var init_plugin_registry = __esm({
         cancelPendingToolbarActions: () => callHook("cancelPendingToolbarActions"),
         onOpenFile: (filePath, lineNumber) => callHookWithHandled("onOpenFile", filePath, lineNumber),
         transformHtmlContent: async (html, elements) => callHookReduce("transformHtmlContent", html, elements),
-        transformScreenshot: async (blob, elements, bounds) => callHookReduce("transformScreenshot", blob, elements, bounds),
         transformAgentContext: async (context, elements) => callHookReduce("transformAgentContext", context, elements),
         transformActionContext: (context) => callHookReduceSync("transformActionContext", context),
         transformOpenFileUrl: (url, filePath, lineNumber) => callHookReduceSync("transformOpenFileUrl", url, filePath, lineNumber),
@@ -14854,6 +14945,7 @@ var init_auto_scroll = __esm({
   "src/core/auto-scroll.ts"() {
     "use strict";
     init_constants();
+    init_native_raf();
     getAutoScrollDirection = (clientX, clientY) => {
       return {
         top: clientY < AUTO_SCROLL_EDGE_THRESHOLD_PX,
@@ -14876,7 +14968,7 @@ var init_auto_scroll = __esm({
         if (direction.left) window.scrollBy(-AUTO_SCROLL_SPEED_PX, 0);
         if (direction.right) window.scrollBy(AUTO_SCROLL_SPEED_PX, 0);
         if (direction.top || direction.bottom || direction.left || direction.right) {
-          animationId = requestAnimationFrame(scroll);
+          animationId = nativeRequestAnimationFrame(scroll);
         } else {
           animationId = null;
         }
@@ -14886,7 +14978,7 @@ var init_auto_scroll = __esm({
       };
       const stop2 = () => {
         if (animationId !== null) {
-          cancelAnimationFrame(animationId);
+          nativeCancelAnimationFrame(animationId);
           animationId = null;
         }
       };
@@ -14921,7 +15013,7 @@ var init_log_intro = __esm({
     init_is_extension_context();
     logIntro = () => {
       try {
-        const version = "0.1.17";
+        const version = "0.1.19";
         const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
         console.log(
           `%cReact Grab${version ? ` v${version}` : ""}%c
@@ -15118,11 +15210,25 @@ var init_open = __esm({
   }
 });
 
+// src/utils/append-stack-context.ts
+var appendStackContext;
+var init_append_stack_context = __esm({
+  "src/utils/append-stack-context.ts"() {
+    "use strict";
+    appendStackContext = (content, stackContext) => {
+      if (!stackContext) return content;
+      return `${content}
+${stackContext}`;
+    };
+  }
+});
+
 // src/core/plugins/copy-html.ts
 var copyHtmlPlugin;
 var init_copy_html = __esm({
   "src/core/plugins/copy-html.ts"() {
     "use strict";
+    init_append_stack_context();
     init_copy_content();
     copyHtmlPlugin = {
       name: "copy-html",
@@ -15133,10 +15239,12 @@ var init_copy_html = __esm({
             onElementSelect: (element) => {
               if (!isPendingSelection) return;
               isPendingSelection = false;
-              void hooks.transformHtmlContent(element.outerHTML, [element]).then((transformedHtml) => {
-                if (transformedHtml) {
-                  copyContent(transformedHtml);
-                }
+              void Promise.all([
+                hooks.transformHtmlContent(element.outerHTML, [element]),
+                api.getStackContext(element)
+              ]).then(([transformedHtml, stackContext]) => {
+                if (!transformedHtml) return;
+                copyContent(appendStackContext(transformedHtml, stackContext));
               }).catch(() => {
               });
               return true;
@@ -15160,7 +15268,14 @@ var init_copy_html = __esm({
                     context.elements
                   );
                   if (!transformedHtml) return false;
-                  return copyContent(transformedHtml);
+                  const stackContext = await api.getStackContext(context.element);
+                  return copyContent(
+                    appendStackContext(transformedHtml, stackContext),
+                    {
+                      componentName: context.componentName,
+                      tagName: context.tagName
+                    }
+                  );
                 });
               }
             },
@@ -15180,49 +15295,103 @@ var init_copy_html = __esm({
   }
 });
 
-// src/core/plugins/screenshot.ts
-var getElementBounds, captureAndCopyScreenshot, screenshotPlugin;
-var init_screenshot = __esm({
-  "src/core/plugins/screenshot.ts"() {
+// src/utils/extract-element-css.ts
+var BORDER_FILTER_SIDE_MAP, baselineIframe, defaultStylesByTag, ensureBaselineIframe, getDefaultStylesForTag, isBorderPropertyWithoutWidth, extractElementCss, disposeBaselineStyles;
+var init_extract_element_css = __esm({
+  "src/utils/extract-element-css.ts"() {
     "use strict";
     init_constants();
-    init_capture_screenshot();
-    init_is_screenshot_supported();
-    init_delay();
-    getElementBounds = (elements) => combineBounds(
-      elements.map((element) => {
-        const rect = element.getBoundingClientRect();
-        return {
-          x: rect.x + window.scrollX,
-          y: rect.y + window.scrollY,
-          width: rect.width,
-          height: rect.height
-        };
-      })
+    BORDER_FILTER_SIDE_MAP = new Map(
+      ["top", "right", "bottom", "left"].flatMap((side) => [
+        [`border-${side}-style`, side],
+        [`border-${side}-color`, side]
+      ])
     );
-    captureAndCopyScreenshot = async (elements, transformScreenshot) => {
-      const captureBounds = getElementBounds(elements);
-      if (captureBounds.width === 0 || captureBounds.height === 0) return false;
-      await delay(SCREENSHOT_CAPTURE_DELAY_MS);
-      const capturedBlob = await captureElementScreenshot(captureBounds);
-      const transformedBlob = await transformScreenshot(
-        capturedBlob,
-        elements,
-        captureBounds
-      );
-      return await copyImageToClipboard(transformedBlob);
+    baselineIframe = null;
+    defaultStylesByTag = /* @__PURE__ */ new Map();
+    ensureBaselineIframe = () => {
+      if (baselineIframe) return baselineIframe;
+      baselineIframe = document.createElement("iframe");
+      baselineIframe.style.cssText = "position:fixed;left:-9999px;width:0;height:0;border:none;visibility:hidden;";
+      document.body.appendChild(baselineIframe);
+      return baselineIframe;
+    };
+    getDefaultStylesForTag = (tagName) => {
+      const cached = defaultStylesByTag.get(tagName);
+      if (cached) return cached;
+      const iframe = ensureBaselineIframe();
+      const iframeDocument = iframe.contentDocument;
+      const baselineElement = iframeDocument.createElement(tagName);
+      iframeDocument.body.appendChild(baselineElement);
+      const baselineComputed = iframe.contentWindow.getComputedStyle(baselineElement);
+      const defaultStyles = /* @__PURE__ */ new Map();
+      for (const propertyName of RELEVANT_CSS_PROPERTIES) {
+        const propertyValue = baselineComputed.getPropertyValue(propertyName);
+        if (propertyValue) {
+          defaultStyles.set(propertyName, propertyValue);
+        }
+      }
+      baselineElement.remove();
+      defaultStylesByTag.set(tagName, defaultStyles);
+      return defaultStyles;
+    };
+    isBorderPropertyWithoutWidth = (propertyName, computedStyle) => {
+      const side = BORDER_FILTER_SIDE_MAP.get(propertyName);
+      if (!side) return false;
+      const widthValue = computedStyle.getPropertyValue(`border-${side}-width`);
+      return widthValue === "0px" || widthValue === "0";
+    };
+    extractElementCss = (element) => {
+      const tagName = element.tagName.toLowerCase();
+      const defaultStyles = getDefaultStylesForTag(tagName);
+      const computedStyle = getComputedStyle(element);
+      const declarations = [];
+      for (const propertyName of RELEVANT_CSS_PROPERTIES) {
+        const propertyValue = computedStyle.getPropertyValue(propertyName);
+        if (!propertyValue) continue;
+        if (propertyValue === defaultStyles.get(propertyName)) continue;
+        if (isBorderPropertyWithoutWidth(propertyName, computedStyle)) continue;
+        declarations.push(`${propertyName}: ${propertyValue};`);
+      }
+      const classAttribute = element.getAttribute("class")?.trim();
+      const cssBlock = declarations.join("\n");
+      if (!classAttribute) return cssBlock;
+      if (!cssBlock) return `className: ${classAttribute}`;
+      return `className: ${classAttribute}
+
+${cssBlock}`;
     };
-    screenshotPlugin = {
-      name: "screenshot",
-      setup: (api, hooks) => {
+    disposeBaselineStyles = () => {
+      baselineIframe?.remove();
+      baselineIframe = null;
+      defaultStylesByTag.clear();
+    };
+  }
+});
+
+// src/core/plugins/copy-styles.ts
+var copyStylesPlugin;
+var init_copy_styles = __esm({
+  "src/core/plugins/copy-styles.ts"() {
+    "use strict";
+    init_append_stack_context();
+    init_copy_content();
+    init_extract_element_css();
+    copyStylesPlugin = {
+      name: "copy-styles",
+      setup: (api) => {
         let isPendingSelection = false;
         return {
           hooks: {
             onElementSelect: (element) => {
               if (!isPendingSelection) return;
               isPendingSelection = false;
-              api.deactivate();
-              return captureAndCopyScreenshot([element], hooks.transformScreenshot);
+              const extractedCss = extractElementCss(element);
+              void api.getStackContext(element).then((stackContext) => {
+                copyContent(appendStackContext(extractedCss, stackContext));
+              }).catch(() => {
+              });
+              return true;
             },
             onDeactivate: () => {
               isPendingSelection = false;
@@ -15233,42 +15402,33 @@ var init_screenshot = __esm({
           },
           actions: [
             {
-              id: "screenshot",
-              label: "Screenshot",
-              shortcut: "S",
-              enabled: isScreenshotSupported,
+              id: "copy-styles",
+              label: "Copy styles",
               onAction: async (context) => {
-                const captureBounds = getElementBounds(context.elements);
-                if (captureBounds.width === 0 || captureBounds.height === 0) return;
                 await context.performWithFeedback(async () => {
-                  context.hideOverlay();
-                  await delay(SCREENSHOT_CAPTURE_DELAY_MS);
-                  try {
-                    const capturedBlob = await captureElementScreenshot(captureBounds);
-                    const transformedBlob = await context.hooks.transformScreenshot(
-                      capturedBlob,
-                      context.elements,
-                      captureBounds
-                    );
-                    return await copyImageToClipboard(transformedBlob);
-                  } finally {
-                    context.showOverlay();
-                  }
+                  const combinedCss = context.elements.map(extractElementCss).join("\n\n");
+                  const stackContext = await api.getStackContext(context.element);
+                  return copyContent(
+                    appendStackContext(combinedCss, stackContext),
+                    {
+                      componentName: context.componentName,
+                      tagName: context.tagName
+                    }
+                  );
                 });
               }
             },
             {
-              id: "screenshot-toolbar",
-              label: "Screenshot",
-              shortcut: "S",
+              id: "copy-styles-toolbar",
+              label: "Copy styles",
               target: "toolbar",
-              enabled: isScreenshotSupported,
               onAction: () => {
                 isPendingSelection = true;
                 api.activate();
               }
             }
-          ]
+          ],
+          cleanup: disposeBaselineStyles
         };
       }
     };
@@ -15365,6 +15525,7 @@ var init_core = __esm({
     init_store2();
     init_is_keyboard_event_triggered_by_input();
     init_mount_root();
+    init_native_raf();
     init_renderer();
     init_context();
     init_source();
@@ -15388,9 +15549,7 @@ var init_core = __esm({
     init_parse_activation_key();
     init_is_event_from_overlay();
     init_open_file();
-    init_capture_screenshot();
-    init_is_screenshot_supported();
-    init_delay();
+    init_combine_bounds();
     init_resolve_action_enabled();
     init_theme();
     init_plugin_registry();
@@ -15408,7 +15567,7 @@ var init_core = __esm({
     init_comment();
     init_open();
     init_copy_html();
-    init_screenshot();
+    init_copy_styles();
     init_freeze_animations();
     init_freeze_pseudo_states();
     init_freeze_updates();
@@ -15420,7 +15579,7 @@ var init_core = __esm({
     init_theme();
     init_generate_snippet();
     init_copy_content();
-    builtInPlugins = [copyPlugin, commentPlugin, copyHtmlPlugin, screenshotPlugin, openPlugin];
+    builtInPlugins = [copyPlugin, commentPlugin, copyHtmlPlugin, copyStylesPlugin, openPlugin];
     hasInited = false;
     toolbarStateChangeCallbacks = /* @__PURE__ */ new Set();
     init = (rawOptions) => {
@@ -15533,13 +15692,6 @@ var init_core = __esm({
           return connectedMappedElements;
         };
         const getFirstConnectedHistoryElement = (historyItem) => getConnectedHistoryElements(historyItem)[0];
-        const getHistoryPreviewBounds = (historyItem) => {
-          const connectedElements = getConnectedHistoryElements(historyItem);
-          if (connectedElements.length > 0) {
-            return connectedElements.map((element) => createElementBounds(element));
-          }
-          return historyItem.previewBounds ?? [];
-        };
         const historyDisconnectedItemIds = createMemo(() => {
           void historyDropdownPosition();
           const disconnectedIds = /* @__PURE__ */ new Set();
@@ -15651,7 +15803,6 @@ var init_core = __esm({
         let holdStartTimestamp = null;
         let copyWaitingForConfirmation = false;
         let holdTimerFiredWaitingForConfirmation = false;
-        let isScreenshotInProgress = false;
         let lastWindowFocusTimestamp = 0;
         let inToggleFeedbackPeriod = false;
         let toggleFeedbackTimerId = null;
@@ -15930,7 +16081,7 @@ var init_core = __esm({
               showTemporaryGrabbedBox(createElementBounds(element), element);
             }
           }
-          await new Promise((resolve) => requestAnimationFrame(resolve));
+          await waitUntilNextFrame();
           if (unhandledElements.length > 0) {
             await copyWithFallback(unhandledElements, extraPrompt, resolvedComponentName2);
           } else if (pendingResults.length > 0) {
@@ -16833,56 +16984,6 @@ var init_core = __esm({
           }
           return true;
         };
-        const handleScreenshotShortcut = (event) => {
-          if (!isScreenshotSupported()) return false;
-          if (store.contextMenuPosition !== null) return false;
-          if (event.key?.toLowerCase() !== "s" || isPromptMode()) return false;
-          if (!isActivated() || !(event.metaKey || event.ctrlKey)) return false;
-          const allBounds = frozenElementsBounds();
-          const singleBounds = selectionBounds();
-          const element = store.frozenElement || targetElement();
-          const bounds = allBounds.length > 1 ? combineBounds(allBounds) : singleBounds;
-          if (!bounds) return false;
-          event.preventDefault();
-          event.stopPropagation();
-          const tagName = element ? getTagName(element) || "element" : "element";
-          const shouldDeactivate = store.wasActivatedByToggle;
-          const overlayBounds = createFlatOverlayBounds(bounds);
-          const selectionBoundsArray = allBounds.length > 1 ? allBounds : singleBounds ? [singleBounds] : [];
-          const instanceId = createLabelInstance(overlayBounds, tagName, void 0, "copying", {
-            element: element ?? void 0,
-            mouseX: bounds.x + bounds.width / 2,
-            boundsMultiple: selectionBoundsArray
-          });
-          isScreenshotInProgress = true;
-          rendererRoot.style.visibility = "hidden";
-          const elementsForScreenshot = store.frozenElements.length > 0 ? [...store.frozenElements] : element ? [element] : [];
-          void (async () => {
-            await delay(SCREENSHOT_CAPTURE_DELAY_MS);
-            let didSucceed = false;
-            let errorMessage;
-            try {
-              const rawBlob = await captureElementScreenshot(bounds);
-              const transformedBlob = await pluginRegistry.hooks.transformScreenshot(rawBlob, elementsForScreenshot, bounds);
-              didSucceed = await copyImageToClipboard(transformedBlob);
-              if (!didSucceed) {
-                errorMessage = "Failed to copy";
-              }
-            } catch (error) {
-              errorMessage = error instanceof Error && error.message ? error.message : "Screenshot failed";
-            }
-            isScreenshotInProgress = false;
-            rendererRoot.style.visibility = "";
-            actions.updateLabelInstance(instanceId, didSucceed ? "copied" : "error", didSucceed ? void 0 : errorMessage || "Unknown error");
-            scheduleLabelFade(instanceId);
-            if (shouldDeactivate) {
-              deactivateRenderer();
-            } else {
-              actions.unfreeze();
-            }
-          })();
-          return true;
-        };
         const clearActionCycleIdleTimeout = () => {
           if (actionCycleIdleTimeoutId !== null) {
             window.clearTimeout(actionCycleIdleTimeoutId);
@@ -17139,7 +17240,6 @@ var init_core = __esm({
           if (handleArrowNavigation(event)) return;
           if (handleEnterKeyActivation(event)) return;
           if (handleOpenFileShortcut(event)) return;
-          if (handleScreenshotShortcut(event)) return;
           if (!didWindowJustRegainFocus) {
             handleActivationKeys(event);
           }
@@ -17318,7 +17418,7 @@ var init_core = __esm({
           if (document.hidden) {
             actions.clearGrabbedBoxes();
             const storeActivationTimestamp = store.activationTimestamp;
-            if (isActivated() && !isPromptMode() && !isScreenshotInProgress && storeActivationTimestamp !== null && Date.now() - storeActivationTimestamp > BLUR_DEACTIVATION_THRESHOLD_MS) {
+            if (isActivated() && !isPromptMode() && storeActivationTimestamp !== null && Date.now() - storeActivationTimestamp > BLUR_DEACTIVATION_THRESHOLD_MS) {
               deactivateRenderer();
             }
           }
@@ -17379,7 +17479,7 @@ var init_core = __esm({
           if (shouldRunInterval && boundsRecalcIntervalId === null) {
             boundsRecalcIntervalId = window.setInterval(() => {
               if (viewportChangeFrameId !== null) return;
-              viewportChangeFrameId = requestAnimationFrame(() => {
+              viewportChangeFrameId = nativeRequestAnimationFrame(() => {
                 viewportChangeFrameId = null;
                 actions.incrementViewportVersion();
                 actions.updateSessionBounds();
@@ -17389,7 +17489,7 @@ var init_core = __esm({
             window.clearInterval(boundsRecalcIntervalId);
             boundsRecalcIntervalId = null;
             if (viewportChangeFrameId !== null) {
-              cancelAnimationFrame(viewportChangeFrameId);
+              nativeCancelAnimationFrame(viewportChangeFrameId);
               viewportChangeFrameId = null;
             }
           }
@@ -17408,7 +17508,7 @@ var init_core = __esm({
             window.clearInterval(boundsRecalcIntervalId);
           }
           if (viewportChangeFrameId !== null) {
-            cancelAnimationFrame(viewportChangeFrameId);
+            nativeCancelAnimationFrame(viewportChangeFrameId);
           }
         });
         eventListenerManager.addDocumentListener("copy", (event) => {
@@ -17432,7 +17532,7 @@ var init_core = __esm({
             window.clearTimeout(actionCycleIdleTimeoutId);
           }
           if (dropdownTrackingFrameId !== null) {
-            cancelAnimationFrame(dropdownTrackingFrameId);
+            nativeCancelAnimationFrame(dropdownTrackingFrameId);
           }
           grabbedBoxTimeouts.forEach((timeoutId) => window.clearTimeout(timeoutId));
           grabbedBoxTimeouts.clear();
@@ -17687,20 +17787,11 @@ var init_core = __esm({
             copy: copyAction,
             hooks: {
               transformHtmlContent: pluginRegistry.hooks.transformHtmlContent,
-              transformScreenshot: pluginRegistry.hooks.transformScreenshot,
               onOpenFile: pluginRegistry.hooks.onOpenFile,
               transformOpenFileUrl: pluginRegistry.hooks.transformOpenFileUrl
             },
             performWithFeedback: createPerformWithFeedback(element, elements, tagName, componentName, performWithFeedbackOptions),
             hideContextMenu: hideContextMenuAction,
-            hideOverlay: () => {
-              isScreenshotInProgress = true;
-              rendererRoot.style.visibility = "hidden";
-            },
-            showOverlay: () => {
-              isScreenshotInProgress = false;
-              rendererRoot.style.visibility = "";
-            },
             cleanup: () => {
               if (store.wasActivatedByToggle) {
                 deactivateRenderer();
@@ -17792,13 +17883,13 @@ var init_core = __esm({
           }
         };
         const showHistoryItemPreview = (item, idPrefix) => {
-          const previewBounds = getHistoryPreviewBounds(item);
           const connectedElements = getConnectedHistoryElements(item);
+          const previewBounds = connectedElements.map((element) => createElementBounds(element));
           addHistoryItemPreview(item, previewBounds, connectedElements, idPrefix);
         };
         const stopTrackingDropdownPosition = () => {
           if (dropdownTrackingFrameId !== null) {
-            cancelAnimationFrame(dropdownTrackingFrameId);
+            nativeCancelAnimationFrame(dropdownTrackingFrameId);
             dropdownTrackingFrameId = null;
           }
         };
@@ -17806,7 +17897,7 @@ var init_core = __esm({
           stopTrackingDropdownPosition();
           const updatePosition = () => {
             computePosition();
-            dropdownTrackingFrameId = requestAnimationFrame(updatePosition);
+            dropdownTrackingFrameId = nativeRequestAnimationFrame(updatePosition);
           };
           updatePosition();
         };
@@ -17934,7 +18025,7 @@ var init_core = __esm({
           const element = getFirstConnectedHistoryElement(item);
           if (!element) return;
           actions.clearLabelInstances();
-          requestAnimationFrame(() => {
+          nativeRequestAnimationFrame(() => {
             if (!isElementConnected(element)) return;
             const bounds = createElementBounds(element);
             const instanceId = createLabelInstance(bounds, item.tagName, item.componentName, "copied", {
@@ -17991,7 +18082,7 @@ var init_core = __esm({
           });
           showClearPrompt();
           actions.clearLabelInstances();
-          requestAnimationFrame(() => {
+          nativeRequestAnimationFrame(() => {
             batch(() => {
               for (const historyItem of currentHistoryItems) {
                 const connectedElements = getConnectedHistoryElements(historyItem);
@@ -18466,6 +18557,7 @@ var init_core = __esm({
               componentName: source.componentName
             };
           },
+          getStackContext,
           getState: () => ({
             isActive: isActivated(),
             isDragging: isDragging(),