*,: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:Inter,sans-serif;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}.\!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}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-top-3{top:-.75rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-16{top:4rem}.top-2{top:.5rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[6\]{z-index:6}.col-span-2{grid-column:span 2 / span 2}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.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-full{height:100%}.h-screen{height:100vh}.max-h-16{max-height:4rem}.max-h-64{max-height:16rem}.max-h-\[300px\]{max-height:300px}.max-h-\[40vh\]{max-height:40vh}.max-h-\[50vh\]{max-height:50vh}.max-h-\[80\%\]{max-height:80%}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-\[1rem\]{min-height:1rem}.min-h-\[28px\]{min-height:28px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[200px\]{min-width:200px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[min\(100vw-1\.5rem\,22rem\)\]{max-width:min(100vw - 1.5rem,22rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.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}.border-collapse{border-collapse:collapse}.-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-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-y-0{--tw-translate-y: 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))}.translate-y-20{--tw-translate-y: 5rem;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))}.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}.cursor-ew-resize{cursor:ew-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.scroll-mt-20{scroll-margin-top:5rem}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.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-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))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.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}.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-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * 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-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-500,.border-brand-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-200\/50{border-color:#e2e8f080}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-slate-900{--tw-border-opacity: 1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-brand-100{background-color:var(--color-brand-100)}.bg-brand-50{background-color:var(--color-brand-50)}.bg-brand-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-brand-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-brand-600\/90{background-color:#2563ebe6}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-900\/50{background-color:#0f172a80}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-white\/60{background-color:#fff9}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.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}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.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-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.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-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.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-7xl{font-size:4.5rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[6px\]{font-size:6px}.text-\[9px\]{font-size:9px}.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-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-brand-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-brand-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-brand-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / 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-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / 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-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.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-500{--tw-text-opacity: 1;color:rgb(234 179 8 / 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}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.accent-brand-500{accent-color:#3b82f6}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.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-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-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)}.shadow-brand-500\/20{--tw-shadow-color: rgb(59 130 246 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-brand-500\/30{--tw-shadow-color: rgb(59 130 246 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-slate-900\/20{--tw-shadow-color: rgb(15 23 42 / .2);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--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(3px + 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)}.ring-2{--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)}.ring-amber-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1))}.ring-blue-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1))}.ring-brand-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);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-\[1px\]{--tw-backdrop-blur: blur(1px);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);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{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-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-none{transition-property:none}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-motion-base{transition-duration:var(--transition-duration-base)}.duration-toast{transition-duration:var(--toast-duration)}:root{--color-brand-50: #eff6ff;--color-brand-100: #dbeafe;--color-brand-500: #3b82f6;--color-brand-600: #2563eb;--color-brand-700: #1d4ed8;--color-brand-900: #1e3a8a;--color-brand-600-shadow: rgba(37, 99, 235, .4);--color-brand-600-shadow-hover: rgba(37, 99, 235, .5);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-error-light: #fef2f2;--color-error-dark: #b91c1c;--color-error-ring: rgba(239, 68, 68, .15);--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", monospace;--transition-micro: 50ms ease;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-enter: .4s;--transition-reduced: 50ms ease;--transition-duration-fast: .15s;--transition-duration-base: .2s;--transition-duration-slow: .3s;--motion-pop-duration: .2s;--toast-duration: .3s;--stagger-delay: 30ms;--pip-snap-duration: .3s;--pip-dismiss-duration: .25s;--pip-enter-duration: .3s;--disabled-opacity: .5;--text-11: .6875rem;--text-15: .9375rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 8px 24px rgba(0, 0, 0, .12);--shadow-2xl-elevated: 0 8px 24px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-2xl-heavy: 0 12px 32px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .08);--shadow-pin: 0 2px 8px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(0, 0, 0, .1);--shadow-pin-hover: 0 4px 12px rgba(0, 0, 0, .4), inset 0 0 0 1px rgba(0, 0, 0, .1);--shadow-up-sm: 0 -4px 12px rgba(0, 0, 0, .05);--shadow-pin-selected: 0 4px 16px rgba(0, 0, 0, .5), 0 0 0 3px var(--color-brand-500);--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--swatch-sm: 1rem;--swatch-md: 1.5rem;--swatch-lg: 2.5rem;--icon-sm: 1rem;--icon-2xl: 4rem;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2rem;--color-checkerboard-bg: #ffffff;--color-checkerboard-square: #e5e7eb;--color-dark-surface: #0f172a;--color-surface: #ffffff;--color-surface-raised: #ffffff;--header-height: 56px;--mobile-preview-bar-height: 72px;--controls-min-width: 320px;--controls-max-width: 50%;--controls-default-width: 33%;--controls-default-width-tablet: 38%;--z-sticky: 10;--z-controls: 20;--z-divider: 30;--z-dropdown: 50;--z-bar: 100;--z-pip: 150;--z-modal: 200;--z-popover: 225;--z-toast: 250;--z-onboarding: 300;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}@media (prefers-reduced-motion: reduce){:root{--transition-micro: var(--transition-reduced);--transition-fast: var(--transition-reduced);--transition-base: var(--transition-reduced);--transition-slow: var(--transition-reduced);--transition-enter: 50ms;--transition-duration-fast: 50ms;--transition-duration-base: 50ms;--transition-duration-slow: 50ms;--motion-pop-duration: 50ms;--toast-duration: 50ms;--stagger-delay: 0ms;--pip-snap-duration: 50ms;--pip-dismiss-duration: 50ms;--pip-enter-duration: .05s}}.z-controls{z-index:var(--z-controls)}.z-dropdown{z-index:var(--z-dropdown)}.z-bar{z-index:var(--z-bar)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}.z-onboarding{z-index:var(--z-onboarding)}.tooltip{position:relative;cursor:help;display:inline-flex}.tooltip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:0;padding:var(--space-1) var(--space-2);background:var(--color-slate-800);color:var(--color-slate-50);font-size:var(--text-11);line-height:1.5;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-dropdown)}.tooltip:hover:after,.tooltip:focus-visible:after{opacity:1}.dark .tooltip:after{background:var(--color-slate-700);color:#fff;border:1px solid var(--color-slate-500)}.slider-reset{padding:1px 3px;color:var(--color-slate-400);border:none;background:none;border-radius:var(--radius-xs);cursor:pointer;transition:color var(--transition-fast);line-height:1}.slider-reset:hover{color:var(--color-brand-600)}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.color-swatch{border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);position:relative}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--color-brand-600);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-brand-600)}.color-swatch:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.style-card:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.modal-action-btn:focus-visible,.toast-action:focus-visible,.preset-card:focus-visible,.style-chip:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.step-list{display:flex;flex-direction:column}.step-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color var(--transition-base),opacity var(--transition-base)}.step-row:hover:not(:disabled):not(.step-row--active){background:var(--color-slate-50)}.step-row:disabled{opacity:.45;cursor:default}.step-row-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:14px;flex-shrink:0;transition:background-color var(--transition-base),color var(--transition-base),box-shadow .3s ease}.step-row-check,.step-row-spinner,.step-row-skip{display:none}.step-row-content{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.step-row-label{font-size:.8125rem;font-weight:600;line-height:1.3}.step-row-desc{font-size:.6875rem;line-height:1.3}.step-row-arrow{font-size:14px;flex-shrink:0;margin-left:auto;transition:color var(--transition-base),transform .2s ease}.step-row:hover:not(:disabled) .step-row-arrow{color:var(--color-brand-500)}.step-row--active{background:var(--color-brand-50, #eff6ff)}.step-row--active .step-row-indicator{background:var(--color-brand-600);color:#fff;box-shadow:0 0 0 3px #2563eb26}.step-row--active .step-row-icon{display:none}.step-row--active .step-row-spinner{display:inline;animation:spin .8s linear infinite}.step-row--active .step-row-arrow{display:none}.step-row--active .step-row-label{color:var(--color-brand-700)}.step-row--complete .step-row-indicator{background:var(--color-emerald-50);color:var(--color-emerald-600)}.step-row--complete .step-row-icon{display:none}.step-row--complete .step-row-check{display:inline}.step-row--complete .step-row-label{color:var(--color-emerald-700)}.step-row--complete .step-row-arrow{display:none}.step-row--skipped .step-row-indicator{background:var(--color-slate-50);color:var(--color-slate-300);border:1.5px dashed var(--color-slate-200)}.step-row--skipped .step-row-icon{display:none}.step-row--skipped .step-row-skip{display:inline}.step-row--skipped .step-row-label{color:var(--color-slate-400)}.step-row--skipped .step-row-desc{color:var(--color-slate-300)}.step-row--skipped .step-row-arrow{display:none}.step-row--suggest .step-row-indicator{animation:stepRowPulse 1.8s ease-in-out 3;background:var(--color-brand-50);color:var(--color-brand-600)}.step-row--suggest .step-row-label{color:var(--color-brand-700)}@keyframes stepRowPulse{0%,to{box-shadow:0 0 #2563eb00}50%{box-shadow:0 0 0 5px #2563eb26}}.step-accordion:last-child{border-bottom:none!important}.step-row-chevron{transition:transform .2s ease}.step-accordion--open .step-row-chevron{transform:rotate(180deg)}.step-accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.step-accordion--open .step-accordion-body{grid-template-rows:1fr}.step-accordion-inner{overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:0 14px}.step-accordion--open .step-accordion-inner{padding:0 14px 12px}.step-preset-btn,.preset-card.step-preset-btn{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:6px 8px;font-size:11px;font-weight:500;border-width:1px;border-style:solid;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.step-preset-btn:hover{border-color:var(--color-slate-300)}.step-preset-btn.active{background:var(--color-brand-50)!important;border-color:var(--color-brand-300)!important;color:var(--color-brand-700)!important}.preset-card.step-preset-btn{border-width:1px;padding:6px 8px}.preset-card.step-preset-btn:hover{border-color:var(--color-slate-300);background:#fff}.preset-card.step-preset-btn.active{border-width:1px}.step-cc-label{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;cursor:pointer;transition:background-color var(--transition-base)}.step-cc-title{display:block;font-size:11px;font-weight:600;line-height:1.3}.step-cc-desc{display:block;font-size:10px;line-height:1.3;margin-top:1px}.step-apply-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;font-size:11px;font-weight:600;color:#fff;background:var(--color-brand-600);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-base)}.step-apply-btn:hover{background:var(--color-brand-700)}.step-apply-btn:disabled{opacity:.5;cursor:default}.step-header-apply{display:flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:var(--radius-full);background:var(--color-brand-600);color:#fff;font-size:11px;font-weight:600;border:none;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:opacity var(--transition-base),transform .1s ease,background-color var(--transition-base)}.step-header-apply:hover{opacity:1;background:var(--color-brand-700);transform:scale(1.08)}.step-header-apply:active{transform:scale(.95)}.step-header-apply:disabled{opacity:.3;cursor:default;transform:none}.step-row--active .step-header-apply,.step-row--complete .step-header-apply,.step-row--skipped .step-header-apply{display:none}.step-more-link{font-size:11px;text-decoration:none;transition:color var(--transition-base)}.step-more-link:hover{text-decoration:underline}.step-run-all-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:var(--color-brand-600);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:background-color var(--transition-base)}.step-run-all-btn:hover{background:var(--color-brand-700)}.step-run-all-btn:disabled{opacity:.5;cursor:default}@media (prefers-color-scheme: dark){.step-row:hover:not(:disabled):not(.step-row--active){background:#33415580}.step-row--active{background:#3b82f614}.step-row--active .step-row-indicator{box-shadow:0 0 0 3px #3b82f633}.step-row--active .step-row-label{color:var(--color-brand-300)}.step-row--complete .step-row-indicator{background:#10b9811f;color:var(--color-emerald-400)}.step-row--complete .step-row-label{color:var(--color-emerald-400)}.step-row--skipped .step-row-indicator{background:var(--color-slate-800);color:var(--color-slate-600);border-color:var(--color-slate-600)}.step-row--skipped .step-row-label{color:var(--color-slate-500)}.step-row--suggest .step-row-indicator{background:#3b82f61f;color:var(--color-brand-400)}.step-row--suggest .step-row-label{color:var(--color-brand-300)}.step-preset-btn.active{background:#3b82f626!important;border-color:var(--color-brand-500)!important;color:var(--color-brand-300)!important}}.flow-hidden{display:none!important}.flow-entering{animation:flowFadeIn var(--transition-enter) var(--ease-out-expo) forwards}.flow-exiting{animation:flowFadeOut var(--transition-enter) var(--ease-out-expo) forwards}@keyframes flowFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes flowFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.preset-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:2px solid var(--color-slate-200);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);font-size:var(--text-xs);font-weight:600;color:var(--color-slate-600)}.preset-card:hover{border-color:var(--color-brand-500);background:var(--color-brand-50)}.preset-card.active{border-color:var(--color-brand-500);background:var(--color-brand-50);color:var(--color-brand-700)}.preset-desc{font-size:var(--text-2xs);font-weight:400;color:var(--color-slate-400)}.preset-card.active .preset-desc{color:var(--color-brand-500)}.palette-color{position:relative}.palette-color:not(:has(.skeleton)):after{content:"Click to edit";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--text-2xs);font-weight:500;color:#fff;background:var(--color-slate-800);padding:2px var(--space-2);border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-sticky)}.palette-color:not(:has(.skeleton)):hover:after{opacity:1}.dark .palette-color:not(:has(.skeleton)):after{color:#f8fafc;background:#0f172af5;border:1px solid rgba(148,163,184,.45)}@keyframes readyGlow{0%,to{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 8px #2563eb00}}.ready-glow{animation:readyGlow 2s ease 3}.celebrate-pop{animation:celebratePop .5s var(--ease-out-expo)}@keyframes celebratePop{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.app-layout{display:flex;flex-direction:row;flex:1;overflow:hidden}#app-controls{width:100%;overflow:hidden;background:var(--color-surface)}#preview-panel{display:none;flex:1;min-width:0;background:var(--color-slate-100)}@media (min-width: 768px){.app-main{display:flex;flex:1;overflow:hidden}#app-controls{width:var(--controls-default-width-tablet);min-width:var(--controls-min-width);max-width:var(--controls-max-width);border-right:1px solid var(--color-slate-200);flex-shrink:0}#preview-panel{display:flex}}@media (min-width: 1024px){#app-controls{width:var(--controls-default-width)}}#controls-scroll-area{overflow-x:hidden}#controls-scroll-area>*{min-width:0}@media (max-width: 767px){#controls-scroll-area{padding-bottom:calc(var(--mobile-preview-bar-height) + var(--space-4))}}@media (min-width: 768px){#controls-scroll-area{padding-bottom:var(--space-8)}}.action-bar{position:sticky;bottom:0;background:var(--color-surface-raised);border-top:1px solid var(--color-slate-200);z-index:var(--z-sticky);padding-bottom:calc(var(--mobile-preview-bar-height) + var(--space-3))}@media (min-width: 768px){.action-bar{padding-bottom:var(--space-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:44px;font-size:var(--text-md);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}button[aria-disabled=true],[role=button][aria-disabled=true],a[aria-disabled=true]{opacity:var(--disabled-opacity);cursor:not-allowed}button[aria-disabled=true]:hover,[role=button][aria-disabled=true]:hover,a[aria-disabled=true]:hover{transform:none!important}.btn-primary{background:var(--color-brand-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-brand-700)}.btn-secondary{background:var(--color-slate-100);color:var(--color-slate-700);border:1px solid var(--color-slate-200)}.btn-secondary:hover:not(:disabled){background:var(--color-slate-200)}.btn-ghost{background:transparent;color:var(--color-slate-600)}.btn-ghost:hover:not(:disabled){background:var(--color-slate-100)}.btn:active:not(:disabled){transform:scale(.95);transition-duration:50ms}button:active:not(:disabled):not(.no-press),[role=button]:active:not(:disabled):not(.no-press){transform:scale(.95);transition-duration:50ms}.btn-sm{padding:var(--space-1) var(--space-3);min-height:36px;font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);min-height:52px;font-size:1rem}.btn-block{width:100%}.input{width:100%;padding:var(--space-2) var(--space-3);min-height:44px;font-size:.875rem;background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-brand-500);box-shadow:0 0 0 3px var(--color-brand-100)}.input.error{border-color:var(--color-error);background:var(--color-error-light)}.input.error:focus{box-shadow:0 0 0 3px var(--color-error-ring);border-color:var(--color-error)}.input-error{border-color:var(--color-error)!important;background-color:var(--color-error-light)!important}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-ring)!important;border-color:var(--color-error)!important}.error-message{color:var(--color-error);font-size:var(--text-xs);font-weight:400;margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.input::-moz-placeholder{color:var(--color-slate-400)}.input::placeholder{color:var(--color-slate-400)}.textarea{min-height:100px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;padding:var(--space-2) 0;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--color-slate-200);border-radius:var(--radius-xs);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}input[type=range]:hover::-webkit-slider-runnable-track{background:var(--color-slate-300)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:22px;width:22px;border-radius:50%;background:var(--color-brand-600);margin-top:-9px;cursor:grab;box-shadow:0 2px 6px var(--color-brand-600-shadow);border:2px solid white;-webkit-transition:transform var(--transition-fast),box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px var(--color-brand-600-shadow-hover)}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}input[type=range]::-moz-range-track{width:100%;height:6px;background:var(--color-slate-200);border-radius:var(--radius-xs);-moz-transition:background var(--transition-fast);transition:background var(--transition-fast)}input[type=range]::-moz-range-thumb{height:22px;width:22px;border-radius:50%;background:var(--color-brand-600);cursor:grab;border:2px solid white;box-shadow:0 2px 6px var(--color-brand-600-shadow);-moz-transition:transform var(--transition-fast),box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px var(--color-brand-600-shadow-hover)}input[type=range]:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:4px;border-radius:var(--radius-xs)}.custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--color-slate-300, #cbd5e1);border-radius:var(--radius-xs);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);position:relative;flex-shrink:0}.custom-checkbox:hover:not(:disabled){border-color:var(--color-brand-500, #3b82f6);background:var(--color-brand-50, #eff6ff)}.custom-checkbox:checked{background:var(--color-brand-600, #2563eb);border-color:var(--color-brand-600, #2563eb)}.custom-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox:active:not(:disabled){transform:scale(.9)}.custom-checkbox:focus-visible{outline:2px solid var(--color-brand-500, #3b82f6);outline-offset:2px}.custom-checkbox:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.card{background:var(--color-surface-raised);border:1px solid var(--color-slate-200);border-radius:var(--radius-xl);padding:var(--space-4)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:.875rem;font-weight:600;color:var(--color-slate-800)}.content-section{margin-bottom:var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:700;color:var(--color-slate-900)}.section-title i{color:var(--color-brand-600)}.section-divider{height:1px;background:var(--color-slate-200);margin:var(--space-6) 0}.tool-group{background:var(--color-slate-50);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.tool-group-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-slate-500);margin-bottom:var(--space-3)}.tool-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.preview-container{display:flex;flex-direction:column;height:100%;background:var(--color-slate-100)}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-slate-200)}.preview-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-4);overflow:hidden}.preview-canvas-wrapper{position:relative;max-width:100%;max-height:100%}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);color:var(--color-slate-400);text-align:center}.preview-placeholder i{font-size:var(--icon-2xl);opacity:.5}.palette-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.palette-color{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);cursor:pointer;transition:transform var(--transition-fast)}.palette-color:hover,.palette-color:focus-visible{transform:scale(1.05)}.palette-swatch{width:var(--swatch-lg);height:var(--swatch-lg);border-radius:var(--radius-md);border:2px solid white;box-shadow:var(--shadow-sm),0 0 0 1px #0000000d;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.palette-color.selected .palette-swatch{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-brand-500)}.palette-color:focus-visible .palette-swatch{box-shadow:0 0 0 2px var(--color-brand-500),0 0 0 4px #3b82f64d}.palette-swatch{position:relative}.palette-color.selected .palette-swatch:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#00000026 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") center/40% no-repeat}.palette-hex{font-size:var(--text-2xs);font-family:var(--font-mono);color:var(--color-slate-500)}.palette-percent{font-size:var(--text-2xs);color:var(--color-slate-400)}.progress-bar{width:100%;height:8px;background:var(--color-slate-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-brand-600);border-radius:var(--radius-full);transition:width var(--transition-base)}.loading-spinner{width:24px;height:24px;border:3px solid var(--color-slate-200);border-top-color:var(--color-brand-600);border-radius:50%;animation:spin 1s linear infinite}.spin,.ph-spin,.animate-spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-slate-100) 25%,var(--color-slate-200) 50%,var(--color-slate-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-swatch{width:40px;height:40px;border-radius:var(--radius-md)}.skeleton-text{height:14px;width:60%;border-radius:var(--radius-sm)}.skeleton-bar{height:8px;width:100%;border-radius:var(--radius-full)}@keyframes canvas-flash{0%{opacity:.6}to{opacity:1}}.canvas-flash{animation:canvas-flash .2s ease-out}@keyframes handle-pulse{0%,to{box-shadow:0 2px 8px #00000026}50%{box-shadow:0 2px 8px #00000026,0 0 0 6px #2563eb33}}.comparison-handle-pulse{animation:handle-pulse 2s ease-in-out 3}@keyframes copy-flash{0%{box-shadow:0 0 #22c55e99}50%{box-shadow:0 0 0 6px #22c55e4d}to{box-shadow:0 0 #22c55e00}}.copy-flash{animation:copy-flash .4s ease-out}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.flow-exiting{animation:none!important;opacity:0}.pip-preview.pip-entering,.ready-glow,.celebrate-pop,.preview-reveal{animation:none}.skeleton{animation:none;background:var(--color-slate-200)}.canvas-flash,.copy-flash,.comparison-handle-pulse{animation:none}button:active:not(:disabled):not(.no-press),.btn:active:not(:disabled),.custom-checkbox:active:not(:disabled){transform:none}input[type=range]::-webkit-slider-thumb:hover,input[type=range]::-webkit-slider-thumb:active{transform:none}input[type=range]::-moz-range-thumb:hover{transform:none}.palette-color{animation:none}}.asset-card{background:var(--color-surface);border:1px solid var(--color-slate-200);border-radius:var(--radius-xl);overflow:hidden}.asset-preview{height:120px;display:flex;align-items:center;justify-content:center;background:var(--color-slate-50);border-bottom:1px solid var(--color-slate-200)}.asset-preview img,.asset-preview svg{max-width:80%;max-height:80%;-o-object-fit:contain;object-fit:contain}.asset-info{padding:var(--space-3)}.asset-name{font-size:.875rem;font-weight:600;color:var(--color-slate-800);margin-bottom:var(--space-1)}.asset-meta{font-size:var(--text-xs);color:var(--color-slate-500)}.asset-actions{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-slate-100)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.desktop-only{display:none}@media (min-width: 768px){.desktop-only{display:block}}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}.mobile-preview-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-slate-200);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));flex-direction:row;align-items:center;gap:var(--space-2);z-index:var(--z-bar);box-shadow:0 -4px 12px -1px #00000014;overflow-x:hidden}@media (max-width: 767px){.mobile-preview-bar{display:flex}#preview-panel,#layout-divider{display:none}#app-controls{width:100%!important;min-width:0!important;border-right:none}}@media (min-width: 768px){.mobile-preview-bar{display:none}}.mobile-processing-overlay{display:none;position:fixed;inset:0;z-index:var(--z-modal);background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.mobile-processing-overlay.visible{opacity:1;visibility:visible}@media (max-width: 767px){.mobile-processing-overlay{display:flex}}.mobile-processing-overlay-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.mobile-processing-spinner{width:48px;height:48px;border-width:4px;border-top-color:var(--color-brand-400)}.mobile-processing-label{font-size:var(--text-lg);font-weight:700;color:#fff}.mobile-processing-step{font-size:var(--text-sm);color:var(--color-slate-300);min-height:1.25em}.mobile-processing-bar{width:200px;height:6px;border-radius:999px;background:#ffffff26;overflow:hidden}.mobile-processing-bar .progress-fill{height:100%;border-radius:999px;background:var(--color-brand-500);transition:width .3s ease}.mobile-processing-cancel{margin-top:var(--space-2);padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--color-slate-300);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.mobile-processing-cancel:hover,.mobile-processing-cancel:active{background:#fff3}@media (max-width: 767px){#toast{top:env(safe-area-inset-top,12px)!important;bottom:auto!important;right:var(--space-3)!important}}#toast.toast-root{transition-property:opacity,transform;transition-duration:var(--toast-duration);transition-timing-function:cubic-bezier(.16,1,.3,1)}.transition-interactive{transition-property:color,background-color,border-color,box-shadow,transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-interactive-width{transition-property:color,background-color,border-color,box-shadow,transform,opacity,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}#batch-modal{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base),visibility var(--transition-base)}#batch-modal.batch-modal-open{opacity:1;visibility:visible;pointer-events:auto}#batch-backdrop{transition:opacity var(--transition-base)}#ai-loading{transition:opacity var(--transition-base);opacity:0;pointer-events:none}#ai-loading.ai-loading-visible{opacity:1;pointer-events:auto}.preview-thumb{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-slate-100);overflow:hidden;flex-shrink:0;position:relative;border:1px solid var(--color-slate-200)}.preview-thumb-placeholder{position:absolute;inset:0}.preview-thumb-canvas{width:48px;height:48px;display:none;position:absolute;inset:0}.preview-thumb-canvas.visible{display:block}#crop-canvas{cursor:grab}#crop-canvas:active{cursor:grabbing}#crop-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--brand-500, #6366f1);cursor:pointer}#crop-zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--brand-500, #6366f1);border:none;cursor:pointer}.modal-overlay{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base),visibility var(--transition-base)}.modal-overlay>div{transform:scale(.95);transition:transform var(--transition-base)}.modal-overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.modal-overlay.visible>div{transform:scale(1)}.toast-action{cursor:pointer;background:none;border:none;color:inherit;text-decoration:underline;font:inherit;font-weight:600;margin-left:var(--space-2);padding:0;white-space:nowrap}.toast-action:hover{opacity:.8}.mobile-preview-modal{position:fixed;inset:0;background:var(--color-surface-raised);z-index:var(--z-modal);transform:translateY(100%);transition:transform var(--transition-slow) var(--ease-out-expo);display:flex;flex-direction:column}.mobile-preview-modal.expanded{transform:translateY(0)}.mobile-preview-modal.expanded #modal-preview-content>*{margin:auto;max-width:100%;max-height:100%}.mobile-preview-modal.expanded #modal-preview-content canvas{display:block;-o-object-fit:contain;object-fit:contain}.mobile-preview-modal.expanded #modal-preview-content [id^=preview-]{position:relative}@media (min-width: 1024px){.mobile-preview-modal{display:none!important}}.modal-header-pill{position:absolute;top:var(--space-3);right:var(--space-3);z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1)}.modal-pill-btn{width:36px;height:36px;border-radius:var(--radius-full);border:none;background:transparent;color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.modal-pill-btn:hover{background:#ffffff26}.modal-pill-btn:active{transform:scale(.92)}.modal-pill-btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.modal-pill-btn-surface{background:var(--color-slate-100);color:var(--color-slate-600);width:40px;height:40px;border-radius:var(--radius-lg)}.modal-pill-btn-surface:hover{background:var(--color-slate-200)}.modal-palette-strip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-top:1px solid var(--color-slate-200);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0}.modal-palette-strip::-webkit-scrollbar{display:none}.modal-palette-swatch{flex:0 0 auto;width:36px;height:36px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #00000014,0 1px 2px #0000001a;cursor:pointer;padding:0;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.modal-palette-swatch:hover,.modal-palette-swatch:focus-visible{transform:scale(1.08);box-shadow:0 0 0 2px var(--color-brand-500),0 2px 6px #00000026;outline:none}.modal-palette-swatch:active{transform:scale(.96)}.modal-palette-swatch.is-selected{box-shadow:0 0 0 2px var(--color-brand-500),0 2px 6px #00000026}.modal-palette-strip.is-replace-mode{flex-direction:column;align-items:stretch;gap:var(--space-2);overflow:visible}.modal-palette-strip .modal-palette-swatches{display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 4px;margin:-8px -4px}.modal-palette-strip .modal-palette-swatches::-webkit-scrollbar{display:none}.modal-palette-replace-header{display:flex;align-items:center;gap:var(--space-2);padding:2px 0}.modal-palette-replace-swatch{width:22px;height:22px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #00000014,0 1px 2px #0000001a;flex-shrink:0}.modal-palette-replace-text{font-size:var(--text-sm);font-weight:600;color:var(--color-slate-700);flex:1;min-width:0}.modal-palette-replace-cancel{background:transparent;border:none;color:var(--color-slate-500);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.modal-palette-replace-cancel:hover,.modal-palette-replace-cancel:focus-visible{background:var(--color-slate-100);color:var(--color-slate-700);outline:none}@media (prefers-color-scheme: dark){.modal-palette-replace-text{color:var(--color-slate-200)}.modal-palette-replace-cancel{color:var(--color-slate-400)}.modal-palette-replace-cancel:hover,.modal-palette-replace-cancel:focus-visible{background:var(--color-slate-700);color:var(--color-slate-200)}.modal-palette-replace-swatch{border-color:#0f172ae6}.modal-palette-swatch{border-color:#0f172ae6;box-shadow:0 0 0 1px #ffffff1f,0 1px 2px #0006}}.modal-bottom-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-slate-200);flex-shrink:0}.modal-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-xl);font-size:var(--text-md);font-weight:600;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.modal-action-btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.modal-action-primary{background:var(--color-brand-600);color:#fff;box-shadow:0 2px 8px #2563eb40}.modal-action-primary:hover:not(:disabled){background:var(--color-brand-700)}.modal-action-success{background:#16a34a;color:#fff;box-shadow:0 2px 8px #16a34a40}.modal-action-success:hover:not(:disabled){background:#15803d}.modal-presets-menu{position:absolute;bottom:calc(100% + var(--space-2));right:0;left:auto;background:var(--color-surface-raised);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);padding:var(--space-1);min-width:160px;z-index:var(--z-controls)}.modal-preset-option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-slate-600);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.modal-preset-option:hover{background:var(--color-slate-100)}.modal-preset-option.active{background:var(--color-brand-50);color:var(--color-brand-700)}.mobile-bar-preview-area{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;cursor:pointer}.preview-thumb-expand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;font-size:1.1rem;border-radius:inherit;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.mobile-bar-preview-area:active .preview-thumb-expand{opacity:1}.mobile-bar-actions{display:flex;gap:var(--space-2);flex-shrink:1;min-width:0}.mobile-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;min-height:44px;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;min-width:0}.mobile-action-btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.mobile-action-primary{background:var(--color-brand-600);color:#fff}.mobile-action-primary:hover:not(:disabled){background:var(--color-brand-700)}.mobile-action-success{background:#16a34a;color:#fff}.mobile-action-success:hover:not(:disabled){background:#15803d}.mobile-swipe-handle{display:flex;justify-content:center;padding:8px 0 4px;cursor:grab;flex-shrink:0}.mobile-swipe-handle-bar{width:36px;height:4px;border-radius:2px;background:var(--color-slate-300)}@media (prefers-color-scheme: dark){.mobile-swipe-handle-bar{background:var(--color-slate-600)}}.mobile-step-chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);box-sizing:border-box;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--color-slate-600);background:var(--color-slate-100);border:none;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-step-chip:hover:not(:disabled){background:var(--color-slate-200)}.mobile-step-chip:disabled{opacity:.4;cursor:default}.mobile-step-chip-primary{background:var(--color-brand-600);color:#fff}.mobile-step-chip-primary:hover:not(:disabled){background:var(--color-brand-700)}.mobile-step-chip-success{background:#16a34a;color:#fff}.mobile-step-chip-success:hover:not(:disabled){background:#15803d}@media (prefers-color-scheme: dark){.mobile-step-chip{color:#e2e8f0;background:#334155}.mobile-step-chip:hover:not(:disabled){background:#475569}}.batch-queue-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-slate-200);background:var(--color-white);transition:border-color var(--transition-base)}@media (prefers-color-scheme: dark){.batch-queue-item{border-color:#475569;background:#1e293b}}.batch-queue-item.processing{border-color:var(--color-brand-400)}.batch-queue-item.done{border-color:var(--color-green-400)}.batch-queue-item.error{border-color:var(--color-red-400)}.batch-queue-thumb{width:32px;height:32px;border-radius:var(--radius-md);-o-object-fit:contain;object-fit:contain;background:var(--color-slate-100);flex-shrink:0}@media (prefers-color-scheme: dark){.batch-queue-thumb{background:#334155}}.pip-preview{display:none;position:fixed;width:120px;height:120px;bottom:calc(var(--mobile-preview-bar-height) + var(--space-3) + var(--safe-area-bottom));right:var(--space-3);z-index:var(--z-pip);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl-elevated);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:grab;will-change:transform}@media (max-width: 767px){.pip-preview.pip-visible{display:block}}@media (min-width: 768px){.pip-preview{display:none!important}}.pip-preview.pip-dragging{cursor:grabbing;transition:none;box-shadow:var(--shadow-2xl-heavy);transform:scale(1.05)}.pip-preview.pip-dismissing{transition:transform var(--pip-dismiss-duration) var(--ease-out-expo),opacity var(--pip-dismiss-duration) ease;opacity:0;pointer-events:none}.pip-preview.pip-entering{animation:pipEnter var(--pip-enter-duration) var(--ease-out-expo) forwards}@keyframes pipEnter{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}#pip-canvas{width:100%;height:100%;display:block}.pip-expand-btn{position:absolute;bottom:var(--space-1);right:var(--space-1);width:28px;height:28px;border-radius:var(--radius-full);background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:var(--text-md);cursor:pointer;transition:opacity var(--transition-fast)}.pip-expand-btn:active{transform:scale(.9)}.pip-restore-btn{background:var(--color-slate-100);color:var(--color-slate-600)}.pip-restore-btn:hover{background:var(--color-slate-200)}@media (max-width: 767px) and (orientation: landscape){.pip-preview{width:96px;height:96px}}.checkerboard{background-image:linear-gradient(45deg,var(--color-checkerboard-square) 25%,transparent 25%),linear-gradient(-45deg,var(--color-checkerboard-square) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-checkerboard-square) 75%),linear-gradient(-45deg,transparent 75%,var(--color-checkerboard-square) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:var(--color-checkerboard-bg)}.checkerboard.dark-preview{background-color:#0f172a;background-image:linear-gradient(45deg,#1e293b 25%,transparent 25%),linear-gradient(-45deg,#1e293b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e293b 75%),linear-gradient(-45deg,transparent 75%,#1e293b 75%)}.checkerboard.dark-preview #preview-placeholder{opacity:.5}.checkerboard.dark-preview #preview-placeholder i,.checkerboard.dark-preview #preview-placeholder p{color:var(--color-slate-400)}.checkerboard-sm{background-image:linear-gradient(45deg,var(--color-checkerboard-square) 25%,transparent 25%),linear-gradient(-45deg,var(--color-checkerboard-square) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-checkerboard-square) 75%),linear-gradient(-45deg,transparent 75%,var(--color-checkerboard-square) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:var(--color-checkerboard-bg)}.layout-divider{width:6px;cursor:col-resize;background:transparent;position:relative;z-index:var(--z-divider);flex-shrink:0;display:none}@media (min-width: 1024px){.layout-divider{display:block}}.layout-divider:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:var(--color-slate-200);transition:background var(--transition-fast),width var(--transition-fast)}.layout-divider:hover:before,.layout-divider.dragging:before{width:4px;background:var(--color-brand-500)}.divider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:20px;pointer-events:none;background-image:radial-gradient(circle,var(--color-slate-300) 1.5px,transparent 1.5px);background-size:4px 7px;background-position:center;background-repeat:repeat-y;transition:background-image var(--transition-fast)}.layout-divider:hover .divider-handle,.layout-divider.dragging .divider-handle{background-image:radial-gradient(circle,var(--color-brand-500) 1.5px,transparent 1.5px)}.app-layout.resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize!important}.app-layout.resizing *{pointer-events:none;cursor:col-resize!important}body.layout-resizing,body.layout-resizing *{-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important}.style-chip{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;background:var(--color-slate-100);border:1px solid var(--color-slate-200);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.style-chip:hover{background:var(--color-slate-200)}.style-chip.active{background:var(--color-brand-600);color:#fff;border-color:var(--color-brand-600)}.ai-variation-item{border:2px solid var(--color-slate-200);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer}.ai-variation-item img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}#app-controls .ai-variation-item.selected{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-brand-500)}.ai-variation-skeleton{cursor:default;pointer-events:none}.copied{color:var(--color-success)!important;transition:color var(--transition-base)}.collapsible-content{max-height:2000px;overflow:visible;transition:max-height var(--transition-slow)}.collapsible.collapsed .collapsible-content{max-height:0;overflow:hidden}.collapsible .chevron{transition:transform var(--transition-fast)}.collapsible.collapsed .chevron{transform:rotate(-90deg)}#dropzone.drag-over{border-color:var(--color-brand-500);background:var(--color-brand-50)}#dropzone.loading{opacity:.7;pointer-events:none}.project-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:var(--color-surface-raised);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:var(--z-dropdown)}.project-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.project-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background var(--transition-fast)}.project-list-item:hover{background:var(--color-slate-50)}.project-list-item.active{background:var(--color-brand-50)}.project-list-thumb{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-slate-100);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-list-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-list-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-slate-400)}.project-list-empty p{margin:0;font-size:.8125rem;font-weight:500;color:var(--color-slate-500)}.project-list-empty .hint{font-size:var(--text-11);font-weight:400;color:var(--color-slate-400);margin-top:var(--space-1)}.bg-transparent-pattern{background-image:linear-gradient(45deg,var(--color-checkerboard-square) 25%,transparent 25%),linear-gradient(-45deg,var(--color-checkerboard-square) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-checkerboard-square) 75%),linear-gradient(-45deg,transparent 75%,var(--color-checkerboard-square) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;background-color:var(--color-checkerboard-bg)}.custom-scroll{scrollbar-width:thin;scrollbar-color:var(--color-slate-300) transparent}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:var(--radius-xs)}.custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}#color-pins-container{pointer-events:none}.color-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;z-index:var(--z-sticky)}.color-pin-dot{width:var(--swatch-sm);height:var(--swatch-sm);border-radius:50%;border:2px solid white;box-shadow:var(--shadow-pin);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.color-pin:hover .color-pin-dot,.color-pin:focus-visible .color-pin-dot{transform:scale(1.3);box-shadow:var(--shadow-pin-hover)}.color-pin.selected .color-pin-dot{transform:scale(1.4);box-shadow:var(--shadow-pin-selected)}.color-pin-label{position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:#000c;color:#fff;font-size:var(--text-2xs);font-family:var(--font-mono);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.color-pin:hover .color-pin-label,.color-pin:focus-visible .color-pin-label{opacity:1}.color-pin.selected .color-pin-label{opacity:1;background:var(--color-brand-600)}#canvas-zoom-container{cursor:grab}#canvas-zoom-container.grabbing{cursor:grabbing}#canvas-zoom-container.picker-mode,#canvas-zoom-container.picker-mode.grabbing{cursor:crosshair}.color-context-menu{position:fixed;z-index:var(--z-popover);min-width:180px;background:var(--color-surface-raised);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-1);animation:pop .15s ease-out}.color-context-menu.hidden{display:none}.color-menu-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-slate-100);margin-bottom:var(--space-1)}.color-menu-header.hidden{display:none}.color-menu-swatch{width:var(--swatch-md);height:var(--swatch-md);border-radius:var(--radius-sm);border:2px solid white;box-shadow:0 0 0 1px var(--color-slate-200),var(--shadow-sm)}.color-menu-hex{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-slate-700)}.color-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-slate-700);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);text-align:left}.color-menu-item:hover{background:var(--color-slate-50);color:var(--color-slate-900)}.color-menu-item i{font-size:var(--icon-sm);color:var(--color-slate-400)}.color-menu-item:hover i{color:var(--color-slate-600)}.color-menu-item.danger{color:var(--color-error-dark)}.color-menu-item.danger:hover{background:var(--color-error-light);color:var(--color-error-dark)}.color-menu-item.danger i{color:var(--color-error)}.color-menu-item.danger:hover i{color:var(--color-error-dark)}.color-menu-item:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:-2px;background:var(--color-slate-50);color:var(--color-slate-900)}.color-menu-item.danger:focus-visible{outline:2px solid var(--color-error);outline-offset:-2px;background:var(--color-error-light);color:var(--color-error-dark)}.color-menu-divider{height:1px;background:var(--color-slate-100);margin:var(--space-1) 0}#app-controls .tool-btn.picker-active{background:var(--color-brand-50);border-color:var(--color-brand-500);color:var(--color-brand-700);box-shadow:0 0 0 2px var(--color-brand-500)}#app-controls .tool-btn.picker-active i{color:var(--color-brand-600)}.og-preset-color{transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.og-preset-color:hover{transform:scale(1.1)}.og-preset-color.active{box-shadow:0 0 0 2px var(--color-brand-500);transform:scale(1.05)}.og-preset-color[data-color="#000000"].active{box-shadow:0 0 0 2px var(--color-brand-500),0 0 0 4px #fff}#og-zoom-content{transition:opacity var(--transition-fast)}.og-updating{opacity:.5}@media (max-width: 767px){#color-palette-grid{grid-template-columns:repeat(4,1fr);gap:.375rem}.upload-preview-row{flex-wrap:wrap;align-items:center}.upload-preview-actions{width:auto;margin-left:auto;justify-content:flex-end;flex-shrink:0;align-self:center}#upload-filename{max-width:min(44vw,180px)}.og-controls .og-row{flex-wrap:wrap}.og-controls .og-row>label{width:100%;margin-bottom:.25rem}}#section-ai,#section-edit,#section-export{transition:background var(--transition-base),border-color var(--transition-base)}@media (min-width: 768px){#section-ai,#section-edit,#section-export{position:relative;margin-left:calc(-1 * var(--space-6));padding-left:var(--space-6)}#section-ai:before,#section-edit:before,#section-export:before{content:"";position:absolute;left:0;top:calc(-1 * var(--space-8));bottom:calc(-1 * var(--space-8));width:5px;border-radius:var(--radius-full);background:transparent;pointer-events:none;transition:background-color var(--transition-base)}#section-ai:before{top:0;bottom:0;border-radius:0}#section-ai{margin-top:calc(-1 * var(--space-6));padding-top:var(--space-6);margin-bottom:calc(-1 * var(--space-8));padding-bottom:var(--space-8)}#section-ai:has(#start-over-btn:not(.hidden)):has(#create-chooser.hidden){display:flex;flex-direction:column;justify-content:center;min-height:40px}#section-export:before{bottom:0}#section-ai.active-section{background:linear-gradient(90deg,rgba(168,85,247,.04),transparent 80%)}#section-ai.active-section:before{background:#a855f7}#section-edit.active-section{background:linear-gradient(90deg,rgba(59,130,246,.04),transparent 80%)}#section-edit.active-section:before{background:#3b82f6}#section-export.active-section{background:linear-gradient(90deg,rgba(34,197,94,.04),transparent 80%)}#section-export.active-section:before{background:#22c55e}}@media (max-width: 767px) and (orientation: landscape){:root{--mobile-preview-bar-height: 56px}.mobile-preview-bar{height:56px;padding:0 var(--space-3)}.preview-thumb{width:44px;height:44px}}.style-card:active{transform:scale(.95)}.preset-card:active:not(.active),.style-chip:active:not(.active),.color-menu-item:active,.modal-preset-option:active{transform:scale(.97);transition-duration:50ms}.modal-tab-content{transition:opacity var(--transition-fast),transform var(--transition-fast)}.modal-tab-content.tab-entering{opacity:0;transform:translateY(4px)}.modal-tab-content.tab-exiting{opacity:0;transform:translateY(-4px)}#app-controls .style-card.active-style{border-color:var(--color-brand-600);background-color:var(--color-brand-50)}#app-controls .style-card.active-style .style-icon-wrapper{background-color:var(--color-brand-100);color:var(--color-brand-600)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#upload-palette .palette-color{animation:fadeSlideUp .2s ease-out backwards}#upload-palette .palette-color:nth-child(1){animation-delay:0ms}#upload-palette .palette-color:nth-child(2){animation-delay:var(--stagger-delay)}#upload-palette .palette-color:nth-child(3){animation-delay:calc(2 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(4){animation-delay:calc(3 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(5){animation-delay:calc(4 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(6){animation-delay:calc(5 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(7){animation-delay:calc(6 * var(--stagger-delay))}#upload-palette .palette-color:nth-child(8){animation-delay:calc(7 * var(--stagger-delay))}@media (prefers-reduced-motion: reduce){#upload-palette .palette-color{animation:none;opacity:1}}@keyframes celebratePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.preview-reveal{animation:previewReveal .4s ease-out}@keyframes previewReveal{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}#batch-dropzone.drag-over{border-color:var(--color-brand-400);background:var(--color-brand-50)}@media (prefers-color-scheme: dark){:root{--color-slate-50: #0f172a;--color-slate-100: #1e293b;--color-slate-200: #334155;--color-slate-300: #475569;--color-slate-400: #64748b;--color-slate-500: #94a3b8;--color-slate-600: #cbd5e1;--color-slate-700: #e2e8f0;--color-slate-800: #f1f5f9;--color-slate-900: #f8fafc;--color-brand-50: rgba(59, 130, 246, .1);--color-brand-100: rgba(59, 130, 246, .2);--color-surface: #0f172a;--color-surface-raised: #1e293b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3)}.select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.palette-swatch{border-color:var(--color-slate-100)}.palette-color:not(:has(.skeleton)):after{color:#f8fafc;background:#0f172af5;border:1px solid rgba(148,163,184,.45)}.color-swatch{border-color:#94a3b84d}.color-swatch.selected{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-slate-50),0 0 0 4px var(--color-brand-500)}.preset-card:not(.active){background:#1e293b;border-color:#475569;color:#cbd5e1}.preset-card:not(.active) .preset-desc{color:#94a3b8}.preset-card:hover{border-color:var(--color-brand-500);background:#3b82f61a}.preset-card.active{border-color:var(--color-brand-500);background:#3b82f626;color:#dbeafe}.preset-card.active .preset-desc{color:#93c5fd}.og-preset-color[data-color="#000000"].active{box-shadow:0 0 0 2px var(--color-brand-500),0 0 0 4px var(--color-slate-100)}}.back-nav-btn{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) 0;background:none;border:none;cursor:pointer;font-size:.75rem;font-weight:500;color:var(--color-slate-400);transition:color var(--transition-fast)}.back-nav-btn:hover{color:var(--color-brand-600)}@media (min-width: 768px){.back-nav-btn{display:none}}@keyframes unsavedPulse{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.unsaved-pulse{animation:unsavedPulse .4s ease-out}#picker-banner{transition:opacity var(--transition-base),transform var(--transition-base)}.picker-banner-enter{opacity:0;transform:translate(-50%,-8px)}.picker-banner-active{opacity:1;transform:translate(-50%);pointer-events:auto}@keyframes previewModeFade{0%{opacity:0}to{opacity:1}}.preview-mode-fade{animation:previewModeFade .2s ease-out}@media (prefers-reduced-motion: reduce){.unsaved-pulse{animation:none}#picker-banner{transition:none}.preview-mode-fade{animation:none}}.onboarding-overlay{position:fixed;inset:0;z-index:var(--z-onboarding);display:flex;align-items:center;justify-content:center;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-slow)}.onboarding-overlay.visible{opacity:1}.onboarding-card{background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 0 0 1px #0000000d;padding:var(--space-10) var(--space-8);max-width:420px;width:90vw;text-align:center;transform:scale(.95);opacity:0;transition:transform .4s var(--ease-out-expo),opacity .4s var(--ease-out-expo)}.onboarding-overlay.visible .onboarding-card{transform:scale(1);opacity:1}.onboarding-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-brand-50);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--color-brand-600)}.onboarding-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--color-slate-900);margin:0 0 var(--space-2);line-height:1.2}.onboarding-subtitle{font-family:var(--font-sans);font-size:var(--text-15);color:var(--color-slate-500);margin:0 0 var(--space-6);line-height:1.5}.onboarding-actions{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-4)}.onboarding-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-brand-600);color:#fff;font-family:var(--font-sans);font-weight:600;font-size:var(--text-md);border-radius:var(--radius-lg);border:none;cursor:pointer;box-shadow:0 2px 8px var(--color-brand-600-shadow);transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.onboarding-btn-primary:hover{background:var(--color-brand-700);box-shadow:0 4px 12px var(--color-brand-600-shadow-hover);transform:translateY(-1px)}.onboarding-btn-primary:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.onboarding-btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;color:var(--color-brand-600);font-family:var(--font-sans);font-weight:600;font-size:var(--text-md);border-radius:var(--radius-lg);border:1.5px solid var(--color-brand-200);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.onboarding-btn-secondary:hover{background:var(--color-brand-50);border-color:var(--color-brand-500);transform:translateY(-1px)}.onboarding-btn-secondary:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.onboarding-skip{background:none;border:none;color:var(--color-slate-400);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.onboarding-skip:hover{color:var(--color-slate-600)}.onboarding-skip:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.onboarding-hint{position:fixed;z-index:var(--z-onboarding);background:#fffffff7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--color-brand-500);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 4px #3b82f61f;padding:var(--space-3) var(--space-4);max-width:280px;display:flex;align-items:flex-start;gap:var(--space-2);animation:hintAppear .35s var(--ease-out-expo) forwards}.onboarding-hint-arrow{position:absolute;width:12px;height:12px;background:#fffffff7;transform:rotate(45deg)}.onboarding-hint[data-arrow=up] .onboarding-hint-arrow{top:-6px;left:24px;box-shadow:-2px -2px 0 0 var(--color-brand-500)}.onboarding-hint[data-arrow=down] .onboarding-hint-arrow{bottom:-6px;left:24px;box-shadow:2px 2px 0 0 var(--color-brand-500)}.onboarding-hint-text{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-slate-700);line-height:1.5;flex:1;margin:0}.onboarding-hint-dismiss{flex-shrink:0;background:none;border:none;color:var(--color-slate-400);cursor:pointer;padding:2px;font-size:var(--text-md);border-radius:var(--radius-xs);transition:color var(--transition-fast)}.onboarding-hint-dismiss:hover{color:var(--color-slate-600)}.onboarding-hint-dismiss:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:1px}@keyframes hintAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-sample-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-top:var(--space-2);background:var(--color-brand-50);border:1px solid var(--color-brand-100);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-brand-700);animation:hintAppear .35s var(--ease-out-expo) forwards}.onboarding-sample-badge button{background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);padding:0;border-radius:var(--radius-xs)}.onboarding-sample-badge button:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:1px}.onboarding-badge-upload{color:var(--color-brand-600);font-weight:600;text-decoration:underline;text-underline-offset:2px}.onboarding-badge-upload:hover{color:var(--color-brand-700)}.onboarding-badge-dismiss{color:var(--color-slate-400);margin-left:auto}.onboarding-badge-dismiss:hover{color:var(--color-slate-600)}@media (prefers-color-scheme: dark){.onboarding-overlay{background:#0009}.onboarding-card{background:#1e293bf7;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0f}.onboarding-icon{background:#2563eb26}.onboarding-title{color:#f8fafc}.onboarding-subtitle{color:#94a3b8}.onboarding-btn-secondary{color:var(--color-brand-300);border-color:var(--color-slate-600)}.onboarding-btn-secondary:hover{background:#2563eb1a;border-color:var(--color-brand-500)}.onboarding-skip{color:var(--color-slate-500)}.onboarding-skip:hover{color:var(--color-slate-300)}.onboarding-hint{background:#1e293bf7;border-color:var(--color-brand-400);box-shadow:var(--shadow-lg),0 0 0 4px #3b82f633}.onboarding-hint-arrow{background:#1e293bf7}.onboarding-hint-text{color:#fff}.onboarding-hint-dismiss{color:var(--color-slate-500)}.onboarding-hint-dismiss:hover{color:var(--color-slate-300)}.onboarding-sample-badge{background:#2563eb1a;border-color:#2563eb33;color:var(--color-brand-300)}.onboarding-badge-upload{color:var(--color-brand-400)}.onboarding-badge-upload:hover{color:var(--color-brand-300)}}.dark .onboarding-overlay{background:#0009}.dark .onboarding-card{background:#1e293bf7;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0f}.dark .onboarding-icon{background:#2563eb26}.dark .onboarding-title{color:#f8fafc}.dark .onboarding-subtitle{color:#94a3b8}.dark .onboarding-btn-secondary{color:var(--color-brand-300);border-color:var(--color-slate-600)}.dark .onboarding-btn-secondary:hover{background:#2563eb1a;border-color:var(--color-brand-500)}.dark .onboarding-skip{color:var(--color-slate-500)}.dark .onboarding-skip:hover{color:var(--color-slate-300)}.dark .onboarding-hint{background:#1e293bf7;border-color:var(--color-brand-400);box-shadow:var(--shadow-lg),0 0 0 4px #3b82f633}.dark .onboarding-hint-arrow{background:#1e293bf7}.dark .onboarding-hint-text{color:#fff}.dark .onboarding-hint-dismiss{color:var(--color-slate-500)}.dark .onboarding-hint-dismiss:hover{color:var(--color-slate-300)}@media (max-width: 767px){.onboarding-actions{flex-direction:column}.onboarding-btn-primary,.onboarding-btn-secondary{width:100%;justify-content:center}.onboarding-hint{max-width:calc(100vw - 24px)}}#comparison-container[aria-busy=true]{position:relative}.vector-preview-busy-overlay{opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.vector-preview-busy-overlay.vector-preview-busy-visible{opacity:1;visibility:visible}#vtracer-settings.vector-preview-pending{box-shadow:inset 0 0 0 1px #2563eb59;border-radius:var(--space-2, .5rem)}@media (prefers-reduced-motion: reduce){.vector-preview-busy-overlay,.onboarding-overlay{transition:none}.onboarding-card{transition:none;transform:none;opacity:1}.onboarding-hint,.onboarding-sample-badge{animation:none;opacity:1}}.placeholder\:text-slate-300::-moz-placeholder{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-300::placeholder{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.hover\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.hover\:border-brand-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:border-orange-300:hover{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.hover\:border-red-300:hover{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.hover\:border-slate-300:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.hover\:border-slate-400:hover{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-50:hover{background-color:var(--color-brand-50)}.hover\:bg-brand-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-green-100:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-brand-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-brand-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-brand-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-purple-700:hover{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-slate-400:hover{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.hover\:text-slate-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hover\:text-slate-800:hover{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--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)}.hover\:shadow-md:hover{--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)}.focus\:border-brand-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.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-brand-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-brand-600:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1))}.focus\:ring-slate-900:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1))}.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-brand-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:bg-brand-600:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.disabled\:hover\:shadow-md:hover:disabled{--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)}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.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))}.group:hover .group-hover\:border-orange-400{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.group:hover .group-hover\:bg-brand-50{background-color:var(--color-brand-50)}.group:hover .group-hover\:text-brand-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-brand-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:ring-2{--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)}.group:hover .group-hover\:ring-brand-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}@media not all and (min-width: 768px){.max-md\:hidden{display:none}}@media (min-width: 640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:w-auto{width:auto}.sm\:flex-1{flex:1 1 0%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-stretch{align-items:stretch}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.md\:right-8{right:2rem}.md\:block{display:block}.md\:inline-flex{display:inline-flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-2{gap:.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\: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)}}@media (prefers-color-scheme: dark){.dark\:border-brand-700{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.dark\:border-green-800{--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.dark\:border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.dark\:border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.dark\:border-slate-500{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}.dark\:border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.dark\:border-slate-600\/50{border-color:#47556980}.dark\:border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.dark\:bg-amber-900\/30{background-color:#78350f4d}.dark\:bg-black\/40{background-color:#0006}.dark\:bg-brand-900{--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.dark\:bg-brand-900\/20{background-color:#1e3a8a33}.dark\:bg-brand-900\/40{background-color:#1e3a8a66}.dark\:bg-green-900\/20{background-color:#14532d33}.dark\:bg-green-900\/30{background-color:#14532d4d}.dark\:bg-red-900\/20{background-color:#7f1d1d33}.dark\:bg-red-900\/30{background-color:#7f1d1d4d}.dark\:bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-700\/30{background-color:#3341554d}.dark\:bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-800\/50{background-color:#1e293b80}.dark\:bg-slate-800\/80{background-color:#1e293bcc}.dark\:bg-slate-800\/90{background-color:#1e293be6}.dark\:bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-900\/80{background-color:#0f172acc}.dark\:bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-950\/70{background-color:#020617b3}.dark\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.dark\:text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.dark\:text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.dark\:text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.dark\:text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.dark\:text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.dark\:text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.dark\:text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark\:text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.dark\:text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.dark\:shadow-\[0_10px_40px_rgba\(0\,0\,0\,0\.55\)\]{--tw-shadow: 0 10px 40px rgba(0,0,0,.55);--tw-shadow-colored: 0 10px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:ring-1{--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)}.dark\:ring-blue-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1))}.dark\:ring-white\/25{--tw-ring-color: rgb(255 255 255 / .25)}.dark\:placeholder\:text-slate-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:placeholder\:text-slate-500::placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:hover\:border-blue-500:hover,.dark\:hover\:border-brand-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.dark\:hover\:border-orange-500:hover{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.dark\:hover\:border-red-500:hover{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.dark\:hover\:bg-brand-900\/20:hover{background-color:#1e3a8a33}.dark\:hover\:bg-brand-900\/30:hover{background-color:#1e3a8a4d}.dark\:hover\:bg-green-900\/30:hover{background-color:#14532d4d}.dark\:hover\:bg-orange-900\/20:hover{background-color:#7c2d1233}.dark\:hover\:bg-red-900\/20:hover{background-color:#7f1d1d33}.dark\:hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-slate-600:hover{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-slate-700\/50:hover{background-color:#33415580}.dark\:hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-blue-200:hover{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.dark\:hover\:text-purple-300:hover{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.dark\:hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:hover\:text-slate-200:hover{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark\:hover\:text-slate-300:hover{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:hover\:text-slate-500:hover{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:focus\:bg-slate-700:focus{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:focus\:ring-slate-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1))}.group:hover .dark\:group-hover\:bg-brand-900\/40{background-color:#1e3a8a66}.group:hover .dark\:group-hover\:text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.group:hover .dark\:group-hover\:text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.group:hover .dark\:group-hover\:text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}}