*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.left-\[307px\]{left:307px}.left-\[406px\]{left:406px}.left-\[416px\]{left:416px}.left-\[470px\]{left:470px}.left-\[575px\]{left:575px}.left-\[578px\]{left:578px}.left-\[65px\]{left:65px}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-\[170px\]{top:170px}.top-\[270px\]{top:270px}.top-\[27px\]{top:27px}.top-\[293px\]{top:293px}.top-\[35px\]{top:35px}.top-\[416px\]{top:416px}.top-\[43px\]{top:43px}.top-\[448px\]{top:448px}.top-\[467px\]{top:467px}.top-\[483px\]{top:483px}.top-\[484px\]{top:484px}.top-\[523px\]{top:523px}.top-\[612px\]{top:612px}.top-\[63px\]{top:63px}.top-\[65px\]{top:65px}.top-\[675px\]{top:675px}.top-\[681px\]{top:681px}.top-\[684px\]{top:684px}.top-\[721px\]{top:721px}.top-\[722px\]{top:722px}.top-\[73px\]{top:73px}.top-\[78px\]{top:78px}.top-\[79px\]{top:79px}.top-\[820px\]{top:820px}.top-\[855px\]{top:855px}.top-\[860px\]{top:860px}.top-\[876px\]{top:876px}.top-\[877px\]{top:877px}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[999\]{z-index:999}.col-span-1{grid-column:span 1 / span 1}.col-span-10{grid-column:span 10 / span 10}.col-span-12{grid-column:span 12 / span 12}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-8{grid-column:span 8 / span 8}.col-span-full{grid-column:1 / -1}.m-1{margin:.25rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-my-12{margin-top:-3rem;margin-bottom:-3rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-mb-px{margin-bottom:-1px}.-mt-12{margin-top:-3rem}.-mt-20{margin-top:-5rem}.-mt-36{margin-top:-9rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.\!grid{display:grid!important}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-4{width:1rem;height:1rem}.size-44{width:11rem;height:11rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[176px\]{height:176px}.h-\[1px\]{height:1px}.h-\[209px\]{height:209px}.h-\[320px\]{height:320px}.h-\[330px\]{height:330px}.h-\[373px\]{height:373px}.h-\[384px\]{height:384px}.h-\[400px\]{height:400px}.h-\[439px\]{height:439px}.h-\[616px\]{height:616px}.h-\[78vh\]{height:78vh}.h-\[85vh\]{height:85vh}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-\[400px\]{max-height:400px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-\[1\.25rem\]{min-height:1.25rem}.min-h-\[320px\]{min-height:320px}.min-h-\[80px\]{min-height:80px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.\!w-16{width:4rem!important}.w-1{width:.25rem}.w-1\/2{width:50%}.w-1\/6{width:16.666667%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[--radix-dropdown-menu-trigger-width\]{width:var(--radix-dropdown-menu-trigger-width)}.w-\[--sidebar-width\]{width:var(--sidebar-width)}.w-\[1px\]{width:1px}.w-\[221px\]{width:221px}.w-\[276px\]{width:276px}.w-\[320px\]{width:320px}.w-\[330px\]{width:330px}.w-\[331px\]{width:331px}.w-\[340px\]{width:340px}.w-\[384px\]{width:384px}.w-\[439px\]{width:439px}.w-\[489px\]{width:489px}.w-\[681px\]{width:681px}.w-\[682px\]{width:682px}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-5{min-width:1.25rem}.min-w-56{min-width:14rem}.min-w-\[8rem\]{min-width:8rem}.max-w-16{max-width:4rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[--skeleton-width\]{max-width:var(--skeleton-width)}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-px{--tw-translate-x: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_512px\]{grid-template-columns:1fr 512px}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-x{border-left-width:1px;border-right-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-black\/10{border-color:#0000001a}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-cyan-400\/40{border-color:#22d3ee66}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-700\/50{border-color:#37415180}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-input{border-color:hsl(var(--input))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[\#1a1a1a\]{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-cyan-500\/10{background-color:#06b6d41a}.bg-destructive{background-color:hsl(var(--destructive))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-700\/50{background-color:#37415180}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-800\/20{background-color:#1f293733}.bg-gray-800\/40{background-color:#1f293766}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-800\/70{background-color:#1f2937b3}.bg-gray-800\/90{background-color:#1f2937e6}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-900\/70{background-color:#111827b3}.bg-gray-900\/80{background-color:#111827cc}.bg-green-500\/20{background-color:#22c55e33}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-muted{background-color:hsl(var(--muted))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sidebar{background-color:hsl(var(--sidebar-background))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-white\/70{background-color:#ffffffb3}.bg-white\/85{background-color:#ffffffd9}.bg-zinc-300{--tw-bg-opacity: 1;background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-70{--tw-bg-opacity: .7}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#FCB03F\]{--tw-gradient-from: #FCB03F var(--tw-gradient-from-position);--tw-gradient-to: rgb(252 176 63 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/20{--tw-gradient-from: rgb(0 0 0 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/80{--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/85{--tw-gradient-from: rgb(255 255 255 / .85) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#FF4C81\]{--tw-gradient-to: rgb(255 76 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #FF4C81 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/70{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .7) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#4F8BFF\]{--tw-gradient-to: #4F8BFF var(--tw-gradient-to-position)}.to-black{--tw-gradient-to: #000 var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-white\/85{--tw-gradient-to: rgb(255 255 255 / .85) var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:center}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0\.5{padding:.125rem!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-44{padding-bottom:11rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-20{padding-right:5rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-\[\'Roboto_Slab\'\]{font-family:Roboto Slab}.font-\[\'Rubik_One\'\]{font-family:Rubik One}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.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)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground) / .7)}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ring-purple-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.ring-sidebar-ring{--tw-ring-color: hsl(var(--sidebar-ring))}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.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)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-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)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.running{animation-play-state:running}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-shimmer{animation:shimmer 1.5s infinite linear}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in-scale{animation:fade-in-scale .5s ease-out forwards}.grid-item-wrapper{position:relative;width:100%}.work-item-aspect-ratio-box{position:relative;width:100%;height:0;background-color:#222;border-radius:16px;overflow:hidden}.placeholder-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#222 25%,#333,#222 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;opacity:1;transition:opacity .5s ease;border-radius:16px}.placeholder-shimmer.hidden{opacity:0}.work-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px;opacity:0;transform:scale(1.05);transition:opacity .5s ease,transform .5s ease}.work-image.visible{opacity:1;transform:scale(1)}html,body{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}.animated-gradient-button,.sidebar-button{position:relative;overflow:hidden;z-index:1;transition:transform .3s ease,color .4s,border-color .4s}.animated-gradient-button:hover,.sidebar-button:hover{transform:scale(1.05);box-shadow:0 8px 25px #0000004d}.animated-gradient-button:before,.sidebar-button:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);filter:brightness(1.2);border-radius:73px;transition:width .4s ease-out,opacity .4s;z-index:-1}.animated-gradient-button:hover:before{width:100%}.animated-headline,.animated-feature{position:relative;color:inherit;transition:color .4s ease}.animated-headline:before,.animated-feature:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;white-space:pre-line;background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transition:opacity .4s ease}.animated-headline:hover:before,.animated-feature:hover:before{opacity:1}.animated-headline:hover,.animated-feature:hover{color:transparent}.modal-transition{transition:opacity .3s ease,transform .3s ease}.modal-hidden{opacity:0;pointer-events:none;transform:translateY(-10px)}.modal-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.main-gradient-text{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);-webkit-background-clip:text;background-clip:text;color:transparent}.main-gradient-bg{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff)}.card{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.tab-button{transition:color .3s,border-color .3s}.tab-button.active{color:#fff;border-bottom-color:#4f8bff}.upload-card{display:flex;align-items:center;justify-content:center;border-style:dashed;cursor:pointer}.upload-card:hover{background-color:#ffffff1a;border-color:#4f8bff}#image-lightbox.hidden{opacity:0;pointer-events:none;transform:translateY(-10px)}#image-lightbox{transition:opacity .3s,transform .3s;transform:translateY(0)}.plan-card{transition:transform .3s,background .3s,box-shadow .3s}.plan-card:hover{transform:scale(1.05);background:linear-gradient(to bottom,#4f8bff,#cb3ffc);box-shadow:0 10px 30px #4f8bff33}.plan-card:hover .plan-button{background:#fff;color:#4f8bff}.plan-card:hover .text-gray-400{color:#e5e7eb}.plan-card:hover .text-gray-200{color:#fff}@media (min-width: 1024px){#sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:16rem!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:30!important;transform:none!important;transition:none!important}#main-content{margin-left:16rem!important;width:calc(100% - 16rem)!important}.flex.flex-1.overflow-hidden{position:relative!important}#sidebar .sidebar-content{padding-top:140px!important;overflow:hidden!important;height:calc(100vh - 140px)!important}}@media (max-width: 1023px){#sidebar{position:fixed!important;top:140px!important;left:0!important;bottom:0!important;width:16rem!important;height:calc(100vh - 140px)!important;z-index:30!important;transform:translate(0)!important;overflow:hidden!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;touch-action:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;overscroll-behavior:none!important;-webkit-overflow-scrolling:auto!important}#main-content{margin-left:0!important}#sidebar .sidebar-content{height:calc(100vh - 140px)!important;overflow:hidden!important;padding-top:0!important}body.mobile-sidebar-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;overscroll-behavior:none!important;-webkit-overflow-scrolling:auto!important}}.sidebar-button{position:relative;color:#e5e7eb;background:#000;border:1px solid transparent;z-index:1;overflow:hidden;text-decoration:none}.sidebar-button:before{border-radius:0}.sidebar-button.active,.sidebar-button:hover{color:#fff}.sidebar-button.active:before,.sidebar-button:hover:before{opacity:1;width:100%}.grid-item:hover .creator-info{opacity:1;transform:translateY(0)}.creator-info{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.5rem;background-color:#00000080;padding:.25rem .5rem;border-radius:9999px;opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;z-index:2;pointer-events:none}.creator-info img{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.creator-info span{color:#fff;font-size:.875rem;font-weight:600}.sidebar-button.coming-soon{color:#6b7280;cursor:not-allowed;background:#000}.sidebar-button.coming-soon:hover{color:#6b7280;transform:scale(1);box-shadow:none}.sidebar-button.coming-soon:before{width:0!important}.coming-soon-badge{font-size:.7rem;padding:2px 6px;border-radius:9999px;background-color:#ffffff1a;color:#9ca3af;font-weight:500;white-space:nowrap}.grid-item-wrapper{padding:.5rem}.grid-item:hover{transform:scale(1.05);background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff)}.grid-item{position:relative;padding:3px;border-radius:.75rem;transition:transform .3s ease-in-out,background .3s ease-in-out;background:transparent;overflow:hidden;cursor:pointer}.grid-item .grid-item-content{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;background:#121212}#close-lightbox-button{position:absolute;top:1.5rem;right:2rem;width:48px;height:48px;background:#14141499;color:#e5e7eb;border:2px solid transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;line-height:0;font-weight:400;cursor:pointer;transition:all .3s ease-in-out;text-shadow:0 1px 3px rgba(0,0,0,.2);z-index:1000}#close-lightbox-button:hover{transform:scale(1.1) rotate(90deg);color:#fff;background-image:linear-gradient(#141414cc,#141414cc),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box}.gallery-image{transition:transform .3s ease,box-shadow .3s ease}.gallery-image:hover{transform:scale(1.03);box-shadow:0 8px 25px #0000004d}.tool-card{background:#000;border:1px solid rgba(255,255,255,.1)}.image-placeholder{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius);border-width:1px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));background-color:#1f293780;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.plan-card:hover .image-placeholder{color:#e5e7eb}@media (min-width: 1024px){.image-placeholder.flex-1.overflow-hidden,.flex.flex-1.image-placeholder{position:relative}}#result-container .image-placeholder{background:#1f293780!important;border:2px dashed #4b5563!important}.image-placeholder svg{color:#9ca3af;opacity:.8;transition:opacity .3s ease}.image-placeholder:hover svg{opacity:1;color:#d1d5db}.ai-watermark{pointer-events:none;position:absolute;top:.5rem;left:.5rem;z-index:10;border-radius:9999px;background-color:#00000080;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-backdrop-blur: blur(4px);-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)}.tool-label-text{color:#9ca3af}.tool-button-primary,.gradient-background{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:#fff;font-weight:600;transition:all .3s;background-size:200% auto}.tool-button-primary:hover:not(:disabled),.gradient-background:hover{background-position:right center;transform:scale(1.02)}.tool-button-primary:disabled{opacity:.5;cursor:not-allowed}.loader{border:4px solid #374151;border-top:4px solid #8b5cf6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.selectable-card,.batch-button{background:#374151;border:2px solid transparent;transition:all .2s;cursor:pointer}.selectable-card:hover,.batch-button:hover{border-color:#8b5cf6}.selectable-card.active,.batch-button.active{color:#fff;border-color:transparent;background-image:linear-gradient(#374151,#374151),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box}.selectable-card.active svg{color:#c4b5fd}.input-wrapper{position:relative}.slider-container .value-input,.prompt-input{transition:border-color .2s,height .3s ease-in-out;position:relative;z-index:1}.slider-container .value-input{background:#1f2937;border:1px solid #4b5563}.input-wrapper:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:0;border-radius:inherit;padding:2px;background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:subtract;mask-composite:subtract;opacity:0;transition:opacity .3s;pointer-events:none}.input-wrapper:focus-within:before{opacity:1}.input-wrapper .value-input:focus,.input-wrapper .prompt-input:focus{outline:none;border-color:transparent}textarea.prompt-input,.prompt-input-wrapper .prompt-input,.input-wrapper .prompt-input{height:56px;resize:none;background-color:#1f2937;border:1px solid #4b5563;color:#fff!important;border-radius:.75rem}#prompt-input{color:#fff!important}.input-wrapper .prompt-input:focus,.prompt-input-wrapper .prompt-input:focus{height:128px;border-radius:.75rem}.sketch-picker-dark{background:#1f2937!important;border:1px solid #4b5563!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.sketch-picker-dark .flexbox-fix input{background:#374151!important;color:#d1d5db!important;box-shadow:none!important;border-radius:4px}.sketch-picker-dark .flexbox-fix span{color:#9ca3af!important}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:5px;outline:none;padding:0;margin:0;background:linear-gradient(to right,#8b5cf6 0%,#8b5cf6 var(--fill-percentage,0%),#4b5563 var(--fill-percentage,0%),#4b5563 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#ddd;border-radius:50%;cursor:pointer;border:2px solid #8b5cf6;-webkit-transition:background-color .2s;transition:background-color .2s}input[type=range]::-webkit-slider-thumb:hover{background:#fff}#ai-polish-btn{position:absolute;bottom:10px;right:10px;z-index:10;background-color:#292929cc;border:1px solid rgba(255,255,255,.2);color:#e5e7eb;padding:.3rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out}#ai-polish-btn:hover:not(:disabled){background-color:#373737e6;border-color:#cb3ffc;color:#fff;transform:scale(1.05)}#ai-polish-btn:disabled{opacity:.5;cursor:not-allowed}#prompt-section{position:absolute;bottom:0;left:0;right:0;z-index:20;padding:1.25rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 1rem 1rem}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.lora-strength-container{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,margin-top .3s ease-in-out}.selectable-card.active .lora-strength-container{max-height:100px;margin-top:.75rem}.history-item{border-radius:.8rem;padding:1px;background:transparent;transition:background .3s ease-in-out;cursor:pointer}.history-item:hover{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff)}.history-item-content{background-color:#000;border-radius:.75rem;padding:.5rem}.history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.history-image-container{position:relative;border-radius:.5rem}.history-image-container:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;border-radius:inherit;padding:1px;background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:subtract;mask-composite:subtract;opacity:0;transition:opacity .3s;pointer-events:none}.history-image-container:hover:before{opacity:1}.history-grid img{border-radius:.5rem;width:100%;height:auto;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;display:block}.image-drop-zone{border:2px dashed #4b5563;transition:border-color .2s,background-color .2s}.image-drop-zone.dragover{border-color:#8b5cf6;background:#8b5cf61a}.scenario-card{background:#374151;border:2px solid transparent;transition:all .2s;cursor:pointer}.scenario-card:hover{border-color:#8b5cf6}.scenario-card.active{color:#fff;border-color:transparent;background-image:linear-gradient(#374151,#374151),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box}.scenario-card.active svg{color:#c4b5fd}.scenario-card.disabled{opacity:.5;cursor:not-allowed}.scenario-card.disabled:hover{border-color:transparent}.btn-management{border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.btn-management-default{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.btn-management-default:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.btn-management-delete{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.btn-management-delete:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.slider-container .value-input{width:70px;text-align:center}.value-input:focus{outline:none;border:1px solid;border-image-source:linear-gradient(to right,#FCB03F,#FF4C81,#CB3FFC,#4F8BFF);border-image-slice:1}#image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}#image-lightbox.visible{opacity:1;pointer-events:auto}#lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:1rem}#lightbox-image{display:block;max-width:100%;max-height:calc(90vh - 80px);-o-object-fit:contain;object-fit:contain;border-radius:.5rem}#lightbox-actions{display:flex;justify-content:center;gap:1rem}.action-button{background-color:#292929cc;border:1px solid rgba(255,255,255,.2);color:#e5e7eb;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease-in-out}.action-button:hover:not(:disabled){background-color:#373737e6;border-color:#cb3ffc;color:#fff;transform:translateY(-2px)}.action-button:disabled{opacity:.5;cursor:not-allowed}#lightbox-close{position:absolute;top:-1rem;right:-1rem;width:2.5rem;height:2.5rem;background-color:#141414cc;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:transform .3s}#lightbox-close:hover{transform:scale(1.1) rotate(90deg)}#custom-alert{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}#custom-alert.visible{opacity:1;pointer-events:auto}.custom-alert-box{background-color:#1f2937;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:100%;max-width:24rem;border:2px solid transparent;background-clip:padding-box;position:relative}.custom-alert-box:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;border-radius:1rem;background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff)}#about-page{background-color:#000}#about-page .team-section{background-color:#111827}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:10px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}::-webkit-scrollbar-thumb:hover{background:#ffffff1a}.filter-bar{background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;width:auto}@media (min-width: 1024px){aside#sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:16rem!important;height:100vh!important;z-index:30!important;transform:none!important;transition:none!important;overflow-y:auto!important;overflow-x:hidden!important}main#main-content{margin-left:16rem!important;width:calc(100% - 16rem)!important}}.editable-text-area>*{margin:0!important;padding:0!important}.toolbar-btn-gradient-hover:hover{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff)}stripe-buy-button{display:block;width:100%;max-width:100%}.payment-button-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:50px;margin:1rem 0}.toolpage-root #history-container .history-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 1536px){.toolpage-root #history-container .history-grid{grid-template-columns:repeat(2,1fr)}}.toolpage-root #history-container .history-image-container{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden}.toolpage-root #history-container .history-image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block}.history-grid.tti-history-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 1536px){.history-grid.tti-history-grid{grid-template-columns:repeat(2,1fr)}}.history-image-container.tti-history-image{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden}.history-image-container.tti-history-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.focus-within\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.focus-within\:ring-1:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-ring:focus-within{--tw-ring-color: hsl(var(--ring))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:border-gray-600:hover{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-black\/30:hover{background-color:#0000004d}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700\/50:hover{background-color:#37415180}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-gradient-to-r:hover{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.hover\:from-pink-600:hover{--tw-gradient-from: #db2777 var(--tw-gradient-from-position);--tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-purple-700:hover{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-sidebar-ring:focus-visible{--tw-ring-color: hsl(var(--sidebar-ring))}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width: 0px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.group:hover .group-hover\:border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.group\/menu-item:hover .group-hover\/menu-item\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.peer\/menu-button:hover~.peer-hover\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){background-color:hsl(var(--sidebar-background))}.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{padding-right:2rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=open\]\:bg-sidebar-accent[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true],.data-\[state\=open\]\:text-sidebar-accent-foreground[data-state=open]{color:hsl(var(--sidebar-accent-foreground))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open]{color:hsl(var(--sidebar-accent-foreground))}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width) * -1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width) * -1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8{width:2rem!important;height:2rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{width:calc(var(--sidebar-width-icon) + 1rem)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0px}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-side=right] .group-data-\[side\=right\]\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2{padding:.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{background-color:hsl(var(--sidebar-background))}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer\/menu-button[data-active=true]~.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-gray-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.dark\:border-transparent:is(.dark *){border-color:transparent}.dark\:border-white\/10:is(.dark *){border-color:#ffffff1a}.dark\:border-zinc-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(82 82 91 / var(--tw-border-opacity, 1))}.dark\:bg-black:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.dark\:bg-black\/50:is(.dark *){background-color:#00000080}.dark\:bg-gray-800\/40:is(.dark *){background-color:#1f293766}.dark\:bg-gray-800\/50:is(.dark *){background-color:#1f293780}.dark\:bg-gray-800\/70:is(.dark *){background-color:#1f2937b3}.dark\:bg-gray-900\/50:is(.dark *){background-color:#11182780}.dark\:bg-gray-900\/70:is(.dark *){background-color:#111827b3}.dark\:from-black\/80:is(.dark *){--tw-gradient-from: rgb(0 0 0 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:via-black\/85:is(.dark *){--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .85) var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-black:is(.dark *){--tw-gradient-to: #000 var(--tw-gradient-to-position)}.dark\:text-blue-300:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-cyan-300:is(.dark *){--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-yellow-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.dark\:hover\:text-blue-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:-mt-16{margin-top:-4rem}.sm\:mt-2{margin-top:.5rem}.sm\:mt-4{margin-top:1rem}.sm\:flex{display:flex}.sm\:h-14{height:3.5rem}.sm\:h-7{height:1.75rem}.sm\:w-1\/3{width:33.333333%}.sm\:w-14{width:3.5rem}.sm\:w-7{width:1.75rem}.sm\:w-auto{width:auto}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:.5rem}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-4{gap:1rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pt-20{padding-top:5rem}.sm\:pt-28{padding-top:7rem}.sm\:text-left{text-align:left}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:-mt-20{margin-top:-5rem}.md\:block{display:block}.md\:flex{display:flex}.md\:h-16{height:4rem}.md\:h-8{height:2rem}.md\:w-1\/4{width:25%}.md\:w-16{width:4rem}.md\:w-8{width:2rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-12{gap:3rem}.md\:gap-3{gap:.75rem}.md\:gap-6{gap:1.5rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:pt-24{padding-top:6rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:opacity-0{opacity:0}.after\:md\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:.75rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-10{grid-column:span 10 / span 10}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:-mt-24{margin-top:-6rem}.lg\:mt-0{margin-top:0}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-1\/5{width:20%}.lg\:w-4\/5{width:80%}.lg\:flex-\[1\]{flex:1}.lg\:flex-\[2\]{flex:2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-4{gap:1rem}.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pt-28{padding-top:7rem}.lg\:text-left{text-align:left}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width: 1280px){.xl\:-mt-32{margin-top:-8rem}.xl\:block{display:block}.xl\:inline{display:inline}.xl\:hidden{display:none}.xl\:h-20{height:5rem}.xl\:h-4{height:1rem}.xl\:h-5{height:1.25rem}.xl\:w-1\/6{width:16.666667%}.xl\:w-20{width:5rem}.xl\:w-4{width:1rem}.xl\:w-5{width:1.25rem}.xl\:max-w-20{max-width:5rem}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:gap-2{gap:.5rem}.xl\:gap-3{gap:.75rem}.xl\:gap-6{gap:1.5rem}.xl\:p-1{padding:.25rem}.xl\:px-3{padding-left:.75rem;padding-right:.75rem}.xl\:px-4{padding-left:1rem;padding-right:1rem}.xl\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.xl\:py-2{padding-top:.5rem;padding-bottom:.5rem}.xl\:pt-36{padding-top:9rem}.xl\:text-4xl{font-size:2.25rem;line-height:2.5rem}.xl\:text-8xl{font-size:6rem;line-height:1}.xl\:text-base{font-size:1rem;line-height:1.5rem}.xl\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1536px){.\32xl\:-mt-36{margin-top:-9rem}.\32xl\:inline{display:inline}.\32xl\:hidden{display:none}.\32xl\:h-5{height:1.25rem}.\32xl\:h-6{height:1.5rem}.\32xl\:w-5{width:1.25rem}.\32xl\:w-6{width:1.5rem}.\32xl\:max-w-none{max-width:none}.\32xl\:gap-4{gap:1rem}.\32xl\:gap-8{gap:2rem}.\32xl\:px-4{padding-left:1rem;padding-right:1rem}.\32xl\:px-5{padding-left:1.25rem;padding-right:1.25rem}.\32xl\:px-6{padding-left:1.5rem;padding-right:1.5rem}.\32xl\:py-2{padding-top:.5rem;padding-bottom:.5rem}.\32xl\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.\32xl\:pt-40{padding-top:10rem}.\32xl\:text-9xl{font-size:8rem;line-height:1}.\32xl\:text-base{font-size:1rem;line-height:1.5rem}.\32xl\:text-lg{font-size:1.125rem;line-height:1.75rem}}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.canvas-header-bar{background-color:#2d2d2d99;box-shadow:none;position:fixed;top:0;left:0;width:100%;z-index:50}.canvas-page.light .canvas-header-bar{background-color:#ffffffb3;border-bottom:1px solid rgba(0,0,0,.06)}.canvas-header-content{width:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:4rem}@media (min-width: 640px){.canvas-header-content{padding:0 1.5rem}}@media (min-width: 1024px){.canvas-header-content{padding:0 2rem}}.header-left{display:flex;align-items:center}.canvas-header-center{display:flex;align-items:center;gap:2rem;position:absolute;left:50%;transform:translate(-50%)}.canvas-save-restore-buttons{display:flex;gap:1rem}.save-button,.restore-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:2.5rem;padding:0 1.5rem;border-radius:25px;border:1px solid transparent;background-color:#ffffff1a;color:#fff;transition:all .2s ease;box-shadow:none;cursor:pointer;min-width:auto;font-size:14px;font-weight:500;white-space:nowrap}.save-button:hover,.restore-button:hover{background-color:#fff3;transform:translateY(-2px)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#9ca3af;transition:color .2s ease-in-out}.back-link:hover{color:#fff}.canvas-title{font-size:1.25rem;font-weight:700;color:#fff}.canvas-page.light .canvas-title{color:#111}.canvas-page.light .save-button,.canvas-page.light .restore-button{color:#111;border:1px solid rgba(0,0,0,.2)}.canvas-page.light .save-button:hover,.canvas-page.light .restore-button:hover{background-color:#00000014}.header-right{display:flex;align-items:center;gap:1rem}.subscription-status{border-radius:9999px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.subscription-status.subscribed{background-image:linear-gradient(to right,#8b5cf6,#ec4899)}.subscription-status.unsubscribed{background-color:#4b5563}.subscription-text{color:#fff;font-weight:700;font-size:.875rem}.user-credits{border-radius:9999px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;background:linear-gradient(to right,#a855f7,#d946ef)}.credits-value{color:#fff;font-weight:700;font-size:1.125rem}.tools-root{background:#f8fafc;color:#111827}.dark .tools-root{background:#000;color:#e5e7eb}.tools-root #sidebar{background:#fff;color:#111827;border-right:1px solid #e5e7eb}.dark .tools-root #sidebar{background:#0b0f19;color:#e5e7eb;border-right:1px solid #1f2937}.tools-root #sidebar .sidebar-content{background:transparent}.tools-root .sidebar-button{background:transparent;border:1px solid transparent;color:#374151}.tools-root .sidebar-button:hover{background:#f3f4f6;color:#111827;box-shadow:0 2px 8px #00000014;transform:none}.tools-root .sidebar-button.active{color:#111827;background:#eef2ff;border-color:#c7d2fe}.tools-root .sidebar-button.active:hover{box-shadow:0 2px 8px #00000014;transform:none}.tools-root .sidebar-button.coming-soon{color:#9ca3af;background:#fff}.dark .tools-root .sidebar-button{color:#d1d5db}.dark .tools-root .sidebar-button:hover{background:#3741514d;color:#fff}.dark .tools-root .sidebar-button.active{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:#fff;border-color:transparent}.dark .tools-root .sidebar-button.coming-soon{color:#6b7280;background:#0b0f19}.tools-root .tools-filter-bar{border-bottom:1px solid #e5e7eb;background:transparent}.dark .tools-root .tools-filter-bar{border-bottom:1px solid #1f2937}.tools-root .filter-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;border-radius:9999px;border:1px solid #e5e7eb;color:#374151;background:#fff;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tools-root .filter-btn:hover{background:#f3f4f6;border-color:#d1d5db}.tools-root .filter-btn.active{color:#fff;background:linear-gradient(to right,#7c3aed,#3b82f6);border-color:transparent;box-shadow:0 6px 16px #3b82f640;transform:translateY(-1px)}.dark .tools-root .filter-btn{border-color:#ffffff1a;color:#e5e7eb;background:#ffffff0d}.dark .tools-root .filter-btn:hover{background:#ffffff1a}.dark .tools-root .filter-btn.active{background:linear-gradient(to right,#7c3aed,#3b82f6);color:#fff;border-color:transparent;box-shadow:0 6px 16px #3b82f640}.tools-root .grid-item{background:transparent}.tools-root .creator-info{background-color:#ffffffbf;color:#111827}.dark .tools-root .creator-info{background-color:#00000080;color:#fff}.tools-root .creator-info span{color:#111827}.dark .tools-root .creator-info span{color:#fff}.toolpage-root{background:#f8fafc;color:#111827}.dark .toolpage-root{background:#000;color:#e5e7eb}.toolpage-root .toolpage-header{background:#fff;border-bottom:1px solid #e5e7eb}.dark .toolpage-root .toolpage-header{background:#0b0f19;border-bottom:1px solid #1f2937}.toolpage-root .toolpage-title{color:#0b0f19}.dark .toolpage-root .toolpage-title{color:#fff}.toolpage-root .tool-card{background:#fff;border:1px solid #e5e7eb}.dark .toolpage-root .tool-card{background:#191a1ccc;border:1px solid rgba(255,255,255,.1)}.toolpage-root .image-placeholder{background:#1f29370f;border:2px dashed #d1d5db;color:#6b7280}.toolpage-root .image-placeholder svg{color:#9ca3af}.dark .toolpage-root .image-placeholder{background:#1f293780;border-color:#4b5563;color:#9ca3af}.toolpage-root .tool-label-text{color:#374151}.dark .toolpage-root .tool-label-text{color:#9ca3af}.toolpage-root #prompt-section{background:#fffc;border-top:none;color:#111827}.dark .toolpage-root #prompt-section{background:#191a1ccc;border-top:none;color:#e5e7eb}.toolpage-root .prompt-input-wrapper .prompt-input{background:#fff;border:1px solid #e5e7eb;color:#111827}.toolpage-root .prompt-input-wrapper .prompt-input::-moz-placeholder{color:#9ca3af}.toolpage-root .prompt-input-wrapper .prompt-input::placeholder{color:#9ca3af}.dark .toolpage-root .prompt-input-wrapper .prompt-input{background:#26282ae6;border:1px solid #4b5563;color:#fff}.toolpage-root .history-title{color:#0b0f19}.dark .toolpage-root .history-title{color:#fff}.toolpage-root .history-item-content{background-color:#fff}.dark .toolpage-root .history-item-content{background-color:#000}.toolpage-root .selectable-card{background:#fff;border:2px solid transparent;color:#374151;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.toolpage-root .selectable-card:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box}.toolpage-root .selectable-card.active{color:#0b0f19;border-color:transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 2px 8px #00000014}.toolpage-root .selectable-card.active svg{color:#1f2937}.toolpage-root .selectable-card span{color:inherit}.dark .toolpage-root .selectable-card{background:#26282ae6;border:2px solid transparent;color:#e5e7eb}.dark .toolpage-root .selectable-card:hover{background-image:linear-gradient(#374151,#374151),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box}.dark .toolpage-root .selectable-card.active{color:#fff;border-color:transparent;background-image:linear-gradient(#374151,#374151),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box}.dark .toolpage-root .selectable-card.active svg{color:#c4b5fd}.toolpage-root .batch-button{background:#fff;border:1px solid #e5e7eb;color:#374151;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.toolpage-root .batch-button:hover{background:#f9fafb;border-color:#d1d5db}.toolpage-root .batch-button.active{color:#0b0f19;border-color:transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 2px 8px #00000014}.dark .toolpage-root .batch-button{background:#374151;border:2px solid transparent;color:#e5e7eb}.dark .toolpage-root .batch-button:hover{background-image:linear-gradient(#374151,#374151),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box}.dark .toolpage-root .batch-button.active{color:#fff;border-color:transparent;background-image:linear-gradient(#374151,#374151),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box}.toolpage-root #result-container .image-placeholder{background:#f9fafbe6!important;border:1px dashed #d1d5db!important;color:#6b7280}.toolpage-root #result-container .image-placeholder svg{color:#9ca3af}.dark .toolpage-root #result-container .image-placeholder{background:#26282ae6!important;border:1px dashed #4b5563!important;color:#9ca3af}.dark .toolpage-root #result-container .image-placeholder svg{color:#9ca3af}.toolpage-root .prompt-input-wrapper #ai-polish-btn{background-color:#ffffffe6;border:1px solid #e5e7eb;color:#111827}.toolpage-root .prompt-input-wrapper #ai-polish-btn:hover:not(:disabled){background-color:#f9fafbf2;border-color:#d1d5db;color:#111827;transform:scale(1.03)}.dark .toolpage-root .prompt-input-wrapper #ai-polish-btn{background:#26282ae6;border:1px solid rgba(255,255,255,.2);color:#e5e7eb}.dark .toolpage-root .prompt-input-wrapper #ai-polish-btn:hover:not(:disabled){background:#26282ae6;border-color:#cb3ffc;color:#fff;transform:scale(1.05)}.toolpage-root .tti-history-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 1536px){.toolpage-root .tti-history-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px) and (max-width: 1535px){.toolpage-root .tti-history-grid{grid-template-columns:repeat(2,1fr)}}.toolpage-root .tti-history-image{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden}.toolpage-root .tti-history-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block}.toolpage-root .tti-lightbox .tti-lightbox-panel{background:#fff;color:#111827;border:1px solid #e5e7eb}.dark .toolpage-root .tti-lightbox .tti-lightbox-panel{background:#26282ae6;color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}.toolpage-root .tti-lightbox .tti-lightbox-section{background:#f8fafc;border:1px solid #e5e7eb}.dark .toolpage-root .tti-lightbox .tti-lightbox-section{background:#26282ae6;border:1px solid #374151}.toolpage-root .tti-lightbox .tti-lightbox-title,.toolpage-root .tti-lightbox .tti-value{color:#0b0f19}.toolpage-root .tti-lightbox .tti-label{color:#6b7280}.dark .toolpage-root .tti-lightbox .tti-lightbox-title,.dark .toolpage-root .tti-lightbox .tti-value{color:#fff}.dark .toolpage-root .tti-lightbox .tti-label{color:#9ca3af}.toolpage-root .tti-lightbox #lightbox-close{background-color:#ffffffe6;color:#111827}.toolpage-root .tti-lightbox #lightbox-close:hover{background-color:#f9fafbf2}.dark .toolpage-root .tti-lightbox #lightbox-close{background-color:#141414cc;color:#fff}.dark .toolpage-root .tti-lightbox #lightbox-close:hover{background-color:#373737e6}.toolpage-root .tti-lightbox .action-button{background-color:#fff;border:1px solid #e5e7eb;color:#111827}.toolpage-root .tti-lightbox .action-button:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db;color:#111827;transform:translateY(-2px)}.dark .toolpage-root .tti-lightbox .action-button{background-color:#292929cc;border:1px solid rgba(255,255,255,.2);color:#e5e7eb}.dark .toolpage-root .tti-lightbox .action-button:hover:not(:disabled){background-color:#373737e6;border-color:#cb3ffc;color:#fff;transform:translateY(-2px)}.toolpage-root .tti-lightbox .tti-lightbox-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px #0000001f;padding:16px}.dark .toolpage-root .tti-lightbox .tti-lightbox-card{background:#191a1ccc;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0006}.hd-root{background:#f8fafc;color:#111827}.dark .hd-root{background:#000;color:#e5e7eb}.hd-header{background:#fff;border-bottom:1px solid #e5e7eb}.dark .hd-header{background:#191a1ccc;border-bottom:1px solid #1f2937}.hd-header-title{color:#0b0f19}.dark .hd-header-title,.hd-credits-card span,.dark .hd-credits-card span{color:#fff}.hd-card{background:#fff;border:1px solid #e5e7eb;color:#111827}.dark .hd-card{background:#0c0c0d;border:1px solid rgba(255,255,255,.1);color:#e5e7eb}.hd-section-title{color:#0b0f19}.dark .hd-section-title{color:#fff}.hd-mode-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:.75rem;font-weight:600;border:1px solid #e5e7eb;color:#374151;background:#fff;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.hd-mode-button:hover{background:#f3f4f6;border-color:#d1d5db}.hd-mode-button.active{color:#fff;border-color:transparent;background-image:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);box-shadow:0 4px 12px #4f8bff59}.dark .hd-mode-button{border:1px solid #374151;background:#1f2937;color:#d1d5db}.dark .hd-mode-button:hover{background:#2d3748}.dark .hd-mode-button.active{color:#fff;border-color:transparent;background-image:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);box-shadow:0 4px 12px #4f8bff73}.hd-scenario-card{background:#fff;border:1px solid #e5e7eb;color:#374151;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.hd-scenario-card:hover{border-color:#3b82f6;background:#f0f9ff}.hd-scenario-card.active{color:#fff;border-color:transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 14px #4f8bff40}.hd-scenario-card.disabled{opacity:.5;cursor:not-allowed}.hd-scenario-text{color:inherit}.dark .hd-scenario-card{background:#1f2937;border:1px solid #374151;color:#d1d5db}.dark .hd-scenario-card:hover{border-color:#60a5fa;background:#2d3748}.dark .hd-scenario-card.active{color:#fff;border-color:transparent;background-image:linear-gradient(#1f2937,#1f2937),linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 4px 14px #4f8bff59}.hd-drop-zone{background:#f8fafcd9;border:1px dashed #d1d5db;color:#6b7280;transition:background-color .2s ease,border-color .2s ease}.hd-drop-zone.dragover{border-color:#8b5cf6;background:#3b82f614}.dark .hd-drop-zone{background:#191a1ccc;border:1px dashed #4b5563;color:#9ca3af}.dark .hd-drop-zone.dragover{border-color:#c084fc;background:#1f293799}.hd-result-area{background:#f8fafce6;border:1px dashed #e5e7eb}.dark .hd-result-area{background:#191a1ccc;border:1px dashed #374151}.hd-card .slider-container{background:#f8fafcd9;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.hd-card .slider-container+.slider-container{margin-top:16px}.dark .hd-card .slider-container{background:#191a1ccc;border:1px solid #374151}.hd-root .tool-label-text{color:#374151}.dark .hd-root .tool-label-text{color:#9ca3af}.hd-root .slider-container .value-input{background:#fff;border:1px solid #e5e7eb;color:#111827}.dark .hd-root .slider-container .value-input{background:#1f2937;border:1px solid #4b5563;color:#e5e7eb}.hd-root input[type=range]{background:linear-gradient(to right,#3b82f6 0%,#3b82f6 var(--fill-percentage, 0%),#e5e7eb var(--fill-percentage, 0%),#e5e7eb 100%)}.dark .hd-root input[type=range]{background:linear-gradient(to right,#9ca3af 0%,#9ca3af var(--fill-percentage, 0%),#374151 var(--fill-percentage, 0%),#374151 100%)}.hd-root input[type=range]::-webkit-slider-thumb{background:#fff;border:2px solid #8b5cf6}.dark .hd-root input[type=range]::-webkit-slider-thumb{background:#e5e7eb;border:2px solid #9ca3af}.ph-root{color:#111827}.dark .ph-root{color:#e5e7eb}.ph-hero-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 25px #0f172a14}.dark .ph-hero-card{background:#111827d9;border:1px solid rgba(148,163,184,.15);box-shadow:0 20px 40px #0f172a59}.ph-hero-avatar{border-color:#94a3b859}.dark .ph-hero-avatar{border-color:#fff3}.ph-hero-name{color:#0b1120}.ph-hero-email{color:#4b5563}.dark .ph-hero-name,.dark .ph-hero-email{color:#f9fafb}.dark .ph-hero-email{opacity:.7}.ph-stat-card,.ph-plan-card:not(.main-gradient-bg){background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;color:#0f172a;box-shadow:0 6px 16px #0f172a1f}.dark .ph-stat-card,.dark .ph-plan-card:not(.main-gradient-bg){background:#111827f2;border:1px solid rgba(148,163,184,.15);color:#e2e8f0;box-shadow:0 16px 32px #0f172a73}.ph-stat-label,.ph-plan-label{font-size:.875rem;font-weight:600;color:#475569;letter-spacing:.02em;text-transform:uppercase}.ph-stat-value{margin-top:.35rem;font-size:2.5rem;font-weight:700;color:#0f172a}.ph-plan-value{margin-top:.5rem;font-size:1.75rem;font-weight:700;color:#0f172a}.ph-plan-note{margin-top:.5rem;font-size:.75rem;color:#64748b}.dark .ph-stat-label,.dark .ph-plan-label{color:#e2e8f0b3}.dark .ph-stat-value,.dark .ph-plan-value{color:#f8fafc}.dark .ph-plan-note{color:#e2e8f099}.ph-credits-btn,.ph-plan-btn,.ph-primary-btn,.ph-secondary-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:12px;padding:.65rem 1rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.ph-credits-btn,.ph-plan-btn{background:linear-gradient(90deg,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:#fff;box-shadow:0 10px 25px #4f8bff40}.ph-credits-btn:hover,.ph-plan-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #4f8bff59}.ph-plan-btn:hover{opacity:.85}.ph-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#0f172a;box-shadow:none}.dark .ph-form-card{background:#191a1ccc;border:1px solid rgba(148,163,184,.15);color:#e2e8f0;box-shadow:none}.ph-form-card,.ph-form-card:hover,.ph-form-card:focus,.ph-form-card:active{box-shadow:none!important;transform:none!important}.dark .ph-form-card,.dark .ph-form-card:hover,.dark .ph-form-card:focus,.dark .ph-form-card:active{box-shadow:none!important;transform:none!important}.ph-form-title{color:#0f172a}.dark .ph-form-title{color:#f8fafc}.ph-section-divider{border-color:#e2e8f0}.dark .ph-section-divider{border-color:#94a3b833}.ph-section-subtitle{font-size:1rem;font-weight:600;color:#0f172a}.dark .ph-section-subtitle{color:#f8fafc}.ph-section-text{font-size:.9rem;color:#475569}.dark .ph-section-text{color:#e2e8f0b3}.ph-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#22c55e1f;color:#15803d}.dark .ph-status-pill{background:#22c55e33;color:#bbf7d0}.ph-table{color:#0f172a}.ph-table-head{border-bottom:1px solid #e5e7eb;color:#475569;font-size:.9rem}.ph-table-row{border-bottom:1px solid #eef2f7}.ph-table-row:last-child{border-bottom:none}.ph-table-note{color:#64748b}.ph-badge-paid{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;background:#10b98124;color:#065f46}.dark .ph-table{color:#e5e7eb}.dark .ph-table-head{border-bottom:1px solid #374151;color:#e5e7ebbf}.dark .ph-table-row{border-bottom:1px solid rgba(55,65,81,.8)}.dark .ph-table-note{color:#e5e7eb80}.dark .ph-badge-paid{background:#10b98138;color:#a7f3d0}.ph-primary-btn{background:linear-gradient(90deg,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:#fff;box-shadow:0 12px 30px #6366f140}.ph-primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px #6366f159}.ph-secondary-btn{background:#3b82f61f;color:#2563eb;border:1px solid rgba(37,99,235,.25);padding-top:.5rem;padding-bottom:.5rem}.ph-secondary-btn:hover{background:#3b82f62e}.dark .ph-secondary-btn{background:#3b82f62e;color:#bfdbfe;border-color:#bfdbfe59}.dark .ph-secondary-btn:hover{background:#3b82f63d}.ph-helper-text{margin-top:.5rem;font-size:.75rem;color:#94a3b8}.dark .ph-helper-text{color:#94a3b8b3}.ph-input{width:100%;border-radius:12px;padding:.75rem 1rem;border:1px solid #cbd5f5;background:#f8fafc;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease}.ph-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.dark .ph-input{background:#191a1ccc;border:1px solid rgba(148,163,184,.25);color:#e2e8f0}.dark .ph-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f740}.ph-input-label{display:block;margin-bottom:.35rem;font-size:.9rem;font-weight:600;color:#475569}.dark .ph-input-label{color:#e2e8f0bf}.ph-success-text{color:#22c55e;font-size:.875rem}.ph-tabs-header{border-bottom:1px solid #e5e7eb}.dark .ph-tabs-header{border-bottom:1px solid #374151}.ph-tab-button{color:#475569;border-color:transparent}.ph-tab-button:hover{color:#0f172a}.ph-tab-button.active{color:#0f172a;border-bottom-color:#4f8bff}.dark .ph-tab-button{color:#9ca3af;border-color:transparent}.dark .ph-tab-button:hover{color:#fff}.dark .ph-tab-button.active{color:#fff;border-bottom-color:#4f8bff}.ph-tab-button.active,.dark .ph-tab-button.active{background-image:linear-gradient(90deg,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);-webkit-background-clip:text;background-clip:text;color:transparent}.ph-stat-card:hover,.ph-plan-card:hover{transform:translateY(-2px)}.main-gradient-bg.ph-plan-card .ph-plan-label,.main-gradient-bg.ph-plan-card .ph-plan-value,.main-gradient-bg.ph-plan-card .ph-plan-note{color:#fff}.main-gradient-bg.ph-plan-card .ph-plan-note{opacity:.85}.media-library-panel{position:fixed;left:0;top:0;width:400px;height:100vh;background:var(--media-library-bg, #ffffff);border-right:1px solid var(--media-library-border, #e5e7eb);box-shadow:2px 0 8px #0000001a;z-index:1000;display:flex;flex-direction:column;overflow:hidden;border-radius:12px}.media-library-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--media-library-border, #e5e7eb);background:var(--media-library-header-bg, #f9fafb);border-radius:12px 12px 0 0}.media-library-header h3{margin:0;font-size:18px;font-weight:600;color:var(--media-library-text, #111827)}.close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--media-library-text-secondary, #6b7280);transition:all .2s ease}.close-button:hover{background:var(--media-library-hover-bg, #f3f4f6);color:var(--media-library-text, #111827)}.media-library-controls{padding:16px 20px;border-bottom:1px solid var(--media-library-border, #e5e7eb);background:var(--media-library-controls-bg, #ffffff)}.search-box{margin-bottom:12px}.search-input{width:100%;padding:8px 12px;border:1px solid var(--media-library-input-border, #d1d5db);border-radius:12px;font-size:14px;background:var(--media-library-input-bg, #ffffff);color:var(--media-library-text, #111827);transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--media-library-focus-border, #3b82f6);box-shadow:0 0 0 3px var(--media-library-focus-shadow, rgba(59, 130, 246, .1))}.filter-tabs{display:flex;gap:4px}.filter-tab{padding:6px 12px;border:1px solid var(--media-library-tab-border, #d1d5db);background:var(--media-library-tab-bg, #ffffff);color:var(--media-library-text-secondary, #6b7280);border-radius:12px;font-size:12px;cursor:pointer;transition:all .2s ease}.filter-tab:hover{background:var(--media-library-tab-hover-bg, #f3f4f6);color:var(--media-library-text, #111827)}.filter-tab.active{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:var(--media-library-tab-active-text, #ffffff);border-color:#ff4c81}.media-library-content{flex:1;overflow-y:auto;padding:16px 20px;position:relative;border-radius:0 0 12px 12px}.media-library-content.drag-over{background:var(--media-library-drag-bg, rgba(59, 130, 246, .05));border:2px dashed var(--media-library-drag-border, #3b82f6)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--media-library-text-secondary, #6b7280)}.spinner{width:24px;height:24px;border:2px solid var(--media-library-spinner-border, #f3f4f6);border-top:2px solid var(--media-library-spinner-top, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:var(--media-library-text-secondary, #6b7280)}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{margin:4px 0}.upload-hint{font-size:12px;opacity:.7}.file-input{display:none}.upload-button{margin-top:12px;padding:8px 16px;background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:var(--media-library-button-text, #ffffff);border:1px solid rgb(255,76,129);border-radius:12px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.upload-button:hover{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff)}.media-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.media-item{position:relative;width:120px;height:140px;border:1px solid var(--media-library-item-border, #e5e7eb);border-radius:12px;overflow:hidden;background:var(--media-library-item-bg, #ffffff);transition:all .2s ease;display:flex;flex-direction:column}.media-item:hover{border-color:var(--media-library-item-hover-border, #3b82f6);box-shadow:0 2px 8px #0000001a}.media-preview{position:relative;width:100%;height:100px;cursor:pointer;overflow:hidden;border-radius:12px 12px 0 0;flex-shrink:0}.media-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-preview{position:relative;width:100%;height:100%}.video-preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fffc;background:#00000080;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.media-info{padding:6px 8px;border-radius:0 0 12px 12px;flex:1;display:flex;flex-direction:column;justify-content:center}.media-name{font-size:12px;font-weight:500;color:var(--media-library-text, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s ease}.media-name:hover{background-color:var(--media-library-item-hover-bg, #f3f4f6)}.media-name-input{font-size:12px;font-weight:500;color:var(--media-library-text, #111827);width:100%;padding:2px 4px;margin-bottom:4px;border:1px solid var(--media-library-input-border, #3b82f6);border-radius:4px;background:var(--media-library-item-bg, #ffffff);outline:none}.media-name-input:focus{border-color:var(--media-library-input-focus-border, #2563eb);box-shadow:0 0 0 2px #3b82f61a}.media-meta{display:flex;flex-direction:column;gap:2px}.media-size,.media-time{font-size:10px;color:var(--media-library-text-secondary, #6b7280)}.delete-button{position:absolute;top:4px;right:4px;background:#ef4444e6;color:#fff;border:none;border-radius:6px;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.media-item:hover .delete-button{opacity:1}.delete-button:hover{background:#dc2626}.react-flow.dark .media-library-panel{--media-library-bg: #2a2a2a;--media-library-border: #3a3a3a;--media-library-header-bg: linear-gradient(135deg, rgba(139, 92, 246, .9) 0%, rgba(236, 72, 153, .9) 50%, rgba(245, 158, 11, .9) 100%);--media-library-controls-bg: #2a2a2a;--media-library-text: #ffffff;--media-library-text-secondary: #d1d5db;--media-library-hover-bg: #3a3a3a;--media-library-input-border: #4b5563;--media-library-input-bg: #3a3a3a;--media-library-focus-border: #8b5cf6;--media-library-focus-shadow: rgba(139, 92, 246, .2);--media-library-tab-border: #4b5563;--media-library-tab-bg: #3a3a3a;--media-library-tab-hover-bg: #4b5563;--media-library-tab-active-bg: linear-gradient(135deg, rgba(139, 92, 246, .9) 0%, rgba(236, 72, 153, .9) 50%, rgba(245, 158, 11, .9) 100%);--media-library-tab-active-text: #ffffff;--media-library-drag-bg: rgba(139, 92, 246, .1);--media-library-drag-border: #8b5cf6;--media-library-spinner-border: #4b5563;--media-library-spinner-top: #8b5cf6;--media-library-button-bg: linear-gradient(135deg, rgba(139, 92, 246, .9) 0%, rgba(236, 72, 153, .9) 50%, rgba(245, 158, 11, .9) 100%);--media-library-button-text: #ffffff;--media-library-button-hover-bg: linear-gradient(135deg, rgba(139, 92, 246, 1) 0%, rgba(236, 72, 153, 1) 50%, rgba(245, 158, 11, 1) 100%);--media-library-item-border: #3a3a3a;--media-library-item-bg: #3a3a3a;--media-library-item-hover-border: #8b5cf6}.react-flow.dark .media-library-header{background:var(--media-library-header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:#5555554d}.react-flow.dark .media-library-header h3,.react-flow.dark .close-button{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.react-flow.dark .close-button:hover{background:#ffffff1a;color:#fff}.react-flow.dark .filter-tab.active{background:var(--media-library-tab-active-bg);color:var(--media-library-tab-active-text);border:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.react-flow.dark .media-item:hover{box-shadow:0 0 20px #8b5cf699,0 0 40px #ec489966,0 0 60px #f59e0b33,0 8px 24px #000c;border:1px solid transparent;background:linear-gradient(#3a3a3a,#3a3a3a) padding-box,linear-gradient(135deg,#8b5cf6,#ec4899,#f59e0b) border-box}.react-flow.dark .empty-state{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);color:#d1d5db}.react-flow.dark .upload-button{background:var(--media-library-button-bg);color:var(--media-library-button-text);text-shadow:0 1px 2px rgba(0,0,0,.3);border:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.react-flow.dark .upload-button:hover{background:var(--media-library-button-hover-bg)}:root{--sidebar-width: 260px}.canvas-sidebar{--hover-width: 12px;position:fixed;top:4rem;left:0;width:var(--sidebar-width);height:calc(100vh - 4rem);background:#ffffff4d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-right:1px solid rgba(232,232,232,.2);z-index:1500;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease-in-out;transform:translate(calc(-100% + var(--hover-width)))}.canvas-sidebar.is-open{transform:translate(0)}.canvas-sidebar .toggle-handle{position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:20px;height:32px;border-radius:16px;border:1px solid rgba(0,0,0,.15);background:#ffffffb3;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.react-flow.dark .canvas-sidebar .toggle-handle,.react-flow[data-color-mode=dark] .canvas-sidebar .toggle-handle,.dark .canvas-sidebar .toggle-handle{border-color:#fff3;background:#2d2d2d99;color:#fff}.canvas-sidebar .toggle-handle.open svg{transform:rotate(180deg)}@media (max-width: 768px){:root{--sidebar-width: 80vw}.canvas-sidebar{transform:translate(calc(-100% + var(--hover-width)))}}.sidebar-header{display:flex;flex-direction:column;padding:16px;border-bottom:1px solid rgba(232,232,232,.3);background:#f8f9fa99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);gap:12px;position:relative;z-index:5600;overflow:visible}.canvas-sidebar .tab-buttons{display:flex;gap:4px;width:100%}.canvas-sidebar .tab-button{flex:0 0 auto;width:28px;height:28px;padding:4px;border:none;background:#00000040;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;text-align:center}.canvas-sidebar .tab-button:hover{background:#00000059;color:#fff}.canvas-sidebar .tab-button.active{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:#fff;box-shadow:0 2px 6px #4f8bff59}.canvas-sidebar .tab-button svg{width:14px;height:14px}.canvas-sidebar .tab-buttons .tab-button{position:relative}.canvas-sidebar .tab-buttons .tab-button:after{content:attr(data-tooltip);position:absolute;left:50%;top:100%;transform:translate(-50%,8px);margin-left:0;padding:4px 6px;border-radius:6px;background:#000c;color:#fff;font-size:12px;line-height:1;white-space:nowrap;pointer-events:none;z-index:5500;opacity:0;transition:opacity .12s ease-in-out}.canvas-sidebar .tab-buttons .tab-button:hover:after{opacity:1}.dark .canvas-sidebar .tab-buttons .tab-button:after,.react-flow.dark .canvas-sidebar .tab-buttons .tab-button:after,.react-flow[data-color-mode=dark] .canvas-sidebar .tab-buttons .tab-button:after{background:#191919e6;color:#fff}.canvas-sidebar .tab-button.active:hover{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff)}.sidebar-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.refresh-button{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.refresh-button:hover{background:#e9ecef;color:#333}.sidebar-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:1}.history-grid{flex:1;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;grid-auto-flow:row;justify-items:stretch;align-items:stretch;align-content:start;scrollbar-width:thin;scrollbar-color:transparent transparent}.history-bulk-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;margin-bottom:6px;background:#0000000f;border-radius:6px}.history-bulk-bar>span{white-space:nowrap;font-size:12px}.history-bulk-bar .bulk-actions{display:flex;gap:6px}.history-bulk-bar button{border:none;border-radius:6px;padding:5px 8px;cursor:pointer;white-space:nowrap;font-size:12px;line-height:1}.history-grid::-webkit-scrollbar{width:6px;height:6px}.history-grid::-webkit-scrollbar-track{background:transparent}.history-grid::-webkit-scrollbar-thumb{background:transparent}.canvas-history-scope .history-filter-row{grid-column:1 / -1}.canvas-history-scope .history-filter-trigger{width:100%;padding:6px 10px;border-radius:8px;border:none;background:#ffffffe6;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.canvas-history-scope .history-filter-trigger .caret{margin-left:8px}.canvas-history-scope .history-filter-trigger:focus{outline:none}.canvas-history-scope .history-filter-menu{position:relative;margin-top:6px;border-radius:8px;overflow:hidden;background:#ffffffe6}.canvas-history-scope .history-filter-item{display:block;width:100%;text-align:left;padding:8px 10px;background:transparent;border:none;color:#333;cursor:pointer}.canvas-history-scope .history-filter-item:hover,.canvas-history-scope .history-filter-item.selected{background:linear-gradient(to right,#fcb03f33,#ff4c8133,#cb3ffc33,#4f8bff33);color:#111}.canvas-history-scope .history-filter option{background:#fff;color:#333}.canvas-history-scope .history-filter option:hover,.canvas-history-scope .history-filter option:checked,.canvas-history-scope .history-filter option:focus{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:#fff}.dark .canvas-history-scope .history-filter-trigger,.react-flow.dark .canvas-history-scope .history-filter-trigger,.react-flow[data-color-mode=dark] .canvas-history-scope .history-filter-trigger{background:#2d2d2dd9;color:#fff}.dark .canvas-history-scope .history-filter-menu,.react-flow.dark .canvas-history-scope .history-filter-menu,.react-flow[data-color-mode=dark] .canvas-history-scope .history-filter-menu{background:#2d2d2de6}.dark .canvas-history-scope .history-filter-item,.react-flow.dark .canvas-history-scope .history-filter-item,.react-flow[data-color-mode=dark] .canvas-history-scope .history-filter-item{color:#fff}.dark .canvas-history-scope .history-filter-item:hover,.dark .canvas-history-scope .history-filter-item.selected,.react-flow.dark .canvas-history-scope .history-filter-item:hover,.react-flow.dark .canvas-history-scope .history-filter-item.selected,.react-flow[data-color-mode=dark] .canvas-history-scope .history-filter-item:hover,.react-flow[data-color-mode=dark] .canvas-history-scope .history-filter-item.selected{background:linear-gradient(to right,#fcb03f40,#ff4c8140,#cb3ffc40,#4f8bff40);color:#fff}.dark .canvas-history-scope .history-filter option,.react-flow.dark .canvas-history-scope .history-filter option,.react-flow[data-color-mode=dark] .canvas-history-scope .history-filter option{background:#2d2d2d;color:#fff}.dark .canvas-history-scope .history-filter option:hover,.dark .canvas-history-scope .history-filter option:checked,.dark .canvas-history-scope .history-filter option:focus,.react-flow.dark .canvas-history-scope .history-filter option:hover,.react-flow.dark .canvas-history-scope .history-filter option:checked,.react-flow.dark .canvas-history-scope .history-filter option:focus,.react-flow[data-color-mode=dark] .canvas-history-scope .history-filter option:hover,.react-flow[data-color-mode=dark] .canvas-history-scope .history-filter option:checked,.react-flow[data-color-mode=dark] .canvas-history-scope .history-filter option:focus{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:#fff}.history-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid rgba(0,0,0,.08);background:#fff9;width:100%;height:120px;box-sizing:border-box}.history-card.selected{outline:2px solid #3b82f6}.history-check{position:absolute;top:6px;right:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;border-radius:50%}.history-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:inherit}.history-card .meta{display:none}.history-card .badge{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);padding:1px 4px;border-radius:3px}.history-context-menu{position:fixed;z-index:3000;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 24px #0000001f;border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px}.history-context-menu button{border:none;background:transparent;text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}.history-context-menu button:hover{background:#f3f4f6}.history-context-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2990;background:transparent}.dark .history-bulk-bar,.react-flow.dark .history-bulk-bar,.react-flow[data-color-mode=dark] .history-bulk-bar{background:#2d2d2d80}.dark .history-bulk-bar button,.react-flow.dark .history-bulk-bar button,.react-flow[data-color-mode=dark] .history-bulk-bar button{background:#ffffff0f;color:#fff}.dark .history-bulk-bar button:hover,.react-flow.dark .history-bulk-bar button:hover,.react-flow[data-color-mode=dark] .history-bulk-bar button:hover{background:#ffffff1f}.dark .history-card.selected,.react-flow.dark .history-card.selected,.react-flow[data-color-mode=dark] .history-card.selected{outline-color:#60a5fa}.dark .history-check,.react-flow.dark .history-check,.react-flow[data-color-mode=dark] .history-check{background:#000000b3;color:#fff}.dark .history-context-menu,.react-flow.dark .history-context-menu,.react-flow[data-color-mode=dark] .history-context-menu{background:#2d2d2df2;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 28px #0006}.dark .history-context-menu button,.react-flow.dark .history-context-menu button,.react-flow[data-color-mode=dark] .history-context-menu button{color:#fff}.dark .history-context-menu button:hover,.react-flow.dark .history-context-menu button:hover,.react-flow[data-color-mode=dark] .history-context-menu button:hover{background:#ffffff14}.history-grid .load-more{grid-column:1 / -1;margin-top:6px;padding:6px 8px;border:none;border-radius:6px;background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:#fff;cursor:pointer}.history-grid .load-more:hover{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff)}.dark .history-grid .load-more,.react-flow.dark .history-grid .load-more,.react-flow[data-color-mode=dark] .history-grid .load-more{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:#fff}.dark .history-grid .load-more:hover,.react-flow.dark .history-grid .load-more:hover,.react-flow[data-color-mode=dark] .history-grid .load-more:hover{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff)}.dark .history-card,.react-flow.dark .history-card,.react-flow[data-color-mode=dark] .history-card{border-color:#ffffff1a;background:#2d2d2d66}.dark .history-card .meta,.react-flow.dark .history-card .meta,.react-flow[data-color-mode=dark] .history-card .meta{display:none}.versions-list{flex:1;overflow-y:auto;padding:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-media-library-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:relative;width:100%;height:100%}.sidebar-media-library-wrapper .media-library-panel{position:static;top:auto;left:auto;right:auto;bottom:auto;width:100%;height:100%;max-width:none;max-height:none;transform:none;z-index:auto;background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:none;box-shadow:none;border-radius:0;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.react-flow.dark .sidebar-media-library-wrapper .media-library-panel,.dark .sidebar-media-library-wrapper .media-library-panel,[data-theme=dark] .sidebar-media-library-wrapper .media-library-panel,body.dark .sidebar-media-library-wrapper .media-library-panel{background:#2a2a2acc!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-media-library-wrapper .media-library-header{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1);background:#f8f9fa99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0;border-radius:0;position:static;display:flex;align-items:center;justify-content:space-between}.sidebar-media-library-wrapper .close-button,.sidebar-media-library-wrapper .media-library-header{display:none}.sidebar-media-library-wrapper .media-library-controls{padding:12px 12px 8px;background:#f8f9fa66;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;margin-top:0}.sidebar-media-library-wrapper .media-library-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:static;width:100%;height:100%;background:#ffffff0d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:none;border-radius:0;margin:0;padding:0}.react-flow.dark .sidebar-media-library-wrapper .media-library-content,.dark .sidebar-media-library-wrapper .media-library-content,[data-theme=dark] .sidebar-media-library-wrapper .media-library-content,body.dark .sidebar-media-library-wrapper .media-library-content{background:#3a3a3a99!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-media-library-wrapper .media-library-content::-webkit-scrollbar{width:6px}.sidebar-media-library-wrapper .media-library-content::-webkit-scrollbar-track{background:transparent}.sidebar-media-library-wrapper .media-library-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-media-library-wrapper .media-library-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-media-library-wrapper .media-grid{flex:1;padding:8px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;align-content:start;justify-content:start;background:#ffffff1a}.react-flow.dark .sidebar-media-library-wrapper .media-grid,.dark .sidebar-media-library-wrapper .media-grid,[data-theme=dark] .sidebar-media-library-wrapper .media-grid,body.dark .sidebar-media-library-wrapper .media-grid{background:#3a3a3a66!important}.sidebar-media-library-wrapper .media-grid::-webkit-scrollbar{width:6px}.sidebar-media-library-wrapper .media-grid::-webkit-scrollbar-track{background:transparent}.sidebar-media-library-wrapper .media-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-media-library-wrapper .media-grid::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-media-library-wrapper .media-item{aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.canvas-media-scope .media-item:hover{border-color:#ff4c81;transform:scale(1.05)}.canvas-media-scope .media-item.selected{border-color:#ff4c81;box-shadow:0 0 0 2px #ff4c81e6;background:linear-gradient(to right,#fcb03f1f,#ff4c811f,#cb3ffc1f,#4f8bff1f)}.sidebar-media-library-wrapper .media-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sidebar-media-library-wrapper .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#999;text-align:center;padding:20px}.sidebar-media-library-wrapper .empty-state svg{margin-bottom:12px;opacity:.5}.sidebar-media-library-wrapper .empty-state p{margin:0 0 4px;font-size:14px;font-weight:500}.sidebar-media-library-wrapper .empty-state span{font-size:12px;opacity:.7}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#999;text-align:center}.empty-state svg{margin-bottom:12px;opacity:.5}.empty-state p{margin:0 0 4px;font-size:14px;font-weight:500}.empty-state span{font-size:12px;opacity:.7}.version-item{display:flex;align-items:center;padding:12px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid rgba(0,0,0,.1);background:#f8f9fa66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.version-item:hover{background:#e9ecef99;border-color:#dee2e680}.version-item.selected{background:linear-gradient(to right,#fcb03f26,#ff4c8126,#cb3ffc26,#4f8bff26);border-color:#4f8bff;box-shadow:0 2px 8px #4f8bff40}.version-thumbnail{width:48px;height:36px;background:#f0f0f0;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;border:1px solid #e0e0e0;overflow:hidden;position:relative}.version-thumbnail svg{color:#999}.thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px}.version-info{flex:1;min-width:0}.version-name{font-size:14px;font-weight:500;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-date{font-size:12px;color:#666}.version-actions{display:flex;align-items:center;opacity:0;transition:opacity .2s}.version-item:hover .version-actions{opacity:1}.delete-button{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-button:hover{background:#f8d7da;color:#721c24}.delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-confirm-dialog{background:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 32px #0003;max-width:320px;width:90%}.delete-confirm-dialog h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.delete-confirm-dialog p{margin:0 0 20px;color:#666;font-size:14px;line-height:1.5}.delete-confirm-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-button,.confirm-button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background:#f8f9fa;color:#666}.cancel-button:hover{background:#e9ecef}.confirm-button{background:#dc3545;color:#fff}.confirm-button:hover{background:#c82333}.dark .canvas-sidebar,.react-flow.dark .canvas-sidebar,.react-flow[data-color-mode=dark] .canvas-sidebar{background:#1e1e1e4d;border-right-color:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark .tab-button,.react-flow.dark .tab-button,.react-flow[data-color-mode=dark] .tab-button{background:#ffffff0d;color:#ccc}.dark .tab-button:hover,.react-flow.dark .tab-button:hover,.react-flow[data-color-mode=dark] .tab-button:hover{background:#ffffff1a;color:#fff}.dark .tab-button.active,.react-flow.dark .tab-button.active,.react-flow[data-color-mode=dark] .tab-button.active{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);color:#fff}.dark .versions-list,.react-flow.dark .versions-list,.react-flow[data-color-mode=dark] .versions-list,.dark .sidebar-media-library-wrapper,.react-flow.dark .sidebar-media-library-wrapper,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper{background:#1e1e1e1a}.dark .sidebar-media-library-wrapper .media-library-panel,.react-flow.dark .sidebar-media-library-wrapper .media-library-panel,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-library-panel{background:#1e1e1e1a;color:#fff}.dark .sidebar-media-library-wrapper .media-library-header,.react-flow.dark .sidebar-media-library-wrapper .media-library-header,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-library-header{background:#2d2d2d99;border-bottom-color:#ffffff1a;color:#fff}.dark .sidebar-media-library-wrapper .media-library-header h3,.react-flow.dark .sidebar-media-library-wrapper .media-library-header h3,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-library-header h3{color:#fff}.dark .sidebar-media-library-wrapper .media-library-controls,.react-flow.dark .sidebar-media-library-wrapper .media-library-controls,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-library-controls{background:#2d2d2d66;border-bottom-color:#ffffff1a;color:#fff;padding:12px 12px 8px;margin-top:0}.dark .sidebar-media-library-wrapper input,.react-flow.dark .sidebar-media-library-wrapper input,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper input{background:#3c3c3ccc;border-color:#fff3;color:#fff}.dark .sidebar-media-library-wrapper input::-moz-placeholder,.react-flow.dark .sidebar-media-library-wrapper input::-moz-placeholder,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper input::-moz-placeholder{color:#999}.dark .sidebar-media-library-wrapper input::placeholder,.react-flow.dark .sidebar-media-library-wrapper input::placeholder,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper input::placeholder{color:#999}.dark .sidebar-media-library-wrapper button,.react-flow.dark .sidebar-media-library-wrapper button,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper button{background:#3c3c3ccc;border-color:#fff3;color:#fff}.dark .sidebar-media-library-wrapper button:hover,.react-flow.dark .sidebar-media-library-wrapper button:hover,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper button:hover{background:#505050cc;color:#fff}.dark .sidebar-media-library-wrapper .media-library-content,.react-flow.dark .sidebar-media-library-wrapper .media-library-content,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-library-content{background:#1e1e1e1a;color:#fff}.dark .sidebar-media-library-wrapper .media-grid,.react-flow.dark .sidebar-media-library-wrapper .media-grid,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-grid,.dark .sidebar-media-library-wrapper .media-library-content,.react-flow.dark .sidebar-media-library-wrapper .media-library-content,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-library-content{background:#1e1e1e1a}.dark .sidebar-media-library-wrapper .media-item,.react-flow.dark .sidebar-media-library-wrapper .media-item,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-item{border-color:#ffffff1a;background:#2d2d2d4d}.dark .canvas-media-scope .media-item:hover,.react-flow.dark .canvas-media-scope .media-item:hover,.react-flow[data-color-mode=dark] .canvas-media-scope .media-item:hover{border-color:#ff4c81;background:#2d2d2d80}.dark .canvas-media-scope .media-item.selected,.react-flow.dark .canvas-media-scope .media-item.selected,.react-flow[data-color-mode=dark] .canvas-media-scope .media-item.selected{border-color:#ff4c81;box-shadow:0 0 0 2px #ff4c81e6;background:linear-gradient(to right,#fcb03f29,#ff4c8129,#cb3ffc29,#4f8bff29)}.dark .sidebar-media-library-wrapper .empty-state,.react-flow.dark .sidebar-media-library-wrapper .empty-state,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .empty-state{color:#999;background:#1e1e1e1a}.dark .sidebar-media-library-wrapper,.dark .sidebar-media-library-wrapper *,.react-flow.dark .sidebar-media-library-wrapper,.react-flow.dark .sidebar-media-library-wrapper *,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper *{color:#fff}.dark .sidebar-media-library-wrapper *,.react-flow.dark .sidebar-media-library-wrapper *,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper *{background-color:transparent}.dark .sidebar-media-library-wrapper .media-library-panel,.dark .sidebar-media-library-wrapper .media-library-header,.dark .sidebar-media-library-wrapper .media-library-controls,.dark .sidebar-media-library-wrapper .media-library-content,.dark .sidebar-media-library-wrapper .media-grid,.react-flow.dark .sidebar-media-library-wrapper .media-library-panel,.react-flow.dark .sidebar-media-library-wrapper .media-library-header,.react-flow.dark .sidebar-media-library-wrapper .media-library-controls,.react-flow.dark .sidebar-media-library-wrapper .media-library-content,.react-flow.dark .sidebar-media-library-wrapper .media-grid,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-library-panel,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-library-header,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-library-controls,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-library-content,.react-flow[data-color-mode=dark] .sidebar-media-library-wrapper .media-grid{background-color:#1e1e1e1a}.dark .sidebar-header,.react-flow.dark .sidebar-header,.react-flow[data-color-mode=dark] .sidebar-header{background:#2d2d2d99;border-bottom-color:#ffffff1a}.dark .sidebar-header h3,.react-flow.dark .sidebar-header h3,.react-flow[data-color-mode=dark] .sidebar-header h3{color:#fff}.dark .refresh-button,.react-flow.dark .refresh-button,.react-flow[data-color-mode=dark] .refresh-button{color:#ccc}.dark .refresh-button:hover,.react-flow.dark .refresh-button:hover,.react-flow[data-color-mode=dark] .refresh-button:hover{background:#ffffff1a;color:#fff}.dark .empty-state,.react-flow.dark .empty-state,.react-flow[data-color-mode=dark] .empty-state{color:#999}.dark .version-item,.react-flow.dark .version-item,.react-flow[data-color-mode=dark] .version-item{background:#2d2d2d66;border-color:#ffffff1a}.dark .version-item:hover,.react-flow.dark .version-item:hover,.react-flow[data-color-mode=dark] .version-item:hover{background:#ffffff0d;border-color:#fff3}.dark .version-item.selected,.react-flow.dark .version-item.selected,.react-flow[data-color-mode=dark] .version-item.selected{background:linear-gradient(to right,#fcb03f2e,#ff4c812e,#cb3ffc2e,#4f8bff2e);border-color:#4f8bff}.dark .version-thumbnail,.react-flow.dark .version-thumbnail,.react-flow[data-color-mode=dark] .version-thumbnail{background:#3c3c3ccc;border-color:#ffffff1a}.dark .version-thumbnail svg,.react-flow.dark .version-thumbnail svg,.react-flow[data-color-mode=dark] .version-thumbnail svg{color:#666}.dark .version-name,.react-flow.dark .version-name,.react-flow[data-color-mode=dark] .version-name{color:#fff}.dark .version-date,.react-flow.dark .version-date,.react-flow[data-color-mode=dark] .version-date{color:#999}.dark .delete-button,.react-flow.dark .delete-button,.react-flow[data-color-mode=dark] .delete-button{color:#ff6b6b}.dark .delete-button:hover,.react-flow.dark .delete-button:hover,.react-flow[data-color-mode=dark] .delete-button:hover{background:#ff6b6b1a;color:#ff5252}.dark .delete-confirm-dialog,.react-flow.dark .delete-confirm-dialog,.react-flow[data-color-mode=dark] .delete-confirm-dialog{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark .delete-confirm-dialog h4,.react-flow.dark .delete-confirm-dialog h4,.react-flow[data-color-mode=dark] .delete-confirm-dialog h4{color:#fff}.dark .delete-confirm-dialog p,.react-flow.dark .delete-confirm-dialog p,.react-flow[data-color-mode=dark] .delete-confirm-dialog p{color:#ccc}.dark .cancel-button,.react-flow.dark .cancel-button,.react-flow[data-color-mode=dark] .cancel-button{background:#3c3c3ccc;color:#ccc}.dark .cancel-button:hover,.react-flow.dark .cancel-button:hover,.react-flow[data-color-mode=dark] .cancel-button:hover{background:#505050cc}@media (max-width: 768px){.canvas-sidebar{width:280px}.sidebar-header{padding:16px}.sidebar-header h3{font-size:14px}.version-item{padding:10px}.version-thumbnail{width:40px;height:30px;margin-right:10px}.version-name{font-size:13px}.version-date{font-size:11px}}:root{--flowing-light-primary: #e92a67;--flowing-light-secondary: #a853ba;--flowing-light-tertiary: #2a8af6;--flowing-light-duration: 4s}.flowing-light-wrapper{position:relative;width:100%;height:100%;flex:1;box-sizing:border-box}.flowing-light-gradient:before,.react-flow.dark .flowing-light-gradient:before{display:none}.react-flow__node.selected .flowing-light-gradient:before,.react-flow.dark .react-flow__node.selected .flowing-light-gradient:before{display:none}.react-flow__handle{background:#666;border:2px solid #ffffff;width:12px;height:12px;border-radius:50%;opacity:.8;transition:all .3s ease;pointer-events:auto;z-index:5}.react-flow__handle:hover{opacity:1;box-shadow:0 0 5px #6666664d}.react-flow__handle.connecting{animation:none;outline:none}.react-flow__edge-path{stroke:url(#flowing-edge-gradient);stroke-width:2;stroke-opacity:.95;filter:drop-shadow(0 0 3px rgba(233,42,103,.35))}.react-flow__edge.selected .react-flow__edge-path{stroke-width:3;stroke-opacity:1;filter:drop-shadow(0 0 6px rgba(16,185,129,.6));animation:flowing-light-pulse 2s ease-in-out infinite}@keyframes flowing-light-pulse{0%,to{opacity:.8;filter:drop-shadow(0 0 3px rgba(233,42,103,.3))}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(233,42,103,.8))}}.react-flow.dark .react-flow__handle{background:#888;border-color:#fff;box-shadow:0 0 3px #ffffff1a}.react-flow.dark .react-flow__handle:hover{box-shadow:0 0 8px #fff3}.react-flow__connection-path{stroke:url(#flowing-edge-gradient);stroke-width:2;stroke-opacity:.95}.react-flow.dark .react-flow__edge-path{filter:drop-shadow(0 0 4px rgba(233,42,103,.45))}.react-flow.dark .react-flow__edge.selected .react-flow__edge-path{filter:drop-shadow(0 0 8px rgba(233,42,103,.7))}.reactflow-canvas-container{width:100%;height:100%;position:relative;min-height:400px}.reactflow-canvas{width:100%;height:100%;min-height:400px}.reactflow-canvas.fullsize{width:100%;height:100%}.react-flow__node{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.react-flow__node:hover,.react-flow__node.selected{border-color:transparent!important;box-shadow:none!important}.react-flow.dark .react-flow__node,.react-flow.dark .react-flow__node.selected{border:none!important;box-shadow:none!important}.react-flow__controls{background:#ffffffe6;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mlas-minimap{position:fixed!important;top:5rem!important;right:20px!important;bottom:auto!important;left:auto!important}.reactflow-defs{position:absolute}.react-flow__controls-button{background:transparent;border:none;color:#374151;padding:8px;cursor:pointer;transition:all .2s ease;border-radius:4px;margin:2px}.react-flow__controls-button:hover{background:#3b82f61a;color:#3b82f6}.react-flow__controls-button svg{width:20px!important;height:20px!important}.react-flow__node-toolbar{display:inline-flex;width:-moz-max-content;width:max-content;padding:6px 10px;border-radius:16px;gap:6px;position:relative;z-index:10;overflow:visible;background:linear-gradient(135deg,#ffffff1a,#0000001a);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #1f26872e,0 1px 2px #0000000a}.react-flow__node-toolbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);border-radius:inherit;z-index:0}.react-flow__node-toolbar button{width:20px;height:28px;padding:0;border-radius:10px}.react-flow__node-toolbar .edit-toolbar button{width:70px;height:28px;padding:0;border-radius:10px}.react-flow__node-toolbar svg{stroke-width:1}.react-flow__node-toolbar .edit-toolbar input{height:50px;line-height:10px;padding:0 8px;border-radius:8px}.react-flow__node-toolbar .edit-toolbar textarea{min-height:40px!important;line-height:1.4!important;padding:8px 10px!important;border-radius:8px!important;resize:vertical!important}.mlas-node-toolbar{display:inline-flex;width:-moz-max-content;width:max-content;padding:6px 10px;border-radius:16px;gap:6px;position:relative;z-index:10;overflow:visible;background:linear-gradient(135deg,#ffffff0f,#0000000f);border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 12px #1f268724,0 1px 2px #0000000a}.mlas-node-toolbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(8px) saturate(1.3);backdrop-filter:blur(8px) saturate(1.3);border-radius:inherit;z-index:0}.mlas-node-toolbar .edit-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:relative;z-index:1;width:260px}.mlas-node-toolbar .toolbar-edit-input{background:#f0f0f0;border:1px solid #ccc;border-radius:8px;padding:8px 12px;font-size:14px;color:#111;position:relative;z-index:1;cursor:text;pointer-events:auto;width:100%;resize:vertical;min-height:40px;outline:none}.mlas-node-toolbar .toolbar-edit-input::-moz-placeholder{color:#666;opacity:1}.mlas-node-toolbar .toolbar-edit-input::placeholder{color:#666;opacity:1}.mlas-node-toolbar .edit-toolbar-actions{display:flex;gap:8px;justify-content:flex-end;width:100%}.mlas-node-toolbar .toolbar-edit-go{background:#3b82f6;border:none;color:#fff;cursor:pointer}.mlas-node-toolbar .toolbar-edit-cancel{background:#6b7280;border:none;color:#fff;cursor:pointer}.dark .mlas-node-toolbar{background:linear-gradient(135deg,#1e1e1e0f,#0000000f);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d,0 1px 2px #0000001a}.dark .mlas-node-toolbar .toolbar-edit-input{background-color:#2e2e2e;border:1px solid #555;color:#eee}.dark .mlas-node-toolbar .toolbar-edit-input::-moz-placeholder{color:#aaa;opacity:1}.dark .mlas-node-toolbar .toolbar-edit-input::placeholder{color:#aaa;opacity:1}.dark .mlas-node-toolbar .toolbar-edit-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666}.react-flow{background-color:#fff}.react-flow[data-color-mode=dark],.react-flow.dark{background-color:#000!important}.react-flow.dark .react-flow__controls{background:#1e1e1ef2;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.react-flow.dark .react-flow__controls-button{color:#fff}.react-flow.dark .react-flow__controls-button:hover{background:#ffffff1a;color:#fff}.react-flow__controls-button.mode-toggle{position:relative;width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.react-flow__controls-button.mode-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.react-flow__controls-button.mode-toggle:active{transform:translateY(0)}.dark-mode-toggle{position:relative;overflow:hidden}.dark-mode-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.dark-mode-toggle:hover:before{left:100%}.canvas-save-restore-panel{display:none}.spinner{animation:spin 1s linear infinite}.save-button{position:relative;overflow:hidden}.save-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(252,176,63,.2),transparent);transition:left .5s}.save-button:hover:before{left:100%}.restore-button{position:relative;overflow:hidden}.restore-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(203,63,252,.2),transparent);transition:left .5s}.restore-button:hover:before{left:100%}.save-button.save-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.dark .canvas-save-restore-panel,.react-flow.dark .canvas-save-restore-panel,.react-flow[data-color-mode=dark] .canvas-save-restore-panel{background:#1e1e1ed9;border:2px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #0000004d}.dark .save-button,.dark .restore-button,.react-flow.dark .save-button,.react-flow.dark .restore-button,.react-flow[data-color-mode=dark] .save-button,.react-flow[data-color-mode=dark] .restore-button{background-color:#3d3d3d;color:#fff;border-color:#fff3;box-shadow:0 2px 8px #0000004d}.dark .save-button:hover,.dark .restore-button:hover,.react-flow.dark .save-button:hover,.react-flow.dark .restore-button:hover,.react-flow[data-color-mode=dark] .save-button:hover,.react-flow[data-color-mode=dark] .restore-button:hover{background-color:#555;color:#fff;border-color:#ffffff4d;box-shadow:0 4px 12px #0006}@media (max-width: 768px){.react-flow__controls{transform:scale(.9)}.react-flow__controls-button{padding:6px}.canvas-save-restore-panel{top:140px;left:20px;right:20px;transform:none;padding:8px 16px;gap:12px}.save-button,.restore-button{height:2rem;padding:0 1rem;font-size:12px;flex:1}.save-button span,.restore-button span{display:none}.react-flow__controls-button svg{width:16px!important;height:16px!important}}.context-menu{animation:contextMenuSlideIn .2s ease-out;transform-origin:top left}@keyframes contextMenuSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{position:relative;overflow:hidden}.context-menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.context-menu-item:hover:before{left:100%}.react-flow[data-color-mode=dark] .context-menu{background:#141414f2;border-color:#ffffff26;box-shadow:0 8px 32px #00000080}.react-flow[data-color-mode=dark] .context-menu-header{border-bottom-color:#ffffff26}.react-flow[data-color-mode=dark] .context-menu-item:hover{background-color:#ffffff14}.canvas-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.canvas-dialog{background:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 32px #0003;max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.canvas-dialog h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#333}.canvas-dialog p{margin:0 0 16px;color:#666;font-size:14px}.canvas-dialog-input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:20px;transition:border-color .2s,box-shadow .2s}.canvas-dialog-input:focus{outline:none;border-color:#fcb03f;box-shadow:0 0 0 2px #fcb03f33}.canvas-dialog-select{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:20px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.canvas-dialog-select:focus{outline:none;border-color:#fcb03f;box-shadow:0 0 0 2px #fcb03f33}.canvas-dialog-buttons{display:flex;gap:12px;justify-content:flex-end}.canvas-dialog-button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.canvas-dialog-button.cancel{background:#f5f5f5;color:#666}.canvas-dialog-button.cancel:hover{background:#e9e9e9}.canvas-dialog-button.confirm{background:linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc);color:#fff}.canvas-dialog-button.confirm:hover:not(:disabled){filter:brightness(1.05)}.canvas-dialog-button.confirm:disabled{opacity:.5;cursor:not-allowed}.dark .canvas-dialog-overlay,.react-flow.dark .canvas-dialog-overlay,.react-flow[data-color-mode=dark] .canvas-dialog-overlay{background:#000000b3}.dark .canvas-dialog,.react-flow.dark .canvas-dialog,.react-flow[data-color-mode=dark] .canvas-dialog{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark .canvas-dialog h3,.react-flow.dark .canvas-dialog h3,.react-flow[data-color-mode=dark] .canvas-dialog h3{color:#fff}.dark .canvas-dialog p,.react-flow.dark .canvas-dialog p,.react-flow[data-color-mode=dark] .canvas-dialog p{color:#ccc}.dark .canvas-dialog-input,.dark .canvas-dialog-select,.react-flow.dark .canvas-dialog-input,.react-flow.dark .canvas-dialog-select,.react-flow[data-color-mode=dark] .canvas-dialog-input,.react-flow[data-color-mode=dark] .canvas-dialog-select{background:#3d3d3d;border:1px solid rgba(255,255,255,.2);color:#fff}.dark .canvas-dialog-input:focus,.dark .canvas-dialog-select:focus,.react-flow.dark .canvas-dialog-input:focus,.react-flow.dark .canvas-dialog-select:focus,.react-flow[data-color-mode=dark] .canvas-dialog-input:focus,.react-flow[data-color-mode=dark] .canvas-dialog-select:focus{border-color:#fcb03f;box-shadow:0 0 0 2px #fcb03f33}.dark .canvas-dialog-button.cancel,.react-flow.dark .canvas-dialog-button.cancel,.react-flow[data-color-mode=dark] .canvas-dialog-button.cancel{background:#3d3d3d;color:#ccc}.dark .canvas-dialog-button.cancel:hover,.react-flow.dark .canvas-dialog-button.cancel:hover,.react-flow[data-color-mode=dark] .canvas-dialog-button.cancel:hover{background:#555}.react-flow__attribution,a[href*="reactflow.dev"],a[aria-label*="React Flow"],.react-flow__attribution a{display:none!important}.react-flow__controls{position:fixed;bottom:24px;left:calc(50% + min(600px,(100% - 32px) / 2) + 24px);z-index:1000}.react-flow .react-flow__controls{position:fixed;bottom:24px;left:calc(50% + min(600px,(100% - 32px) / 2) + 24px);right:auto}.react-flow__controls .react-flow__controls-button{margin:2px!important}.dark .react-flow__controls,.react-flow.dark .react-flow__controls,.react-flow[data-color-mode=dark] .react-flow__controls{position:fixed;bottom:24px;left:calc(50% + min(600px,(100% - 32px) / 2) + 24px)}body.canvas-sidebar-open .react-flow__controls{left:calc(50% + (var(--sidebar-width, 260px) / 2) + min(600px,(100% - 32px - var(--sidebar-width, 260px)) / 2) + 24px)}body.canvas-sidebar-open .react-flow .react-flow__controls{position:fixed;bottom:24px;left:calc(50% + (var(--sidebar-width, 260px) / 2) + min(600px,(100% - 32px - var(--sidebar-width, 260px)) / 2) + 24px);right:auto}.prompt-bar-wrapper{position:fixed;left:50%;bottom:24px;transform:translate(-50%);width:min(1200px,calc(100% - 32px));max-width:1200px;z-index:10;pointer-events:none;background:#fff;border:.5px solid #e8e8e8;padding:8px;border-radius:16px;box-shadow:0 4px 16px #0000001a}body.canvas-sidebar-open .prompt-bar-wrapper{left:calc(50% + (var(--sidebar-width, 260px) / 2));transform:translate(-50%);width:min(1200px,calc(100% - 32px - var(--sidebar-width, 260px)));max-width:1200px}.prompt-bar{pointer-events:all;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-height:150px;padding:16px;transition:background-color .2s,border-color .2s,box-shadow .2s}.prompt-bar-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.prompt-bar textarea.prompt-input{width:100%;background:#fff;border:none;border-radius:12px;color:#000;font-size:14px;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;outline:none;padding:10px 0;height:48px;min-width:60px;overflow-y:auto;resize:none;box-sizing:border-box}.prompt-bar textarea.prompt-input::-moz-placeholder{color:#888}.prompt-bar textarea.prompt-input::placeholder{color:#888}.prompt-bar-button{background-color:transparent;border:none;border-radius:10px;color:#555;cursor:pointer;height:40px;width:40px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.prompt-bar-button svg{width:20px;height:20px}.prompt-bar-button:hover:not(:disabled){background-color:#f0f0f0}.prompt-bar-button:disabled{opacity:.5;cursor:not-allowed}.prompt-bar-button.run-button{color:#fff;width:auto;font-weight:600;font-size:14px;background:linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc)}.prompt-bar-button.run-button:hover:not(:disabled){filter:brightness(1.05)}.prompt-generate-button-group{position:relative;display:flex;margin-left:auto;align-self:center}.prompt-bar-button.run-button.main-action{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:24px;padding-right:12px}.prompt-bar-button.run-button.dropdown-trigger{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:8px;padding-right:8px;border-left:.5px solid rgba(255,255,255,.4);width:auto}.prompt-dropdown-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:.5px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1003;display:flex;flex-direction:column;width:-moz-max-content;width:max-content;min-width:160px;overflow:hidden;padding:4px 0}.prompt-dropdown-menu button{background:none;border:none;text-align:left;padding:10px 16px;cursor:pointer;font-size:14px;color:#333;width:100%}.prompt-dropdown-menu button:hover{background-color:#f0f0f0}.prompt-action-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;background:#fff;border:.5px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1003;display:flex;flex-direction:column;width:-moz-max-content;width:max-content;min-width:160px;overflow:hidden;padding:4px 0}.prompt-action-dropdown button{background:none;border:none;text-align:left;padding:10px 16px;cursor:pointer;font-size:14px;color:#333;width:100%}.prompt-action-dropdown button:hover{background-color:#f0f0f0}.model-selector{position:relative;flex-shrink:0;z-index:1002;order:-90}.model-button{width:auto!important;padding:0 12px!important;gap:6px;background-color:#f5f5f5;color:#333;font-weight:500}.model-button span{font-size:14px}.model-button svg{width:14px!important;height:14px!important;transition:transform .2s}.model-button[aria-expanded=true] svg{transform:rotate(180deg)}.model-button:hover:not(:disabled){background-color:#e9e9e9}.model-dropdown-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:.5px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1002;display:flex;flex-direction:column;width:-moz-max-content;width:max-content;min-width:350px;overflow:hidden;padding:4px 0}.model-dropdown-menu button{background:none;border:none;text-align:left;padding:10px;cursor:pointer;font-size:14px;color:#333;width:100%;border-radius:6px;margin:2px 4px;transition:background-color .2s ease;display:flex;align-items:flex-start;gap:8px}.model-dropdown-menu .model-icon{width:16px;height:16px;flex-shrink:0}.model-dropdown-menu .model-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;flex:1;text-align:left}.model-dropdown-menu .model-name{font-size:14px;font-weight:500;color:#333;line-height:1.2;text-align:left;width:100%;margin:0;padding:0}.model-dropdown-menu .model-description{font-size:12px;color:#666;line-height:1.2;text-align:left;width:100%;margin:0;padding:0}.model-dropdown-menu button:hover{background-color:#f0f0f0}.image-count-selector{position:relative;flex-shrink:0}.image-count-button{width:auto!important;padding:0 12px!important;gap:6px;background-color:#f5f5f5;color:#333;font-weight:500}.image-count-button span{font-size:14px}.image-count-button svg{width:14px!important;height:14px!important;transition:transform .2s}.image-count-button[aria-expanded=true] svg{transform:rotate(180deg)}.image-count-button:hover:not(:disabled){background-color:#e9e9e9}.aspect-ratio-selector{position:relative;flex-shrink:0}.aspect-ratio-button{width:auto!important;padding:0 12px!important;gap:6px;background-color:#f5f5f5;color:#333;font-weight:500}.aspect-ratio-button span{font-size:14px}.aspect-ratio-button svg{width:14px!important;height:14px!important;transition:transform .2s}.aspect-ratio-button[aria-expanded=true] svg{transform:rotate(180deg)}.aspect-ratio-button:hover:not(:disabled){background-color:#e9e9e9}.resolution-selector{position:relative;flex-shrink:0}.resolution-button{width:auto!important;padding:0 12px!important;gap:6px;background-color:#f5f5f5;color:#333;font-weight:500}.resolution-button span{font-size:14px}.resolution-button svg{width:14px!important;height:14px!important;transition:transform .2s}.resolution-button[aria-expanded=true] svg{transform:rotate(180deg)}.resolution-button:hover:not(:disabled){background-color:#e9e9e9}.image-count-dropdown-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:.5px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1002;display:flex;flex-direction:column;width:-moz-max-content;width:max-content;min-width:120px;overflow:hidden;padding:4px 0}.resolution-dropdown-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:.5px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1002;display:flex;flex-direction:column;width:-moz-max-content;width:max-content;min-width:140px;overflow:hidden;padding:4px 0}.aspect-ratio-dropdown-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:.5px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1002;display:flex;flex-direction:column;width:-moz-max-content;width:max-content;min-width:150px;overflow:hidden;padding:4px 0}.video-resolution-dropdown-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:.5px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1002;display:flex;flex-direction:column;width:-moz-max-content;width:max-content;min-width:120px;overflow:hidden;padding:4px 0}.video-duration-dropdown-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:.5px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1002;display:flex;flex-direction:column;width:-moz-max-content;width:max-content;min-width:100px;overflow:hidden;padding:4px 0}.seedream-resolution-dropdown-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:.5px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1002;display:flex;flex-direction:column;width:-moz-max-content;width:max-content;min-width:80px;overflow:hidden;padding:4px 0}.dimension-selector-panel{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:.5px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 16px #0000001a;z-index:1002;padding:16px;min-width:300px;max-width:300px}.dimension-selector-title{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;text-align:center}.aspect-ratio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.aspect-ratio-option{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border:1px solid #e8e8e8;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;min-height:45px;justify-content:center}.aspect-ratio-option:hover{background:#f0f0f0;border-color:#d0d0d0}.aspect-ratio-option.selected{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.aspect-ratio-icon{width:16px;height:16px;border:1px solid currentColor;border-radius:2px;margin-bottom:3px}.aspect-ratio-text{font-size:11px;font-weight:500;text-align:center}.dimension-inputs{display:flex;align-items:center;gap:12px}.dimension-input-group{display:flex;flex-direction:column;gap:4px;flex:1}.dimension-input-label{font-size:12px;font-weight:500;color:#666;text-align:center}.dimension-input{width:100%;padding:8px 12px;border:1px solid #e8e8e8;border-radius:6px;background:#fff;color:#333;font-size:14px;text-align:center;outline:none;transition:all .2s}.prompt-bar .dimension-input[type=number]::-webkit-outer-spin-button,.prompt-bar .dimension-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.prompt-bar .dimension-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.dimension-input:focus{border-color:#8b5cf6;background:#fff}.dimension-link{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#8b5cf6;cursor:pointer;transition:color .2s}.dimension-link:hover{color:#7c3aed}.dimension-link.linked{color:#8b5cf6}.dimension-link.unlinked{color:#999}.aspect-ratio-option[data-ratio="9:16"] .aspect-ratio-icon{width:9px;height:16px}.aspect-ratio-option[data-ratio="2:3"] .aspect-ratio-icon{width:11px;height:16px}.aspect-ratio-option[data-ratio="3:4"] .aspect-ratio-icon{width:12px;height:16px}.aspect-ratio-option[data-ratio="4:5"] .aspect-ratio-icon{width:13px;height:16px}.aspect-ratio-option[data-ratio="1:1"] .aspect-ratio-icon{width:16px;height:16px}.aspect-ratio-option[data-ratio="5:4"] .aspect-ratio-icon{width:16px;height:13px}.aspect-ratio-option[data-ratio="4:3"] .aspect-ratio-icon{width:16px;height:12px}.aspect-ratio-option[data-ratio="3:2"] .aspect-ratio-icon{width:16px;height:11px}.aspect-ratio-option[data-ratio="16:9"] .aspect-ratio-icon{width:16px;height:9px}.aspect-ratio-option[data-ratio="21:9"] .aspect-ratio-icon{width:16px;height:7px}.prompt-image-preview{position:relative;width:40px;height:40px;flex-shrink:0}.prompt-image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:999px}.prompt-image-preview-close{position:absolute;top:-4px;right:-4px;background:#fff;color:#333;border:.5px solid #ddd;box-shadow:0 1px 3px #0000001a;border-radius:50%;width:20px;height:20px;font-size:14px;line-height:18px;text-align:center;cursor:pointer;padding:0}.imagen-params-panel{position:fixed;left:50%;bottom:80px;transform:translate(-50%);background:#fffffff2;border:1px solid #e8e8e8;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;max-width:600px;pointer-events:all;z-index:1001}.params-title{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;text-align:center}.params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}.param-group{display:flex;flex-direction:column;gap:6px}.param-group label{font-size:12px;font-weight:500;color:#666;margin:0}.param-group select{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px;color:#333;cursor:pointer;transition:border-color .2s,box-shadow .2s}.param-group select:hover{border-color:#bbb}.param-group select:focus{outline:none;border-color:#fcb03f;box-shadow:0 0 0 2px #fcb03f33}.param-group select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.react-flow[data-color-mode=dark] .imagen-params-panel{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.react-flow[data-color-mode=dark] .params-title{color:#fff}.react-flow[data-color-mode=dark] .param-group label{color:#ccc}.react-flow[data-color-mode=dark] .param-group select{background:#3d3d3d;border:1px solid rgba(255,255,255,.2);color:#fff}.react-flow[data-color-mode=dark] .param-group select:hover{border-color:#ffffff4d}.react-flow[data-color-mode=dark] .param-group select:focus{border-color:#fcb03f;box-shadow:0 0 0 2px #fcb03f33}.react-flow[data-color-mode=dark] .param-group select:disabled{background:#2d2d2d;color:#666}.prompt-controls{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;width:100%;justify-content:center}.prompt-image-uploads{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%;flex-wrap:wrap;box-sizing:border-box}.image-upload-slot{width:60px;height:60px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;flex-shrink:0}.prompt-image-uploads .upload-button{width:100%;height:100%;border:none;background:transparent!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#ffffffb3;font-size:10px}.prompt-image-uploads .upload-button .plus-icon{font-size:18px;font-weight:300;line-height:1}.prompt-image-uploads .upload-button .button-text{font-size:8px;font-weight:400;line-height:1}.prompt-image-uploads .upload-button:hover{background:transparent!important;color:#ffffffb3!important;transform:none!important}.image-preview{position:relative;width:100%;height:100%;border-radius:6px}.image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.remove-button{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc);color:#fff;border:none;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;line-height:1;font-weight:700;z-index:10}.dark .image-upload-slot,.react-flow.dark .image-upload-slot,.react-flow[data-color-mode=dark] .image-upload-slot{border:none;background:#ffffff0d}.dark .prompt-image-uploads .upload-button,.react-flow.dark .prompt-image-uploads .upload-button,.react-flow[data-color-mode=dark] .prompt-image-uploads .upload-button{color:#ffffffb3}.context-menu{position:fixed;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 8px 32px #00000026;padding:6px 0;min-width:180px;max-width:220px;animation:contextMenuSlideIn .2s ease-out}.context-menu-header{padding:6px 12px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:4px}.context-menu-header span{color:#333;font-size:13px;font-weight:600}.context-menu-item{padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;color:#333}.context-menu-item:hover{background:linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc);color:#fff}.context-menu-item:hover .title{color:#fff}.context-menu-item:hover .description{color:#fffc}.context-menu-item:hover .icon{color:#fff}.context-menu-item .icon{font-size:16px;display:flex;align-items:center;justify-content:center;color:#666}.context-menu-item .content{flex:1}.context-menu-item .title{font-size:13px;font-weight:500;color:#333}.context-menu-item .description{font-size:11px;color:#0009;line-height:1.3}.dark .context-menu,.react-flow.dark .context-menu,.react-flow[data-color-mode=dark] .context-menu{background:#1e1e1ef2!important;border-color:#ffffff1a!important;box-shadow:0 8px 32px #0000004d!important}.dark .context-menu-header,.react-flow.dark .context-menu-header,.react-flow[data-color-mode=dark] .context-menu-header{border-bottom-color:#ffffff1a!important}.dark .context-menu-header span,.react-flow.dark .context-menu-header span,.react-flow[data-color-mode=dark] .context-menu-header span,.dark .context-menu-item,.react-flow.dark .context-menu-item,.react-flow[data-color-mode=dark] .context-menu-item{color:#fff!important}.dark .context-menu-item:hover,.react-flow.dark .context-menu-item:hover,.react-flow[data-color-mode=dark] .context-menu-item:hover{background:linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc)!important;color:#fff!important}.dark .context-menu-item:hover .title,.react-flow.dark .context-menu-item:hover .title,.react-flow[data-color-mode=dark] .context-menu-item:hover .title{color:#fff!important}.dark .context-menu-item:hover .description,.react-flow.dark .context-menu-item:hover .description,.react-flow[data-color-mode=dark] .context-menu-item:hover .description{color:#fffc!important}.dark .context-menu-item:hover .icon,.react-flow.dark .context-menu-item:hover .icon,.react-flow[data-color-mode=dark] .context-menu-item:hover .icon{color:#fff!important}.dark .context-menu-item .icon,.react-flow.dark .context-menu-item .icon,.react-flow[data-color-mode=dark] .context-menu-item .icon{color:#ccc!important}.dark .context-menu-item .title,.react-flow.dark .context-menu-item .title,.react-flow[data-color-mode=dark] .context-menu-item .title{color:#fff!important}.dark .context-menu-item .description,.react-flow.dark .context-menu-item .description,.react-flow[data-color-mode=dark] .context-menu-item .description{color:#fff9!important}@keyframes contextMenuSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.context-menu{min-width:160px;max-width:200px}.context-menu-item{padding:6px 10px;gap:8px}.context-menu-item .title{font-size:12px}.context-menu-item .description{font-size:10px}}.placeholder-node{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:200px;min-height:200px;max-width:300px;max-height:250px;color:#666;background-color:#f0f0f0;border:2px dashed #d1d5db;border-radius:8px;font-size:.75rem;padding:1rem;box-sizing:border-box;text-align:center;word-wrap:break-word;transition:box-shadow .2s ease,border-color .2s ease}.placeholder-node:hover{box-shadow:0 4px 12px #00000026;border-color:#9ca3af}.placeholder-node .spinner{width:24px;height:24px;border:2px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px;flex-shrink:0}.react-flow.dark .placeholder-node{color:#9ca3af;background-color:#2a2a2a;border-color:#4a4a4a}.react-flow.dark .placeholder-node .spinner{border-color:#4a4a4a;border-top-color:#3498db}.react-flow.dark .placeholder-node:hover{box-shadow:0 0 15px #fcb03f80,0 0 30px #ff4c814d,0 0 45px #cb3ffc1a,0 4px 12px #0009;border:2px dashed transparent;background:linear-gradient(#1f2937,#1f2937) padding-box,linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc) border-box}@media (max-width: 768px){.placeholder-node{min-width:150px;min-height:150px;max-width:250px;max-height:200px;font-size:.75rem;padding:.75rem}.placeholder-node .spinner{width:20px;height:20px;margin-bottom:6px}}.image-node{border:none;border-radius:8px;background-color:#1e1e1e;color:#e5e7eb;box-shadow:0 4px 12px #0006;transition:box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;overflow:visible!important;position:relative}.image-node:hover{box-shadow:0 8px 24px #0009}.image-node.selected{box-shadow:0 0 0 2px #3b82f6,0 8px 24px #3b82f64d}.image-node .image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;position:relative;z-index:1}.upload-status-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px}.upload-status-overlay .spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.upload-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.upload-error-content svg{color:#ff6b6b}.retry-button{background-color:#3b82f6;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#2563eb}.image-node .custom-node-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block}.image-node .react-flow__handle{width:10px!important;height:10px!important;transition:background-color .2s ease}.loading-placeholder,.error-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:8px;font-size:12px}.loading-placeholder{background:#f0f0f0;color:#666}.loading-placeholder .spinner{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.error-placeholder{background:#ffe6e6;color:#d32f2f}.image-dimensions{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:10px;color:#666;background:#ffffffe6;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:3}.react-flow.dark .image-node{background-color:#2a2a2a}.react-flow.dark .image-node:hover{box-shadow:0 0 20px #fcb03f99,0 0 40px #ff4c8166,0 0 60px #cb3ffc33,0 8px 24px #000c;border:1px solid transparent;background:linear-gradient(#2a2a2a,#2a2a2a) padding-box,linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc) border-box}.react-flow.dark .loading-placeholder{background:#333;color:#ccc}.react-flow.dark .error-placeholder{background:#4a1a1a;color:#ff6b6b}.react-flow.dark .image-dimensions{background:#1e1e1ee6;color:#ccc}.react-flow.dark .upload-status-overlay{background-color:#000000b3}.react-flow__node-toolbar{display:flex;gap:8px;padding:8px;background:#282828d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 16px #0000004d;border:1px solid rgba(255,255,255,.1)}.react-flow__node-toolbar button{background:transparent;border:none;padding:0;cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.react-flow__node-toolbar button:hover{transform:scale(1.1)}.react-flow__node-toolbar button[data-label]:after{content:attr(data-label);position:absolute;top:-35px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:1000}.react-flow:not(.dark) .react-flow__node-toolbar button[data-label]:after{background:#fffffff2;color:#333;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #00000026}.react-flow__node-toolbar button[data-label]:hover:after{opacity:1;visibility:visible}.react-flow__node-toolbar button svg{width:20px;height:20px}.edit-toolbar{display:flex;align-items:center;gap:8px}.toolbar-edit-input{background-color:#2e2e2e;border:1px solid #555;border-radius:6px;padding:6px 10px;font-size:13px;outline:none;color:#eee;width:150px}.toolbar-edit-go,.toolbar-edit-cancel{padding:6px 12px;font-size:13px;border-radius:6px;color:#fff;border:none;cursor:pointer}.toolbar-edit-go{background:#3b82f6}.toolbar-edit-cancel{background:#6b7280}.video-node{border:1px solid #4B5563;border-radius:8px;background-color:#1e1e1e;color:#e5e7eb;box-shadow:0 4px 12px #0006;transition:box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;overflow:visible!important}.video-node:hover{box-shadow:0 8px 24px #0009;border-color:#6b7280}.video-node.selected{box-shadow:0 0 0 2px #3b82f6,0 8px 24px #3b82f64d;border-color:#3b82f6}.video-node .video-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;position:relative;z-index:1}.video-node .custom-node-video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block}.video-node .react-flow__handle{width:10px!important;height:10px!important;transition:background-color .2s ease}.video-node .handle-label{position:absolute;background:#444;padding:2px 6px;border-radius:4px;font-size:10px;color:#ccc;pointer-events:none;z-index:9}.video-node .handle-label.left{left:-5px;transform:translate(-100%,-50%);top:50%}.video-node .handle-label.right{right:-5px;transform:translate(100%,-50%);top:50%}.react-flow.dark .video-node{background-color:#2a2a2a}.react-flow.dark .video-node:hover{box-shadow:0 0 20px #fcb03f99,0 0 40px #ff4c8166,0 0 60px #cb3ffc33,0 8px 24px #000c;border:1px solid transparent;background:linear-gradient(#2a2a2a,#2a2a2a) padding-box,linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc) border-box}.custom-resize-handle{position:absolute;right:5px;bottom:5px;width:20px;height:20px;background:transparent;border:none;cursor:nw-resize;z-index:10;display:flex;align-items:center;justify-content:center}.custom-resize-handle:hover{opacity:.8}.custom-resize-handle svg{width:100%;height:100%}.react-flow__node-resizer{border-radius:0;border:none}.react-flow__resize-control.handle{background-color:transparent;border-color:transparent;border-radius:0;width:20px;height:20px}.react-flow.dark .custom-resize-handle{background:transparent;border:none}.react-flow.dark .custom-resize-handle:hover{opacity:.8}.multi-image-node-toolbar{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:visible;z-index:1001;opacity:0;transform:translate(-50%) translateY(-10px);transition:all .3s ease;pointer-events:none;min-width:400px;max-width:600px}.multi-image-node.selected .multi-image-node-toolbar{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.toolbar-input-section{padding:8px;border-bottom:1px solid rgba(0,0,0,.1)}.toolbar-input{display:flex;min-height:60px;width:100%;border-radius:6px;border:1px solid #e2e8f0;background:transparent;font-size:14px;resize:none;padding:12px;color:#1f2937;outline:none;transition:all .2s ease;font-family:inherit;line-height:1.5}.toolbar-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.toolbar-input:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.toolbar-input::-moz-placeholder{color:#9ca3af}.toolbar-input::placeholder{color:#9ca3af}.toolbar-input::-webkit-scrollbar{display:none}.toolbar-input{-ms-overflow-style:none;scrollbar-width:none}.toolbar-actions{padding:4px 8px}.toolbar-content{display:flex;align-items:center;justify-content:flex-end;height:40px}.toolbar-right{display:flex;align-items:center;gap:4px}.generate-button{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc);color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.generate-button:disabled{opacity:.6;cursor:not-allowed;background:#9ca3af}.generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.generate-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.generate-icon.loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{position:absolute;top:100%;left:0;right:0;background:#fee2e2;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:12px;margin-top:4px;border:1px solid #fecaca;z-index:1003}.toolbar-hint{padding:4px 8px;font-size:11px;color:#6b7280;text-align:center;border-top:1px solid rgba(0,0,0,.05);background:#00000005}.react-flow.dark .multi-image-node-toolbar{background:#1e1e1ef2;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.react-flow.dark .toolbar-input{background:#ffffff0d;border-color:#ffffff1a;color:#e5e7eb}.react-flow.dark .toolbar-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.react-flow.dark .toolbar-input:disabled{background:#ffffff05}.react-flow.dark .toolbar-input::-moz-placeholder{color:#9ca3af}.react-flow.dark .toolbar-input::placeholder{color:#9ca3af}.react-flow.dark .toolbar-hint{color:#9ca3af;border-top-color:#ffffff0d;background:#ffffff05}.react-flow.dark .error-message{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}@media (max-width: 768px){.multi-image-node-toolbar{min-width:300px;max-width:90vw}.toolbar-input{min-height:50px;font-size:13px}.toolbar-hint{font-size:10px}}@keyframes toolbarSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.multi-image-node-toolbar{animation:toolbarSlideIn .3s ease}.file-size-hint{font-size:12px;color:#666;margin-top:4px;text-align:center;opacity:.8}.react-flow.dark .file-size-hint{color:#9ca3af}.multi-image-node{min-width:300px!important;min-height:180px!important;aspect-ratio:3/2!important;background:#fff;border-radius:12px!important;box-shadow:0 4px 12px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:visible!important;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;display:flex;flex-direction:column;position:relative}.react-flow.dark .multi-image-node{background:#2a2a2a}.multi-image-node:hover{box-shadow:0 8px 24px #00000026}.multi-image-node.selected{border:2px solid #3b82f6!important;box-shadow:0 8px 24px #3b82f64d}.multi-image-node .custom-node-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fcb03fd9,#ff4c81d9,#cb3ffcd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.3);border-radius:12px 12px 0 0!important;color:#fff}.react-flow.dark .multi-image-node .custom-node-header{background:linear-gradient(135deg,#fcb03fe6,#ff4c81e6,#cb3ffce6);border-bottom-color:#5555554d}.multi-image-node .multi-image-node-title{display:flex;align-items:center;gap:8px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.multi-image-node .multi-image-icon svg{stroke:currentColor}.multi-image-node .custom-node-content-wrapper{position:relative;padding:12px 20px;min-height:40px;flex:1;display:flex;flex-direction:column;box-sizing:border-box;border-radius:0 0 12px 12px!important;overflow:hidden}.multi-image-node .handle-labels{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.multi-image-node .handle-label-item{position:absolute;font-size:12px;color:#999;font-weight:400;text-align:left;transform:translateY(-50%);pointer-events:none}.multi-image-node .multi-image-placeholder{position:relative;width:100%;height:100%;display:flex}.multi-image-node .placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;width:100%;height:100%;position:relative}.multi-image-node .react-flow__handle{width:10px!important;height:10px!important;z-index:10!important}.multi-image-node .handle-label{position:absolute;padding:2px 6px;border-radius:4px;font-size:10px;color:#555;pointer-events:none;z-index:9}.multi-image-node .handle-label.left{left:-5px;transform:translate(-100%,-50%)}.multi-image-node .handle-label.right{right:20px;transform:translateY(-50%)}.react-flow.dark .multi-image-node .handle-label{color:#ccc}.react-flow.dark .multi-image-node .handle-label-item{color:#aaa}.react-flow.dark .multi-image-node:hover{box-shadow:0 0 20px #fcb03f99,0 0 40px #ff4c8166,0 0 60px #cb3ffc33,0 8px 24px #000c;border:1px solid transparent;background:linear-gradient(#2a2a2a,#2a2a2a) padding-box,linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc) border-box}.image-stitch-node{min-width:300px!important;min-height:200px!important;background:#fff;border-radius:12px!important;box-shadow:0 4px 12px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:visible!important;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;display:flex;flex-direction:column;position:relative}.react-flow.dark .image-stitch-node{background:#2a2a2a}.image-stitch-node:hover{box-shadow:0 8px 24px #00000026}.image-stitch-node.selected{border:2px solid #3b82f6!important;box-shadow:0 8px 24px #3b82f64d}.image-stitch-node .custom-node-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fcb03fd9,#ff4c81d9,#cb3ffcd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.3);border-radius:12px 12px 0 0!important;color:#fff}.react-flow.dark .image-stitch-node .custom-node-header{background:linear-gradient(135deg,#fcb03fe6,#ff4c81e6,#cb3ffce6);border-bottom-color:#5555554d}.image-stitch-node .image-stitch-node-title{display:flex;align-items:center;gap:8px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.image-stitch-node .image-stitch-icon svg{stroke:currentColor}.image-stitch-node .custom-node-content-wrapper{padding:0;min-height:80px;flex:1;display:flex;flex-direction:column;box-sizing:border-box;border-radius:0 0 12px 12px!important;overflow:hidden;position:relative}.image-stitch-node .image-stitch-placeholder{position:relative;width:100%;height:100%;display:flex}.image-stitch-node .custom-node-content-wrapper{position:relative;padding:16px 20px 80px 0}.image-stitch-node .handle-labels{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.image-stitch-node .handle-label-item{position:absolute;font-size:12px;color:#999;font-weight:400;text-align:left;transform:translateY(-50%);pointer-events:none}.image-stitch-node .max-size-controls{display:flex;flex-direction:column;width:100%;margin-top:120px;margin-bottom:20px}.image-stitch-node .stitch-controls{display:flex;flex-direction:column;gap:20px;width:100%}.image-stitch-node .control-row{display:flex;align-items:center;width:100%;padding:12px 0;gap:12px;border-radius:4px;margin-bottom:16px;position:relative;z-index:25}.image-stitch-node .control-label{font-size:12px;color:#ccc;font-weight:500;white-space:nowrap;flex-shrink:0;margin-left:20px}.image-stitch-node .control-input-group{display:flex;align-items:center;flex:1;justify-content:flex-end;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;overflow:hidden}.image-stitch-node .control-btn{width:24px;height:20px;border:none;background:transparent;color:#ccc;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-right:1px solid rgba(255,255,255,.1)}.image-stitch-node .control-btn.plus{border-right:none;border-left:1px solid rgba(255,255,255,.1)}.image-stitch-node .control-btn:hover{background:#ffffff1a;color:#fff}.image-stitch-node .control-btn:active{background:#ffffff26}.image-stitch-node .control-input{flex:1;height:20px;padding:0 8px;border:none;background:transparent;color:#fff;font-size:11px;text-align:center;transition:all .2s ease;min-width:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.image-stitch-node .control-input::-webkit-outer-spin-button,.image-stitch-node .control-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.image-stitch-node .control-input:focus{outline:none;border-color:#3b82f699;background:#ffffff14}.image-stitch-node .control-input::-moz-placeholder{color:#fff6}.image-stitch-node .control-input::placeholder{color:#fff6}.image-stitch-node .generate-button{background:linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc);color:#fff;border:none;border-radius:10px;height:36px;padding:0;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px #00000026;transition:none;outline:none;line-height:1;white-space:nowrap;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:absolute;bottom:25px;left:20px;right:20px;width:auto;z-index:20}.image-stitch-node .generate-button:hover,.image-stitch-node .generate-button:active{filter:none;transform:none;box-shadow:0 6px 16px #00000026;outline:none}.image-stitch-node .react-flow__handle{width:10px!important;height:10px!important;z-index:10!important}.image-stitch-node .handle-label{position:absolute;padding:2px 6px;border-radius:4px;font-size:10px;color:#555;pointer-events:none;z-index:9}.image-stitch-node .handle-label.left{left:-5px;transform:translate(-100%,-50%)}.image-stitch-node .handle-label.right{right:20px;transform:translateY(-50%)}.react-flow.dark .image-stitch-node .handle-label{color:#ccc}.react-flow.dark .image-stitch-node .control-label{color:#ddd}.react-flow.dark .image-stitch-node .control-btn{background:#ffffff14;border-color:#ffffff26;color:#ddd}.react-flow.dark .image-stitch-node .control-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff}.react-flow.dark .image-stitch-node .control-input{background:#ffffff14;border-color:#ffffff26;color:#fff}.react-flow.dark .image-stitch-node .control-input:focus{background:#ffffff1f;border-color:#3b82f6b3}.react-flow.dark .image-stitch-node .handle-label-item{color:#aaa}.react-flow.dark .image-stitch-node:hover{box-shadow:0 0 20px #fcb03f99,0 0 40px #ff4c8166,0 0 60px #cb3ffc33,0 8px 24px #000c;border:1px solid transparent;background:linear-gradient(#2a2a2a,#2a2a2a) padding-box,linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc) border-box}.text-node-toolbar{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:visible;z-index:10000;opacity:0;transform:translate(-50%) translateY(-10px);transition:all .3s ease;pointer-events:none;min-width:400px;max-width:600px;animation:text-node-toolbar-slide-in .3s ease}.text-node.selected .text-node-toolbar{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.text-node-toolbar-input-section{padding:8px;border-bottom:1px solid rgba(0,0,0,.1)}.text-node-toolbar-input{display:flex;min-height:60px;width:100%;border-radius:6px;border:1px solid #e2e8f0;background:transparent;font-size:14px;resize:none;padding:12px;color:#1f2937;outline:none;transition:all .2s ease;font-family:inherit;line-height:1.5;-ms-overflow-style:none;scrollbar-width:none}.text-node-toolbar-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.text-node-toolbar-input::-moz-placeholder{color:#9ca3af}.text-node-toolbar-input::placeholder{color:#9ca3af}.text-node-toolbar-input::-webkit-scrollbar{display:none}.text-node-toolbar-actions{padding:4px 8px}.text-node-toolbar-content{display:flex;align-items:center;justify-content:space-between;height:40px}.text-node-toolbar-left{display:flex;align-items:center;gap:4px}.text-node-model-selector-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:6px;font-size:14px;transition:all .2s ease;background:transparent;border:none;cursor:pointer;color:#525661;padding:8px 16px;font-weight:500;gap:6px}.text-node-model-selector-button:hover{background:#0000000d;color:#1f2937}.text-node-model-selector-button:focus-visible{outline:none;box-shadow:0 0 0 1px #3b82f6}.text-node-model-icon{width:16px;height:16px;flex-shrink:0;pointer-events:none}.text-node-model-name{white-space:nowrap;text-transform:capitalize;font-weight:500;margin-left:4px}.text-node-model-arrow{width:12px;height:12px;opacity:.5;margin-left:4px}.text-node-toolbar-right{display:flex;align-items:center;gap:4px}.text-node-generate-button{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc);color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.text-node-generate-button:disabled{opacity:.6;cursor:not-allowed}.text-node-generate-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.text-node-generate-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.text-node-generate-icon.loading{animation:text-node-spin 1s linear infinite}.text-node-error-message{position:absolute;top:100%;left:0;right:0;background:#fee2e2;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:12px;margin-top:4px;border:1px solid #fecaca;z-index:10002}.text-node-model-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px #00000026;padding:8px;min-width:320px;max-width:400px;z-index:1002;animation:text-node-popup-slide-in .2s ease;overflow:hidden}.text-node-model-menu-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:4px;background:#fff;border:1px solid #e2e8f0;z-index:1}.text-node-model-menu-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;z-index:2}.text-node-model-menu-item:hover .text-node-model-item-icon{transform:scale(1.05)}.text-node-model-menu-item:hover .text-node-model-item-name{color:#1f2937;font-weight:600}.text-node-model-menu-item:hover .text-node-model-tag{background:#00000026;color:#4b5563}.text-node-model-menu-item.active{background:linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc);color:#fff;border-color:transparent;z-index:3}.text-node-model-item-content{display:flex;align-items:flex-start;gap:12px;width:100%}.text-node-model-item-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px;transition:transform .2s ease}.text-node-model-item-details{flex:1;min-width:0}.text-node-model-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.text-node-model-item-name{font-size:14px;font-weight:600;color:#1f2937;text-transform:capitalize;margin:0;transition:color .2s ease,font-weight .2s ease}.text-node-model-menu-item.active .text-node-model-item-name{color:#fff}.text-node-model-tag{font-size:11px;padding:3px 8px;border-radius:12px;background:#0000001a;color:#6b7280;font-weight:500;margin-right:4px;transition:background-color .2s ease,color .2s ease}.text-node-model-menu-item.active .text-node-model-tag{background:#ffffff4d;color:#fff}.text-node-model-item-description{font-size:12px;color:#6b7280;margin:0;line-height:1.4}.text-node-model-menu-item.active .text-node-model-item-description{color:#ffffffe6}.canvas-page.dark .text-node-toolbar{background:#1e1e1ef2;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.canvas-page.dark .text-node-model-dropdown{background:#2d2d2d;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.canvas-page.dark .text-node-model-dropdown .text-node-model-menu-item{background:#2d2d2d;border:1px solid rgba(255,255,255,.1);color:#fff}.canvas-page.dark .text-node-model-dropdown .text-node-model-menu-item:hover{background:#3d3d3d;border-color:#fff3}.canvas-page.dark .text-node-model-dropdown .text-node-model-menu-item .text-node-model-item-name{color:#fff}.canvas-page.dark .text-node-model-dropdown .text-node-model-menu-item .text-node-model-item-description{color:#ccc}.canvas-page.dark .text-node-model-dropdown .text-node-model-menu-item .text-node-model-tag{background:#ffffff1a;color:#ccc}.canvas-page.dark .text-node-model-dropdown .text-node-model-menu-item.active{background:linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc);border:none;color:#fff}.canvas-page.dark .text-node-model-dropdown .text-node-model-menu-item.active .text-node-model-item-name{color:#fff}.canvas-page.dark .text-node-model-dropdown .text-node-model-menu-item.active .text-node-model-item-description{color:#ffffffe6}.canvas-page.dark .text-node-model-dropdown .text-node-model-menu-item.active .text-node-model-tag{background:#ffffff4d;color:#fff}.react-flow.dark .text-node-toolbar{background:#1e1e1ef2;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.react-flow.dark .text-node-model-selector-button{background:#2a2a2a;border-color:#4a4a4a;color:#e5e7eb}.react-flow.dark .text-node-model-selector-button:hover{border-color:#3b82f6}.react-flow.dark .text-node-model-name{color:#e5e7eb}.react-flow.dark .text-node-model-arrow{color:#9ca3af}.react-flow.dark .text-node-toolbar-popup{background:#1e1e1ef2;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.react-flow.dark .text-node-model-option:hover{background:#ffffff1a}.react-flow.dark .text-node-model-description{color:#9ca3af}@media (max-width: 768px){.text-node-toolbar{gap:8px;padding:6px 10px}.text-node-model-selector-button{min-width:120px;padding:6px 10px}.text-node-submit-button{padding:6px 12px}.text-node-toolbar-popup{min-width:240px}}@keyframes text-node-toolbar-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes text-node-popup-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes text-node-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-node{border:none;border-radius:8px;background-color:#fff;min-width:600px!important;min-height:400px!important;color:#111827;box-shadow:0 4px 12px #0000001a;transition:box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.text-node:hover{box-shadow:0 8px 24px #0003}.text-node.selected{box-shadow:0 0 0 2px #4f46e5,0 8px 24px #4f46e54d}.text-node .custom-node-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(226,232,240,.3);border-radius:12px 12px 0 0;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(135deg,#4f46e5d9,#06b6d4d9,#10b981d9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.text-node .text-node-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);font-size:14px}.text-node .custom-node-content-wrapper{padding:8px;flex-grow:1}.text-node .text-input-full{width:100%!important;height:100%;min-height:340px!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:12px!important;margin:0!important;resize:none!important;outline:none!important;font-size:14px!important;line-height:1.5!important;background:#f9fafb!important;color:#111827!important;box-shadow:0 1px 3px #0000001a!important;box-sizing:border-box!important;transition:all .2s ease!important;scrollbar-width:none;-ms-overflow-style:none}.text-node .text-input-full::-webkit-scrollbar{width:0px;background:transparent}.text-node .text-input-full::-webkit-scrollbar-thumb{background:transparent}.text-node .text-input-full::-webkit-scrollbar-track{background:transparent}.text-node .text-input-full:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important;background:#fff!important}.react-flow.dark .text-node{background-color:#2a2a2a;color:#e5e7eb}.react-flow.dark .text-node .custom-node-header{background:linear-gradient(135deg,#4f46e5e6,#06b6d4e6,#10b981e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:#5555554d}.react-flow.dark .text-node .text-input-full{color:#e5e7eb!important;background:#3a3a3a!important;border-color:#4b5563!important;flex:1!important}.react-flow.dark .text-node .text-input-full:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e533!important;background:#2a2a2a!important}.react-flow.dark .text-node:hover{box-shadow:0 0 20px #4f46e599,0 0 40px #06b6d466,0 0 60px #10b98133,0 8px 24px #0006;border:1px solid transparent;background:linear-gradient(#2a2a2a,#2a2a2a) padding-box,linear-gradient(135deg,#4f46e5,#06b6d4,#10b981) border-box}.text-node .react-flow__handle{width:10px!important;height:10px!important;transition:background-color .2s ease}.text-node .react-flow__handle[data-handlepos=left],.text-node .react-flow__handle[data-handlepos=right]{top:calc(50% + 20px)!important}.text-node .handle-label{position:absolute;background:#eee;padding:2px 6px;border-radius:4px;font-size:10px;color:#555;pointer-events:none;z-index:9}.text-node .handle-label.left{left:-5px;transform:translate(-100%,-50%);top:calc(50% + 20px)}.text-node .handle-label.right{right:-5px;transform:translate(100%,-50%);top:calc(50% + 20px)}.react-flow.dark .text-node .handle-label{background:#444;color:#ccc}.blank-node{border:none;border-radius:8px;background-color:#1e1e1e;color:#e5e7eb;box-shadow:0 4px 12px #0006;transition:box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;overflow:visible!important;position:relative;width:400px;height:300px}.blank-node:hover{box-shadow:0 8px 24px #0009}.empty-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:8px;color:#e5e7eb;cursor:pointer;transition:background-color .2s ease;border:none}.empty-placeholder:hover{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-color:#ffffff4d}.upload-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#e5e7eb}.upload-content span{font-size:14px;font-weight:500}.upload-content .upload-subtext{font-size:12px;opacity:.7}.blank-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;position:relative;z-index:1}.blank-node-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;display:block}.blank-loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#e5e7eb;gap:12px}.blank-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:blank-spin 1s linear infinite}@keyframes blank-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blank-error-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#ff6b6b;font-weight:500}.open-media-library-button{position:absolute;top:8px;right:8px;background:var(--upload-button-bg, rgba(255, 255, 255, .9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;padding:8px 16px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--upload-button-shadow, 0 2px 8px rgba(0, 0, 0, .1));transition:all .2s ease;min-width:80px;color:var(--upload-button-color, #666);font-size:12px;font-weight:500}.open-media-library-button:hover{background:var(--upload-button-hover-bg, rgba(255, 255, 255, 1));transform:scale(1.05)}.upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-overlay .spinner{width:32px;height:32px;border-radius:50%;background:conic-gradient(#e92a67,#a853ba,#2a8af6,#e92a67);animation:spin 1s linear infinite;margin-bottom:12px;-webkit-mask:radial-gradient(farthest-side,transparent 94%,#000 95%);mask:radial-gradient(farthest-side,transparent 94%,#000 95%)}@keyframes spin{to{transform:rotate(360deg)}}.react-flow:not(.dark) .blank-node{background-color:#fff;color:#333;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb}.react-flow:not(.dark) .blank-node:hover{box-shadow:0 8px 24px #00000026}.react-flow:not(.dark) .empty-placeholder{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#6c757d;border:none}.react-flow:not(.dark) .empty-placeholder:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.react-flow:not(.dark) .open-media-library-button{background:#ffffffe6;color:#495057;box-shadow:0 2px 8px #0000001a}.react-flow:not(.dark) .open-media-library-button:hover{background:#fff;transform:scale(1.05)}.react-flow:not(.dark) .blank-loading-placeholder{color:#495057}.react-flow:not(.dark) .blank-error-placeholder{color:#dc3545}.react-flow:not(.dark) .upload-content{color:#6c757d}.react-flow:not(.dark) .upload-content svg{stroke:#6c757d}.react-flow:not(.dark) .open-media-library-button svg{stroke:#495057}.react-flow.dark .blank-node{background-color:#2a2a2a}.react-flow.dark .blank-node:hover{box-shadow:0 0 20px #fcb03f99,0 0 40px #ff4c8166,0 0 60px #cb3ffc33,0 8px 24px #000c;border:1px solid transparent;background:linear-gradient(#2a2a2a,#2a2a2a) padding-box,linear-gradient(135deg,#fcb03f,#ff4c81,#cb3ffc) border-box}.react-flow.dark .empty-placeholder{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);color:#ccc;border:none}.react-flow.dark .empty-placeholder:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a)}.react-flow.dark .upload-overlay{background-color:#000000b3;color:#fff}.react-flow.dark .open-media-library-button{background:#2a2a2ae6;color:#ccc;box-shadow:0 2px 8px #0000004d}.react-flow.dark .open-media-library-button:hover{background:#2a2a2a;transform:scale(1.05)}.react-flow.dark .blank-loading-placeholder{color:#ccc}.react-flow.dark .blank-error-placeholder{color:#ff6b6b}.react-flow.dark .upload-content{color:#ccc}.react-flow.dark .upload-content svg{stroke:#ccc}.react-flow.dark .open-media-library-button svg{stroke:#ccc}.mj-image-node-container{position:relative;border:2px solid #8a2be2;border-radius:8px;overflow:hidden;width:100%;height:100%}.mj-node-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.mj-corner-label{position:absolute;background:#0009;color:#fff;font-size:14px;padding:4px 6px;border-radius:4px;line-height:1;font-weight:600}.mj-corner-label.tl{top:4px;left:4px}.mj-corner-label.tr{top:4px;right:4px}.mj-corner-label.bl{bottom:4px;left:4px}.mj-corner-label.br{bottom:4px;right:4px}.react-flow__node-mjImageNode .react-flow__resize-control{width:8px!important;height:8px!important;background:#8a2be2!important;border:1px solid #fff!important;border-radius:50%!important}.react-flow__node-mjImageNode .react-flow__resize-control:hover{background:#a855f7!important;transform:scale(1.2)!important}.mj-toolbar-inner{transform:translateY(-20px)}.react-flow__node-toolbar{display:flex;flex-direction:row;-moz-column-gap:1em;column-gap:1em;padding:0;background-color:transparent;border:none;border-radius:0;box-shadow:none;z-index:10}.mj-node-toolbar{background:#2d2d2de6!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;box-shadow:0 6px 18px #00000040!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;padding:8px!important;z-index:1004!important}.mj-main-buttons{display:flex;gap:4px;margin-bottom:8px}.mj-main-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;font-size:10px;min-width:50px;border:1px solid #ddd;border-radius:4px;background:#f8f9fa;cursor:pointer;transition:all .2s}.mj-main-btn:hover{background:#e9ecef;border-color:#adb5bd}.mj-main-btn-icon{display:flex;align-items:center;justify-content:center;line-height:1}.mj-main-btn-label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.mj-submenu{position:absolute;top:-60px;left:50%;transform:translate(-50%);background:#2d2d2de6;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 6px 18px #00000040;z-index:1004;width:auto;min-width:240px;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mj-submenu-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:transparent}.mj-submenu-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#fff}.mj-submenu-icon{width:14px;height:14px}.mj-submenu-buttons{display:flex;gap:12px;padding:10px 12px 12px;margin-top:6px;justify-content:space-between;align-items:center}.mj-toolbar-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;min-width:56px;justify-content:center;white-space:nowrap;background:#ff9800;color:#fff;border:none;border-radius:18px}.mj-toolbar-btn:hover{opacity:.9}.mj-toolbar-no-buttons{padding:8px;text-align:center;color:#999;font-size:12px;font-style:italic}.mj-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;width:100%;height:100%;border-radius:8px;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:1px solid rgba(255,255,255,.1)}.mj-placeholder-small{min-width:120px;min-height:120px}.mj-placeholder-medium{min-width:200px;min-height:200px}.mj-placeholder-large{min-width:320px;min-height:320px}.mj-placeholder-animation{margin-bottom:12px}.mj-placeholder-spinner .mj-placeholder-animation{border:3px solid #f3f3f3;border-top:3px solid #888;border-radius:50%;width:30px;height:30px;animation:mj-spin 1s linear infinite}.mj-placeholder-pulse .mj-placeholder-animation{width:30px;height:30px;background:#888;border-radius:50%;animation:mj-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.mj-placeholder-dots .mj-placeholder-animation{display:flex;gap:4px}.mj-placeholder-dots .mj-placeholder-animation:before,.mj-placeholder-dots .mj-placeholder-animation:after{content:"";width:8px;height:8px;background:#888;border-radius:50%;animation:mj-bounce 1.4s ease-in-out infinite both}.mj-placeholder-dots .mj-placeholder-animation:before{animation-delay:-.32s}.mj-placeholder-dots .mj-placeholder-animation:after{animation-delay:-.16s}.mj-placeholder-text{font-size:14px;font-weight:500;color:#ccc}@keyframes mj-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mj-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes mj-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.mj-image-loader-container{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden}.mj-image-loader-pulse{position:absolute;top:0;left:0;width:100%;height:100%;animation:mj-pulse 2s cubic-bezier(.4,0,.6,1) infinite;transition:opacity .5s}.mj-image-loader-pulse.hidden{opacity:0}.mj-image-loader-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s ease}.mj-image-loader-img.loaded{opacity:1}.mj-image-error{display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#999;font-size:14px;border-radius:8px}.mj-progress-overlay{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:#0009;color:#fff;font-size:12px;padding:2px 6px;border-radius:3px}.image-node-real-dimensions{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background-color:#141414bf;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-family:monospace;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1;transition:bottom .2s ease-in-out}.react-flow__node.selected .image-node-real-dimensions{bottom:-24px}.v7-three-column-layout{display:flex;gap:24px;align-items:flex-start;justify-content:flex-start;margin-bottom:16px}.v7-column-container{flex:1;min-width:0;min-height:120px;display:flex;flex-direction:column;border:.5px solid #e5e7eb;border-radius:8px;background:transparent;transition:all .2s ease}.v7-column-container:hover{border-color:#d1d5db;background:#f9fafb}.dark .v7-column-container{border-color:#4b5563;background:transparent}.dark .v7-column-container:hover{border-color:#6b7280;background:#3741514d}.v7-column-content{flex:1;display:flex;flex-direction:column;min-height:0}.v7-column-selector{padding:2px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.v7-column-selector:hover{background:#f9fafb}.dark .v7-column-selector{border-bottom-color:#4b5563}.dark .v7-column-selector:hover{background:#3741514d}.v7-column-upload-area{flex:1;padding:12px;cursor:pointer;transition:all .2s ease}.v7-column-upload-area:hover{background:#f9fafb}.dark .v7-column-upload-area:hover{background:#3741514d}.material-selection-hint{margin-bottom:16px;padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;text-align:center}.dark .material-selection-hint{background:#374151;border-color:#4b5563;color:#d1d5db}.v7-column-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:6px}.v7-column-header:hover{background-color:#f3f4f6;color:#1f2937}.dark .v7-column-header{color:#f3f4f6}.dark .v7-column-header:hover{background-color:#374151;color:#f9fafb}.light .v7-column-selector.selected{background:#b1b1b14d;border-radius:6px 6px 0 0}.light .v7-column-selector.selected .v7-column-header{color:#000}.light .v7-column-selector.selected .v7-column-header:hover{background-color:transparent}.dark .v7-column-selector.selected{background:linear-gradient(to right,#fcb03f,#ff4c81,#cb3ffc,#4f8bff);border-radius:6px 6px 0 0}.dark .v7-column-selector.selected .v7-column-header{color:#f9fafb}.dark .v7-column-selector.selected .v7-column-header:hover{background-color:transparent}.v7-selected-text{font-size:12px;font-weight:400;opacity:.8}.v7-column-icon{display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease}.v7-column-header:hover .v7-column-icon{color:#3b82f6}.dark .v7-column-icon{color:#9ca3af}.dark .v7-column-header:hover .v7-column-icon{color:#60a5fa}.v7-column-description{font-size:12px;color:#6b7280;margin-bottom:12px;line-height:1.4}.dark .v7-column-description{color:#9ca3af}.v7-column-images{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;align-items:flex-start}.v7-image-slot{display:inline-block;margin:0}.v7-image-thumbnail{width:64px;height:64px;border-radius:8px;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;position:relative;border:1px solid #e5e7eb;transition:all .2s ease}.v7-image-thumbnail:hover{transform:scale(1.05);border-color:#3b82f6}.dark .v7-image-thumbnail{border-color:#4b5563}.v7-three-column-container{display:flex;gap:8px;align-items:flex-start;justify-content:flex-start}.v7-add-image-container{display:inline-block;margin:0;text-align:center;flex:0 0 auto}.v7-add-image-button{display:inline-block}.v7-image-hint{width:64px;text-align:center;font-size:10px;line-height:1.2;margin-top:4px;color:#9ca3af}.dark .v7-image-hint{color:#fff}.v7-add-image-button{border:1px solid #d1d5db}.dark .v7-add-image-button{border:1px solid #4b5563}.v7-remove-button{position:absolute;right:4px;top:4px;width:20px;height:20px;background:#0009;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.v7-remove-button:hover{background:#000c}.v7-remove-icon{width:12px;height:12px;color:#fff}.v7-material-library-container{display:inline-block;margin:0;text-align:center}.v7-material-library-button{display:inline-block;border:2px solid #3b82f6;transition:all .2s ease}.v7-material-library-button:hover{border-color:#1d4ed8;background-color:#3b82f61a}.dark .v7-material-library-button{border:2px solid #60a5fa}.dark .v7-material-library-button:hover{border-color:#3b82f6;background-color:#60a5fa1a}.material-library-panel{position:absolute;left:50%;bottom:calc(100% + 24px);transform:translate(-50%);background:#fff;border:.5px solid #e8e8e8;border-radius:16px;padding:16px;box-shadow:0 4px 16px #0000001a;width:100%;max-width:1200px;z-index:1001;pointer-events:all}.canvas-page.dark .material-library-panel{background:#1e1e1ed9;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #0000004d;color:#fff}.material-library-button{color:#3b82f6}.material-library-button:hover{color:#1d4ed8;background-color:#3b82f61a}.dark .material-library-button{color:#60a5fa}.dark .material-library-button:hover{color:#3b82f6;background-color:#60a5fa1a}.v7-magnifier-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.v7-image-thumbnail:hover .v7-magnifier-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.v7-image-thumbnail:hover .v7-magnifier-icon svg{animation:v7-magnifier-pulse 1.5s ease-in-out infinite}@keyframes v7-magnifier-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.v7-image-enlarged-modal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000000e6!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}.v7-image-enlarged-img{max-width:90vw!important;max-height:90vh!important;-o-object-fit:contain!important;object-fit:contain!important;display:block!important}.v7-image-enlarged-close{position:absolute;top:20px;right:20px;background:#000000b3;border:none;cursor:pointer;padding:12px;border-radius:50%;color:#fff;transition:all .2s ease;z-index:10000;display:flex;align-items:center;justify-content:center}.v7-image-enlarged-close:hover{background:#000000e6;transform:scale(1.1)}.material-library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #e8e8e8;padding-bottom:12px}.canvas-page.dark .material-library-header{border-bottom-color:#ffffff26}.material-library-header h3{margin:0;font-size:18px;font-weight:600}.close-button{background:none;border:none;font-size:20px;cursor:pointer;color:#555;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background-color:#f0f0f0;color:#333}.canvas-page.dark .close-button{color:#fff;background-color:#3d3d3d}.canvas-page.dark .close-button:hover{background-color:#555;color:#fff}.material-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-height:200px;overflow-y:auto}.material-item{position:relative;display:flex;flex-direction:column;align-items:center}.material-image{cursor:pointer;transition:all .2s ease;border:2px solid transparent;width:64px;height:64px;border-radius:8px;overflow:hidden;-o-object-fit:cover;object-fit:cover}.material-image:hover{border-color:#3b82f6;transform:scale(1.05)}.material-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:4px 8px;font-size:10px;opacity:0;transition:opacity .2s ease}.material-image:hover .material-overlay{opacity:1}.material-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.material-remove-button{position:absolute;right:4px;top:4px;width:20px;height:20px;background:#0009;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.material-remove-button:hover{background:#000c}.material-remove-button svg{width:12px;height:12px;color:#fff}.empty-material-library{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#888}.canvas-page.dark .empty-material-library{color:#999}.material-column-selector{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.dark .material-column-selector{background:#2d3748;border-color:#4a5568}.selector-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.dark .selector-label{color:#e2e8f0}.column-options{display:flex;gap:8px;flex-wrap:wrap}.column-option{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:12px;cursor:pointer;transition:all .2s ease}.column-option:hover{border-color:#3b82f6;background:#f0f9ff}.column-option.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.dark .column-option{background:#1f2937;border-color:#4b5563;color:#e5e7eb}.dark .column-option:hover{border-color:#60a5fa;background:#1e3a8a}.dark .column-option.active{border-color:#60a5fa;background:#3b82f6;color:#fff}.material-image.selectable{border:2px solid #3b82f6;box-shadow:0 0 0 2px #3b82f633}.material-image.disabled{opacity:.6;cursor:not-allowed}.material-image.disabled:hover{transform:none}.model-credits{display:flex;align-items:center;gap:4px;font-size:12px;color:#fff;font-weight:500}.model-credits svg{flex-shrink:0}.dark .model-credits{color:#fff}.prompt-input-wrapper{position:relative;width:100%}.prompt-input-wrapper .prompt-input{scrollbar-width:thin;scrollbar-color:transparent transparent}.prompt-input-wrapper .prompt-input::-webkit-scrollbar{width:8px}.prompt-input-wrapper .prompt-input::-webkit-scrollbar-track{background:transparent}.prompt-input-wrapper .prompt-input::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.prompt-input-wrapper .prompt-input::-webkit-scrollbar-thumb:hover{background:#ffffff1a}.prompt-input-wrapper #ai-polish-btn{position:absolute;bottom:10px;right:10px;z-index:10;background-color:#292929cc;border:1px solid rgba(255,255,255,.2);color:#e5e7eb;padding:.3rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out,background-color .2s ease-in-out,transform .2s ease-in-out}.prompt-input-wrapper:focus-within #ai-polish-btn{opacity:1;pointer-events:auto}.prompt-input-wrapper #ai-polish-btn:hover:not(:disabled){background-color:#373737e6;border-color:#cb3ffc;color:#fff;transform:scale(1.05)}.prompt-input-wrapper #ai-polish-btn:disabled{opacity:.5;cursor:not-allowed}.light .prompt-input-wrapper #ai-polish-btn{background-color:#ffffffe6;border:1px solid #e5e7eb;color:#111827}.light .prompt-input-wrapper #ai-polish-btn:hover:not(:disabled){background-color:#f9fafbe6;border-color:#a855f7;color:#111827;transform:scale(1.05)}.canvas-page{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background:#000;display:flex;flex-direction:column}.canvas-content-area{flex:1;position:relative;overflow:hidden}.canvas-page *{box-sizing:border-box}.canvas-page .react-flow{height:100%;width:100%}.reactflow-canvas-container{width:100%;height:100%;position:relative}.reactflow-canvas{width:100%;height:100%}.canvas-page.dark .prompt-bar-wrapper{background:#1e1e1ed9;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #0000004d}.canvas-page.dark .prompt-bar textarea.prompt-input{color:#fff!important;background:#1e1e1ed9;border:none}.canvas-page.dark .prompt-bar textarea.prompt-input::-moz-placeholder{color:#999}.canvas-page.dark .prompt-bar textarea.prompt-input::placeholder{color:#999}.canvas-page.dark .prompt-bar-button{background-color:#3d3d3d;color:#fff}.canvas-page.dark .prompt-bar-button:hover:not(:disabled){background-color:#555}.canvas-page.dark .aspect-ratio-button{background-color:#3d3d3d;color:#eee}.canvas-page.dark .aspect-ratio-button:hover:not(:disabled){background-color:#555}.canvas-page.dark .model-button{background-color:#3d3d3d;color:#eee}.canvas-page.dark .model-button:hover:not(:disabled){background-color:#555}.canvas-page.dark .image-count-button{background-color:#3d3d3d;color:#eee}.canvas-page.dark .image-count-button:hover:not(:disabled){background-color:#555}.canvas-page.dark .resolution-button{background-color:#3d3d3d;color:#eee}.canvas-page.dark .resolution-button:hover:not(:disabled){background-color:#555}.canvas-page.dark .prompt-dropdown-menu{background:#2d2d2de6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-page.dark .prompt-dropdown-menu button{color:#fff}.canvas-page.dark .prompt-dropdown-menu button:hover{background-color:#ffffff1a}.canvas-page.dark .prompt-action-dropdown{background:#2d2d2de6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-page.dark .prompt-action-dropdown button{color:#fff}.canvas-page.dark .prompt-action-dropdown button:hover{background-color:#ffffff1a}.canvas-page.dark .model-dropdown-menu{background:#2d2d2de6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-page.dark .model-dropdown-menu button{color:#fff}.canvas-page.dark .model-dropdown-menu button:hover{background-color:#ffffff1a}.canvas-page.dark .model-dropdown-menu .model-name{color:#fff}.canvas-page.dark .model-dropdown-menu .model-description{color:#ccc}.canvas-page.dark .image-count-dropdown-menu{background:#2d2d2de6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-page.dark .image-count-dropdown-menu button{color:#fff}.canvas-page.dark .image-count-dropdown-menu button:hover{background-color:#ffffff1a}.canvas-page.dark .resolution-dropdown-menu{background:#2d2d2de6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-page.dark .resolution-dropdown-menu button{color:#fff}.canvas-page.dark .resolution-dropdown-menu button:hover{background-color:#ffffff1a}.canvas-page.dark .aspect-ratio-dropdown-menu{background:#2d2d2de6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-page.dark .aspect-ratio-dropdown-menu button{color:#fff}.canvas-page.dark .aspect-ratio-dropdown-menu button:hover{background-color:#ffffff1a}.canvas-page.dark .video-resolution-dropdown-menu{background:#2d2d2de6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-page.dark .video-resolution-dropdown-menu button{color:#fff}.canvas-page.dark .video-resolution-dropdown-menu button:hover{background-color:#ffffff1a}.canvas-page.dark .video-duration-dropdown-menu{background:#2d2d2de6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-page.dark .video-duration-dropdown-menu button{color:#fff}.canvas-page.dark .video-duration-dropdown-menu button:hover{background-color:#ffffff1a}.canvas-page.dark .seedream-resolution-dropdown-menu{background:#2d2d2de6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-page.dark .seedream-resolution-dropdown-menu button{color:#fff}.canvas-page.dark .seedream-resolution-dropdown-menu button:hover{background-color:#ffffff1a}.canvas-page.dark .dimension-selector-panel{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.canvas-page.dark .dimension-selector-title{color:#fff}.canvas-page.dark .aspect-ratio-option{background:#2d2d2dcc;border-color:#ffffff1a;color:#ccc}.canvas-page.dark .aspect-ratio-option:hover{background:#ffffff0d;border-color:#fff3}.canvas-page.dark .aspect-ratio-option.selected{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.canvas-page.dark .dimension-input-label{color:#999}.canvas-page.dark .dimension-input{background:#2d2d2dcc;border-color:#ffffff1a;color:#fff}.canvas-page.dark .dimension-input:focus{border-color:#8b5cf6;background:#1e1e1ee6}.canvas-page.dark .params-title{color:#fff}.canvas-page.dark .param-group label{color:#ccc}.canvas-page.dark .param-group select{background:#2d2d2dcc;border:1px solid rgba(255,255,255,.2);color:#fff}.canvas-page.dark .param-group select:focus{border-color:#fcb03f;box-shadow:0 0 0 2px #fcb03f33}.canvas-page.dark .param-group select:disabled{background:#2d2d2d;color:#666}.canvas-page.light .prompt-bar-wrapper{background:#fff;border:1px solid #e8e8e8;box-shadow:0 4px 16px #0000001a}.canvas-page.light .prompt-bar textarea.prompt-input{color:#000!important}.canvas-page.light .prompt-bar textarea.prompt-input::-moz-placeholder{color:#888}.canvas-page.light .prompt-bar textarea.prompt-input::placeholder{color:#888}.canvas-page.light .prompt-bar-button{background-color:transparent;color:#555}.canvas-page.light .prompt-bar-button:hover:not(:disabled){background-color:#f0f0f0}.canvas-page.light .aspect-ratio-button{background-color:#f5f5f5;color:#333}.canvas-page.light .aspect-ratio-button:hover:not(:disabled){background-color:#e9e9e9}.canvas-page.light .prompt-dropdown-menu{background:#fff;border:1px solid #e8e8e8;box-shadow:0 4px 16px #0000001a}.canvas-page.light .prompt-dropdown-menu button{color:#333}.canvas-page.light .prompt-dropdown-menu button:hover{background-color:#f0f0f0}.canvas-page.light .model-button{background-color:#f5f5f5;color:#333}.canvas-page.light .model-button:hover:not(:disabled){background-color:#e9e9e9}.canvas-page.light .image-count-button{background-color:#f5f5f5;color:#333}.canvas-page.light .image-count-button:hover:not(:disabled){background-color:#e9e9e9}.canvas-page.light .resolution-button{background-color:#f5f5f5;color:#333}.canvas-page.light .resolution-button:hover:not(:disabled){background-color:#e9e9e9}.canvas-page.light .image-upload-slot,.react-flow:not(.dark) .image-upload-slot{border:none;background:#0000000d}.canvas-page.light .prompt-image-uploads .upload-button,.react-flow:not(.dark) .prompt-image-uploads .upload-button{color:#000000b3}