@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Space+Grotesk:wght@400;500;700&family=Syne:wght@700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,:before,:after,::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:#3b82f680;--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:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,Outfit,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{-webkit-user-select:none;user-select:none;color:#1d1d1f;background-color:#eef0f4;width:100vw;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,sans-serif;line-height:1rem;overflow:hidden}.\!container{width:100%!important}.container{width:100%}@media (width>=640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (width>=768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (width>=1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (width>=1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (width>=1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-right-0\.5{right:-.125rem}.-top-0\.5{top:-.125rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.bottom-\[-150px\]{bottom:-150px}.bottom-\[-32px\]{bottom:-32px}.bottom-\[-40px\]{bottom:-40px}.bottom-\[-4px\]{bottom:-4px}.bottom-\[-5px\]{bottom:-5px}.left-0{left:0}.left-\[-4px\]{left:-4px}.left-\[-5px\]{left:-5px}.left-\[50\%\]{left:50%}.right-0{right:0}.right-6{right:1.5rem}.right-\[-4px\]{right:-4px}.right-\[-5px\]{right:-5px}.top-0{top:0}.top-\[-4px\]{top:-4px}.top-\[-5px\]{top:-5px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[3\]{z-index:3}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.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-\[1650px\]{height:1650px}.h-\[16px\]{height:16px}.h-\[20px\]{height:20px}.h-\[32px\]{height:32px}.h-\[50px\]{height:50px}.h-\[510px\]{height:510px}.h-\[calc\(100\%-50px\)\]{height:calc(100% - 50px)}.h-\[calc\(100vh-56px\)\]{height:calc(100vh - 56px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-0{max-height:0}.max-h-60{max-height:15rem}.max-h-\[2000px\]{max-height:2000px}.max-h-\[calc\(100dvh-3rem\)\]{max-height:calc(100dvh - 3rem)}.min-h-0{min-height:0}.w-0{width:0}.w-1\/2{width:50%}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[1\.5px\]{width:1.5px}.w-\[1px\]{width:1px}.w-\[245px\]{width:245px}.w-\[800px\]{width:800px}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-\[116px\]{min-width:116px}.min-w-\[160px\]{min-width:160px}.min-w-\[20px\]{min-width:20px}.min-w-\[24px\]{min-width:24px}.min-w-\[300px\]{min-width:300px}.min-w-\[32px\]{min-width:32px}.max-w-\[420px\]{max-width:420px}.max-w-\[800px\]{max-width:800px}.max-w-md{max-width:28rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[18px\]{--tw-translate-x:18px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[2px\]{--tw-translate-x:2px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:1s infinite bounce}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,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-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-t-\[18px\]{border-top-left-radius:18px;border-top-right-radius:18px}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-border{border-color:var(--border-color)}.border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-200\/50{border-color:#e5e7eb80}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-50{--tw-border-opacity:1;border-color:rgb(249 250 251/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-950\/10{border-color:#0206171a}.border-slate-950\/15{border-color:#02061726}.border-transparent{border-color:#0000}.bg-\[\#0c0d0f\]{--tw-bg-opacity:1;background-color:rgb(12 13 15/var(--tw-bg-opacity,1))}.bg-\[\#eef0f4\]{--tw-bg-opacity:1;background-color:rgb(238 240 244/var(--tw-bg-opacity,1))}.bg-\[\#f3f4f6\]{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-\[\#f9fafb\]{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-accent{background-color:var(--accent-color)}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:#0006}.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-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-50\/30{background-color:#f9fafb4d}.bg-gray-50\/50{background-color:#f9fafb80}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/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-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/70{background-color:#ffffffb3}.bg-white\/85{background-color:#ffffffd9}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0\.5{padding:.125rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.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-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[80px\]{padding-left:80px;padding-right:80px}.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-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[14px\]{font-size:14px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.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-\[\#1d1d1f\]{--tw-text-opacity:1;color:rgb(29 29 31/var(--tw-text-opacity,1))}.text-accent{color:var(--accent-color)}.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-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-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/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-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 -4px 20px #0000000f;--tw-shadow-colored:0 -4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_16px_36px_rgba\(15\,23\,42\,0\.12\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.92\)\]{--tw-shadow:0 16px 36px #0f172a1f,inset 0 1px 0 #ffffffeb;--tw-shadow-colored:0 16px 36px var(--tw-shadow-color), inset 0 1px 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-\[0_8px_30px_rgba\(16\,185\,129\,0\.12\)\]{--tw-shadow:0 8px 30px #10b9811f;--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_8px_30px_rgba\(239\,68\,68\,0\.12\)\]{--tw-shadow:0 8px 30px #ef44441f;--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_8px_30px_rgba\(245\,158\,11\,0\.12\)\]{--tw-shadow:0 8px 30px #f59e0b1f;--tw-shadow-colored:0 8px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_8px_30px_rgba\(59\,130\,246\,0\.10\)\]{--tw-shadow:0 8px 30px #3b82f61a;--tw-shadow-colored:0 8px 30px 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 #0000001a, 0 4px 6px -4px #0000001a;--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 #0000001a, 0 2px 4px -2px #0000001a;--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 #0000000d;--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 #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.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)}.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-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.last\:border-0:last-child{border-width:0}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-200:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:border-slate-950\/20:hover{border-color:#02061733}.hover\:border-slate-950\/25:hover{border-color:#02061740}.hover\:bg-\[\#f8fafc\]:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/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-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-accent:hover{color:var(--accent-color)}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/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\:underline:hover{text-decoration-line:underline}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-\[0_18px_40px_rgba\(15\,23\,42\,0\.16\)\,inset_0_1px_0_rgba\(255\,255\,255\,1\)\]:hover{--tw-shadow:0 18px 40px #0f172a29,inset 0 1px 0 #fff;--tw-shadow-colored:0 18px 40px var(--tw-shadow-color), inset 0 1px 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)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--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 #0000001a, 0 2px 4px -2px #0000001a;--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)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--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)}.focus\:border-accent:focus{border-color:var(--accent-color)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.active\:translate-y-0:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:max-h-\[calc\(100dvh-5rem\)\]{max-height:calc(100dvh - 5rem)}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}}@media (width>=768px){.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:gap-3{gap:.75rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}}@media (width>=1024px){.lg\:flex{display:flex}}@media (width>=1536px){.\32 xl\:inline{display:inline}.\32 xl\:w-auto{width:auto}.\32 xl\:px-3{padding-left:.75rem;padding-right:.75rem}.\32 xl\:px-3\.5{padding-left:.875rem;padding-right:.875rem}}:root{--bg-dark-deep:#eef0f4;--bg-dark-panel:#ffffffd1;--bg-dark-card:#fff;--border-color:#0f172a1c;--border-light:#0f172a12;--text-primary:#1d1d1f;--text-secondary:#515154;--text-muted:#86868b;--accent-color:#1d1d1f;--accent-hover:#000;--accent-glow:#00000014;--success-color:#10b981;--success-glow:#10b9811a;--danger-color:#ef4444;--danger-glow:#ef44441a;--font-primary:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", sans-serif;--phone-bg-theme:#fff}*,:before,:after{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:99px}.sidebar-scroll-container::-webkit-scrollbar-thumb{background:0 0}.sidebar-scroll-container:hover::-webkit-scrollbar-thumb{background:#0000001f}.sidebar-scroll-container:hover::-webkit-scrollbar-thumb:hover{background:#00000040}.viewport-column{transition:flex .3s cubic-bezier(.4,0,.2,1)}.MuiAccordion-root{flex-shrink:0;width:100%;min-width:0}.active-badge{color:var(--accent-color);background-color:var(--accent-glow);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.viewport-canvas-container{background-color:#0c0d0f;background-image:radial-gradient(#ffffff09 1px,#0000 0),radial-gradient(#ffffff09 1px,#0000 0);background-position:0 0,12px 12px;background-size:24px 24px;flex-grow:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.screenshot-canvas-wrapper{width:var(--canvas-width,1290px);height:var(--canvas-height,2796px);min-width:var(--canvas-width,1290px);min-height:var(--canvas-height,2796px);transform-origin:50%;background:linear-gradient(135deg,#f9f6ee 0%,#efebe0 100%);border-radius:72px;flex-direction:column;align-items:center;transition:transform .1s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000008c}.premium-frame-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.premium-line,.premium-panel{display:block;position:absolute}.premium-line{opacity:.22;width:860px;height:2px;transform:rotate(-18deg)}.premium-line.line-a{top:470px;left:-170px}.premium-line.line-b{bottom:540px;right:-210px}.premium-panel{opacity:.45;border-radius:36px}.premium-panel.panel-a{width:470px;height:620px;top:810px;left:-260px;transform:rotate(-14deg)}.premium-panel.panel-b{width:520px;height:760px;bottom:250px;right:-320px;transform:rotate(12deg)}.template-platinum .premium-line{background:linear-gradient(90deg,#0000,#1e3a8a,#0000)}.template-platinum .premium-panel{background:#ffffff8c;border:1px solid #1e3a8a1f}.template-electric .premium-line{opacity:.36;background:linear-gradient(90deg,#0000,#60a5fa,#0000)}.template-electric .premium-panel{background:#3b82f624;border:1px solid #93c5fd38}.template-citrus .premium-line{background:linear-gradient(90deg,#0000,#9a3412,#0000)}.template-citrus .premium-panel{background:#fff7ed8f;border:1px solid #9a341224}.template-editorial .premium-line{background:linear-gradient(90deg,#0000,#334155,#0000)}.template-editorial .premium-panel{background:#ffffffc7;border:1px solid #33415529}.template-wellness .premium-line{background:linear-gradient(90deg,#0000,#0f766e,#0000)}.template-wellness .premium-panel{background:#f0fdfa94;border:1px solid #0f766e26}.store-ready-badge{z-index:7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:grab;transform-origin:50%;background:#ffffffad;border:1px solid #ffffffad;border-radius:22px;flex-direction:column;align-items:flex-end;gap:3px;padding:16px 20px;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:absolute;top:74px;right:82px;box-shadow:0 24px 60px #0f172a1f}.template-electric .store-ready-badge{background:#0f172a94;border-color:#93c5fd38;color:#bfdbfe!important}.store-ready-badge span{text-transform:uppercase;letter-spacing:0;font-size:18px;font-weight:800}.store-ready-badge strong{color:currentColor;font-size:28px;font-weight:900;line-height:1}.control-group{flex-direction:column;gap:6px;margin-top:12px;display:flex}.sidebar-section-label{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:800;line-height:1.2;display:inline-flex}.sidebar-field-label{color:#64748b;letter-spacing:.01em;text-transform:none;font-size:11px;font-weight:700;line-height:1.25}.sidebar-row-label{color:#475569;font-size:12px;font-weight:650;line-height:1.35}.action-btn{border:0}.action-btn:focus-visible,.element-catalog-card:focus-visible,.preset-btn:focus-visible,.mode-tab:focus-visible,.weight-btn:focus-visible,.sync-all-btn:focus-visible,.delete-ann-btn:focus-visible{outline:2px solid var(--accent-glow);outline-offset:2px}.element-catalog-card,.preset-btn{border-radius:8px}.element-catalog-card{min-height:48px}.catalog-icon-box{border-radius:6px;flex-shrink:0}.mode-tab,.weight-btn{min-height:28px;font-size:11px;font-weight:750}.controls-column .phone-type-select,.controls-column .layout-mode-tabs,.controls-column .bg-mode-tabs,.controls-column .weight-tabs{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:2px!important;box-shadow:inset 0 1px 1px #0f172a0a!important}.controls-column .mode-tab,.controls-column .weight-btn{border-radius:6px;min-height:30px;line-height:1;color:#64748b!important}.controls-column .mode-tab.bg-white,.controls-column .mode-tab[class*=bg-white],.controls-column .weight-btn.bg-white,.controls-column .weight-btn[class*=bg-white]{color:#111827!important;background:#fff!important;box-shadow:0 1px 2px #0f172a14!important}.sync-all-btn{line-height:1.2}.sidebar-add-btn,.sidebar-preset-title,.sidebar-tab-text{font-size:11px;font-weight:750}.sidebar-input-text{color:#334155;font-size:12px;font-weight:650;line-height:1.35}.sidebar-empty-text{color:#94a3b8;font-size:12px;font-style:italic;font-weight:650;line-height:1.4}.sidebar-preset-title{color:#334155;line-height:1.25}.gradient-swatch-grid{overflow:visible}.gradient-swatch-button{cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .16s,transform .16s;display:flex}.gradient-swatch-button span{background:var(--swatch-background);border:1px solid #dbe2ea;border-radius:999px;width:24px;height:24px;transition:border-color .16s,box-shadow .16s,transform .16s;display:block;box-shadow:inset 0 1px 1px #ffffff6b}.gradient-swatch-button:hover{background:#f8fafc}.gradient-swatch-button:hover span{border-color:#b6c2d1;transform:scale(1.06)}.gradient-swatch-button.is-selected{background:#2563eb14}.gradient-swatch-button.is-selected span{border-color:var(--accent-color);box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb3d,inset 0 1px 1px #ffffff6b}.card-config-box,.dual-device-settings-box,.active-annotation-controls,.file-uploader{border-radius:8px}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.custom-select,input[type=text],input[type=number],textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background-color:#f9fafb;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.custom-select:focus,input[type=text]:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-glow);background-color:#fff;outline:none}input[type=color]{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;height:34px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:8px}.color-input-container input[type=color]{flex-shrink:0;width:48px;height:38px}.hex-text{text-transform:uppercase;flex-grow:1}.custom-slider-wrap{--slider-rail-color:#0f172a1f;--slider-focus-ring:#0f172a29;--slider-thumb-size:12px;--slider-thumb-left:6px;min-height:24px;position:relative}.val-display{color:var(--accent-color);background-color:var(--accent-glow);border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700}.slider{appearance:none;z-index:30;cursor:pointer;touch-action:pan-y;width:100%;height:24px;accent-color:var(--accent-color);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;outline:none;margin:0;position:relative;background:0 0!important}.slider:focus,.slider:active{box-shadow:none!important;background:0 0!important;border-color:#0000!important;outline:none!important}.slider::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb-size);cursor:pointer;height:24px;box-shadow:none;z-index:10;background:0 0;border-radius:50%;position:relative}.slider::-webkit-slider-runnable-track{appearance:none;background:0 0;border-radius:999px;height:3px}.custom-slider-visual{z-index:10;pointer-events:none;position:absolute;inset:0}.custom-slider-rail,.custom-slider-fill{border-radius:999px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.custom-slider-rail{background:var(--slider-rail-color,#e5e7eb);right:0}.custom-slider-fill{width:var(--slider-thumb-left);background:var(--accent-color,#2563eb)}.custom-slider-thumb{top:50%;left:var(--slider-thumb-left);width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--accent-color);border-radius:50%;transition:transform .12s cubic-bezier(.175,.885,.32,1.275),background-color .1s,box-shadow .12s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #2563eb73}.custom-slider-wrap:hover .custom-slider-thumb{transform:translate(-50%,-50%)scale(1.16);box-shadow:0 3px 7px #2563eb80}.custom-slider-wrap.is-interacting .custom-slider-thumb{background:var(--accent-hover,var(--accent-color));transform:translate(-50%,-50%)scale(1.08)}.custom-slider-wrap:focus-within .custom-slider-thumb{box-shadow:0 0 0 4px var(--slider-focus-ring), 0 3px 8px #2563eb73}.slider::-moz-range-track{background:0 0;border-radius:999px;height:3px}.slider::-moz-range-progress{background:0 0;border-radius:999px;height:3px}.slider::-moz-range-thumb{width:var(--slider-thumb-size);cursor:pointer;height:24px;box-shadow:none;background:0 0;border:none;border-radius:50%}.typography-layer{text-align:center;z-index:5;transform-origin:top;flex-direction:column;align-items:center;width:100%;max-width:1140px;margin:0 auto;padding:130px 20px 0;display:flex}.draggable-canvas-layer{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.draggable-canvas-layer:active{cursor:grabbing}.screenshot-canvas-wrapper .draggable-canvas-layer:hover:not(.selected-canvas-layer){outline-offset:7px;outline:2px dashed #2563eb57}.screenshot-canvas-wrapper .draggable-canvas-layer [contenteditable=true]{cursor:inherit}.is-dragging-layer{will-change:transform, left, top;transition:none!important}.selected-canvas-layer{outline-offset:8px;outline:2.5px solid #2563eb!important}.text-resizable-layer{transform-origin:50%;max-width:100%;display:block;position:relative}.text-width-resize-handle{cursor:ew-resize;z-index:20;background:#2563eb;border:3px solid #fff;border-radius:999px;width:13px;height:38px;position:absolute;top:50%;right:-17px;transform:translateY(-50%);box-shadow:0 8px 20px #2563eb52}.text-width-resize-handle:before{content:"";background:#ffffffd1;width:1px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.main-headline{color:#000;letter-spacing:0;word-wrap:break-word;text-align:center;width:100%;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:104px;font-weight:900;line-height:.96}.sub-headline{color:#000;letter-spacing:0;text-align:center;width:100%;margin-top:-4px;font-family:Outfit,sans-serif;font-size:76px;font-weight:900;line-height:.98}.badges-wrapper{z-index:5;transform-origin:50%;justify-content:center;align-items:center;gap:24px;width:100%;margin-top:38px;margin-bottom:5px;display:flex}.laurel-badge{align-items:center;gap:14px;display:flex;position:relative}.proof-badge{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #ffffffad;border-radius:999px;justify-content:space-between;min-width:270px;padding:18px 20px 18px 22px;box-shadow:0 22px 60px #0f172a1f}.proof-rating{color:#f59e0b;letter-spacing:1px;flex:none;font-size:20px;font-weight:900;line-height:1}.proof-copy{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.proof-check{color:#fff;background:currentColor;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.proof-check svg{width:18px;height:18px}.laurel-bold{letter-spacing:0;color:currentColor;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:24px;font-weight:900;line-height:1.1;overflow:hidden}.laurel-small{opacity:.62;color:currentColor;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:15px;font-weight:800;line-height:1.15;overflow:hidden}.template-electric .proof-badge{background:#0f172a9e;border-color:#93c5fd38;box-shadow:0 24px 70px #00000038}.press-logos-grid{opacity:.65;z-index:5;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;width:100%;margin-top:25px;padding:10px 0;transition:all .3s;display:flex}.press-logos-grid.hidden{display:none!important}.press-logos-grid .logo-item{color:#48443b;letter-spacing:-1px;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:26px;font-weight:900}.inline-editable-hint{color:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;pointer-events:none;letter-spacing:.3px;opacity:0;z-index:25;background:#0006;border-radius:6px;padding:1px 8px;font-size:10px;font-weight:700;transition:opacity .2s;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.text-resizable-layer:hover .inline-editable-hint,.text-resizable-layer.selected-canvas-layer .inline-editable-hint{opacity:1}.phone-mockup-wrapper{z-index:3;justify-content:center;width:800px;height:1650px;transition:transform .1s ease-out;display:flex;position:absolute;bottom:-150px}.iphone-17-pro{width:780px;height:1600px;position:relative}.iphone-hw-button{z-index:1;background:linear-gradient(90deg,#ffffff2e,#0000 34%,#0000007a 100%),linear-gradient(#3a3a3d 0%,#8d8d93 12%,#242427 50%,#080809 100%);border:1px solid #000000d1;width:5px;position:absolute;box-shadow:0 5px 12px #0000006b,inset 1px 0 1px #ffffff42}.iphone-hw-button.action-btn{border-top-left-radius:5px;border-bottom-left-radius:5px;height:34px;top:252px;left:-3px}.iphone-hw-button.volume-up{border-top-left-radius:5px;border-bottom-left-radius:5px;height:86px;top:332px;left:-3px}.iphone-hw-button.volume-down{border-top-left-radius:5px;border-bottom-left-radius:5px;height:86px;top:444px;left:-3px}.iphone-hw-button.power-btn{border-top-right-radius:5px;border-bottom-right-radius:5px;height:124px;top:394px;right:-3px}.iphone-bezel-outer{z-index:2;background-color:#1a1a1c;border-radius:110px;width:100%;height:100%;padding:6px;position:relative;box-shadow:inset 0 0 1px 1px #ffffff47,inset 5px 0 7px -2px #ffffff29,inset -5px 0 7px -2px #ffffff29,0 40px 90px -15px #0000008c,0 0 0 1px #000000e6}.iphone-bezel-inner{background-color:#050505;border-radius:104px;width:100%;height:100%;padding:10px;position:relative;box-shadow:inset 0 0 6px #ffffff26}.iphone-bezel-inner:before{content:"";z-index:0;pointer-events:none;background-color:#050505;border-radius:96px;position:absolute;inset:8px}.iphone-screen{background-color:var(--phone-bg-theme);z-index:1;border-radius:94px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.iphone-screen:after{content:"";pointer-events:none;z-index:4;background:linear-gradient(135deg,#ffffff0f 0%,#fff0 30%);width:200%;height:200%;position:absolute;top:0;left:0;transform:rotate(-10deg)}.iphone-screen.has-custom-image:after{display:none!important}.iphone-bezel-inner:has(.iphone-screen.has-custom-image){padding:0}.iphone-bezel-inner:has(.iphone-screen.has-custom-image):before{display:none}.iphone-screen.has-custom-image{background-color:#000;border-radius:104px}.custom-screenshot-img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;z-index:1;width:100%;height:calc(100% - 16px);position:absolute;top:16px;left:0}.iphone-status-bar{color:#000;z-index:3;justify-content:space-between;align-items:center;height:62px;padding:0 48px;font-size:15px;font-weight:600;display:flex}.iphone-dynamic-island{background-color:#000;border-radius:20px;width:150px;height:38px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 2px #fff3}.status-icons{align-items:center;gap:8px;display:flex}.status-icons svg{width:16px;height:16px}.iphone-screen-viewport{z-index:2;flex-grow:1;position:relative;overflow:hidden}.chats-app-theme{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex}.chats-header{background-color:#fff;border-bottom:1px solid #f2f2f7;padding:24px 24px 14px}.chats-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.chats-title-row h2{color:#000;letter-spacing:-.5px;font-size:34px;font-weight:800}.chats-edit-icon{color:#007aff;cursor:pointer;width:22px;height:22px}.chats-search-bar{color:#3c3c4399;background-color:#7676801f;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:17px;display:flex}.chats-search-bar svg{width:18px;height:18px}.chats-list{background-color:#fff;flex-grow:1;overflow-y:auto}.chat-row{border-bottom:1px solid #f2f2f7;gap:14px;padding:12px 24px;display:flex}.chat-avatar{color:#fff;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:18px;font-weight:700;display:flex}.avatar-orange{background:linear-gradient(135deg,#ff9500,#ff5e3a)}.avatar-blue{background:linear-gradient(135deg,#007aff,#0051a8)}.avatar-purple{background:linear-gradient(135deg,#af52de,#7a22a8)}.avatar-green{background:linear-gradient(135deg,#34c759,#1b8a34)}.avatar-pink{background:linear-gradient(135deg,#ff2d55,#d90036)}.avatar-teal{background:linear-gradient(135deg,#5ac8fa,#0093d9)}.chat-details{flex-direction:column;flex-grow:1;justify-content:center;gap:4px;display:flex}.chat-name-time{justify-content:space-between;align-items:center;display:flex}.chat-name{color:#000;font-size:16px;font-weight:700}.chat-time{color:#8e8e93;font-size:13px}.chat-message{color:#8e8e93;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.2;overflow:hidden}.default-app-theme{background-color:var(--phone-bg-theme);color:#fff;flex-direction:column;width:100%;height:100%;padding:0 24px 24px;display:flex}.default-app-theme.light-theme{color:#000}.app-theme-header{justify-content:space-between;align-items:center;height:56px;display:flex}.app-theme-header svg{cursor:pointer;opacity:.8;width:24px;height:24px}.app-theme-body{flex-direction:column;flex-grow:1;justify-content:space-around;align-items:center;display:flex}.music-volume-indicators{opacity:.8;gap:16px;display:flex}.music-volume-indicators svg{width:20px;height:20px}.new-task-badge{background-color:#ffffff26;border-radius:99px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.default-app-theme.light-theme .new-task-badge{background-color:#0000000d}.new-task-badge svg{width:14px;height:14px}.app-timer-display{letter-spacing:-2px;font-family:Outfit,sans-serif;font-size:110px;font-weight:300;line-height:1}.app-timer-sub{gap:12px;font-size:13px;font-weight:700;display:flex}.timer-focus-accent{color:#fca5a5}.default-app-theme.light-theme .timer-focus-accent{color:#ef4444}.timer-tasks-acclaim{opacity:.8;align-items:center;gap:4px;display:flex}.timer-tasks-acclaim svg{width:12px;height:12px}.app-timer-ruler{width:100%;height:48px;margin:10px 0;position:relative;overflow:hidden}.ruler-ticks{justify-content:center;align-items:flex-end;gap:14px;height:100%;display:flex}.ruler-line{background-color:#ffffff59;border-radius:1px;width:2px}.default-app-theme.light-theme .ruler-line{background-color:#00000026}.ruler-line.short{height:16px}.ruler-line.long{background-color:#ffffffb3;height:28px;position:relative}.default-app-theme.light-theme .ruler-line.long{background-color:#0006}.ruler-num{opacity:.6;font-size:10px;font-weight:700;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.app-play-button-outer{cursor:pointer;background-color:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:transform .2s;display:flex;box-shadow:0 10px 25px #00000026}.default-app-theme.light-theme .app-play-button-outer{background-color:#0000000d}.app-play-button-outer:hover{transform:scale(1.05)}.app-play-button-inner{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.default-app-theme.light-theme .app-play-button-inner{background-color:#ef4444}.theme-play-icon{color:#ef4444;width:24px;height:24px;transform:translate(2px)}.default-app-theme.light-theme .theme-play-icon{color:#fff}.app-note-pill{cursor:pointer;background-color:#ffffff1f;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.default-app-theme.light-theme .app-note-pill{background-color:#0000000d}.app-note-pill svg{width:14px;height:14px}.app-bottom-nav{border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;width:100%;height:48px;padding-top:12px;display:flex}.default-app-theme.light-theme .app-bottom-nav{border-top-color:#0000000d}.app-bottom-nav svg{opacity:.6;cursor:pointer;width:22px;height:22px}.app-bottom-nav svg.active{opacity:1}.nav-pill{background-color:#fff3;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;display:flex}.default-app-theme.light-theme .nav-pill{background-color:#0000000d}.nav-pill svg{width:14px;height:14px;opacity:1!important}.floating-badge-card{z-index:6;background-color:#fff;border-radius:24px;align-items:center;gap:14px;min-width:250px;padding:16px 20px;transition:transform .2s ease-out;display:flex;position:absolute;box-shadow:0 20px 40px #00000026}.floating-card-icon-container{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.floating-card-icon-container svg{width:24px;height:24px;stroke-width:3px!important}.floating-card-content{flex-direction:column;gap:2px;display:flex}.floating-card-content h4{color:#111827;font-size:18px;font-weight:700}.floating-card-content p{color:#6b7280;font-size:14px;font-weight:500}.floating-badge-card.theme-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fff6}.floating-badge-card.theme-dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827cc;border:1px solid #ffffff14}.floating-badge-card.theme-dark h4{color:#fff}.floating-badge-card.theme-dark p{color:#9ca3af}.vector-graphic-layer{z-index:4;transform-origin:50%;pointer-events:none;width:430px;height:430px;transition:transform .2s ease-out,opacity .2s ease-out;position:absolute}.vector-graphic-layer svg{filter:drop-shadow(0 28px 42px #0f172a1f);width:100%;height:100%;display:block;overflow:visible}.vector-graphic-layer svg *{pointer-events:visiblePainted}.vector-graphic-layer:hover{cursor:grab;outline:2px dashed #2563eb66!important}.vector-graphic-layer:active{cursor:grabbing}.vector-catalog-icon{position:relative;overflow:hidden}.vector-catalog-icon:after{content:"";opacity:.18;border:2px solid;border-radius:999px;position:absolute;inset:7px}.mockup-grid-overlay{z-index:9;pointer-events:none;background-image:linear-gradient(#2563eb52 2px,#0000 2px),linear-gradient(90deg,#2563eb52 2px,#0000 2px),linear-gradient(#0f172a2e 1px,#0000 1px),linear-gradient(90deg,#0f172a2e 1px,#0000 1px),linear-gradient(#ffffff47 1px,#0000 1px),linear-gradient(90deg,#ffffff47 1px,#0000 1px);background-size:calc(var(--mockup-grid-size,96px) * 4) calc(var(--mockup-grid-size,96px) * 4), calc(var(--mockup-grid-size,96px) * 4) calc(var(--mockup-grid-size,96px) * 4), var(--mockup-grid-size,96px) var(--mockup-grid-size,96px), var(--mockup-grid-size,96px) var(--mockup-grid-size,96px), var(--mockup-grid-size,96px) var(--mockup-grid-size,96px), var(--mockup-grid-size,96px) var(--mockup-grid-size,96px);opacity:.76;position:absolute;inset:0}.screenshot-canvas-wrapper.is-exporting-capture .mockup-grid-overlay{display:none}.canvas-floating-settings{z-index:24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:default;background:#ffffffeb;border:1px solid #e2e8f0db;border-radius:16px;align-items:center;gap:8px;width:auto;padding:8px 10px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #0f172a2e}.canvas-floating-button,.canvas-floating-icon-button,.canvas-floating-zoom button{color:#475569;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:10px;height:30px;font-size:12px;font-weight:900;line-height:1;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}.canvas-floating-button{padding:0 12px}.canvas-floating-button:hover,.canvas-floating-icon-button:hover,.canvas-floating-zoom button:hover{color:var(--accent-color);border-color:#2563eb47}.canvas-floating-button.is-active{color:var(--accent-color);background:#2563eb1a;border-color:#2563eb3d;box-shadow:inset 0 0 0 1px #2563eb14}.canvas-floating-zoom{background:#f8fafce6;border:1px solid #0f172a14;border-radius:12px;align-items:center;gap:3px;padding:2px;display:flex}.canvas-floating-zoom button{width:28px}.canvas-floating-zoom span{color:#334155;text-align:center;min-width:42px;font-size:11px;font-weight:900}.canvas-floating-icon-button{justify-content:center;align-items:center;width:30px;display:flex}@media (width<=760px){.canvas-floating-settings{max-width:calc(100% - 24px)}}.gallery-slide-wrapper{border-radius:22px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:245px;height:510px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.gallery-slide-wrapper:focus-visible .gallery-slide{outline-offset:4px;outline:3px solid #0f172a29}.gallery-slide{vertical-align:middle;border:2px solid var(--border-color);cursor:pointer;contain:layout paint;background-color:#fff;border-radius:20px;flex-shrink:0;width:245px;height:510px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 4px 12px #00000008}.gallery-slide:hover{border-color:#2563eb66;box-shadow:0 16px 32px #0000001a}.gallery-slide.active{border-color:#0f172a38;box-shadow:0 12px 30px #2563eb26}.gallery-slide.active:after{content:"";z-index:12;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #0f172a1f}.gallery-slide.active:hover{box-shadow:0 18px 36px #2563eb38}.slide-overlay{z-index:15;background:0 0;width:100%;height:calc(100% - 50px);position:absolute;top:0;left:0}.mini-canvas-wrapper{contain:strict;content-visibility:auto;contain-intrinsic-size:245px 460px;will-change:transform;background-color:#0000;border-radius:18px 18px 0 0;width:100%;height:calc(100% - 50px);position:relative;overflow:hidden;transform:translateZ(0)}.mini-canvas-container{width:var(--canvas-width,1290px);height:var(--canvas-height,2796px);transform:translate(-50%, -50%) scale(var(--mini-scale,.2021));transform-origin:50%;pointer-events:none;backface-visibility:hidden;position:absolute;top:50%;left:50%}.mini-canvas-container .screenshot-canvas-wrapper{white-space:normal;will-change:transform;border-radius:72px;overflow:hidden;transform:translateZ(0)}.compact-screen-preview{border-radius:18px 18px 0 0;width:100%;height:calc(100% - 50px);position:relative;overflow:hidden;background-position:50%!important;background-size:cover!important}.compact-screen-preview:before{content:"";pointer-events:none;background:radial-gradient(circle at 76% 12%,#ffffff6b,#0000 28%),linear-gradient(#ffffff8f,#ffffff14);position:absolute;inset:0}.compact-preview-content{z-index:2;text-align:center;position:absolute;top:16px;left:12px;right:12px}.compact-preview-content p{color:#111827;margin:0;font-size:13px;font-weight:900;line-height:.95}.compact-preview-content span{color:#1118279e;margin-top:5px;font-size:8px;font-weight:800;line-height:1.05;display:block}.compact-preview-phone{z-index:2;width:118px;height:170px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.compact-preview-phone .mini-phone-preview{transform-origin:bottom;bottom:-250px;left:50%;transform:translate(-50%)scale(.16)!important}.mini-phone-preview{z-index:3;transform-origin:50%;justify-content:center;width:800px;height:1650px;display:flex;position:absolute;bottom:-150px}.mini-phone-frame{background:linear-gradient(145deg,#050505,#34343a);border-radius:110px;width:780px;height:1600px;padding:18px;box-shadow:0 44px 95px #0f172a59}.mini-phone-preview.device-style-clay-white .mini-phone-frame{background:#eef2f7;box-shadow:0 42px 84px #0f172a2e}.mini-phone-preview.device-style-clay-black .mini-phone-frame{background:#0f172a}.mini-phone-preview.device-style-frameless .mini-phone-frame{background:0 0;padding:0}.mini-phone-screen{background:#fff;border-radius:92px;width:100%;height:100%;position:relative;overflow:hidden}.mini-phone-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.mini-dynamic-island{z-index:2;background:#000;border-radius:999px;width:150px;height:38px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.mini-app-header{color:#0f172a;justify-content:space-between;align-items:center;padding:110px 54px 36px;font-size:58px;font-weight:900;display:flex}.mini-app-header i{opacity:.2;background:#2563eb;border-radius:50%;width:44px;height:44px}.mini-app-lines{flex-direction:column;gap:32px;padding:0 54px;display:flex}.mini-app-row{align-items:center;gap:24px;display:flex}.mini-app-row span{background:linear-gradient(135deg,#fb923c,#2563eb);border-radius:999px;width:78px;height:78px}.mini-app-row b{background:#0f172a1a;border-radius:999px;flex:1;height:48px}.mini-phone-preview.device-style-clay-black .mini-phone-screen,.mini-phone-preview.theme-focus .mini-phone-screen{background:#020617}.mini-phone-preview.device-style-clay-black .mini-app-header,.mini-phone-preview.device-style-clay-black .mini-app-row b{color:#fff}.mini-phone-preview.device-style-clay-black .mini-app-row b{background:#ffffff1f}.slide-footer{border-top:1px solid var(--border-color);z-index:16;background-color:#fff;justify-content:space-between;align-items:center;height:50px;padding:0 14px;display:flex;position:relative}.phone-mockup-wrapper.device-style-clay-white .iphone-bezel-outer{background-color:#f1f5f9!important;border:8px solid #cbd5e1!important;border-radius:110px!important;padding:2px!important;box-shadow:0 40px 90px -15px #0003,inset 0 0 10px #fffc!important}.phone-mockup-wrapper.device-style-clay-white .iphone-bezel-inner{box-shadow:none!important;background-color:#e2e8f0!important;border-radius:104px!important;padding:8px!important}.phone-mockup-wrapper.device-style-clay-white .iphone-bezel-inner:has(.iphone-screen.has-custom-image){padding:0!important}.phone-mockup-wrapper.device-style-clay-white .iphone-hw-button{display:none!important}.phone-mockup-wrapper.device-style-clay-white .iphone-status-bar,.phone-mockup-wrapper.device-style-clay-white .iphone-status-bar svg{color:#475569!important}.phone-mockup-wrapper.device-style-clay-black .iphone-bezel-outer{background-color:#1e293b!important;border:8px solid #0f172a!important;border-radius:110px!important;padding:2px!important;box-shadow:0 45px 95px -10px #00000080,inset 0 0 12px #ffffff0f!important}.phone-mockup-wrapper.device-style-clay-black .iphone-bezel-inner{box-shadow:none!important;background-color:#0f172a!important;border-radius:104px!important;padding:8px!important}.phone-mockup-wrapper.device-style-clay-black .iphone-bezel-inner:has(.iphone-screen.has-custom-image){padding:0!important}.phone-mockup-wrapper.device-style-clay-black .iphone-hw-button{display:none!important}.phone-mockup-wrapper.device-style-clay-black .iphone-status-bar,.phone-mockup-wrapper.device-style-clay-black .iphone-status-bar svg{color:#cbd5e1!important}.phone-mockup-wrapper.device-style-frameless .iphone-bezel-outer{background:0 0!important;border:none!important;padding:0!important;box-shadow:0 40px 100px -10px #00000073!important}.phone-mockup-wrapper.device-style-frameless .iphone-bezel-inner{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.phone-mockup-wrapper.device-style-frameless .iphone-hw-button{display:none!important}.phone-mockup-wrapper.device-style-frameless .iphone-screen{border-radius:72px!important}.screenshot-canvas-wrapper.layout-captions-bottom .typography-layer{padding-top:0;position:absolute;top:auto;bottom:160px}.screenshot-canvas-wrapper.layout-captions-hidden .typography-layer{display:none!important}.screenshot-canvas-wrapper .phone-mockup-wrapper:hover,.screenshot-canvas-wrapper .floating-badge-card:hover{cursor:grab;outline:2px dashed #2563eb66!important}.screenshot-canvas-wrapper .phone-mockup-wrapper:active,.screenshot-canvas-wrapper .floating-badge-card:active{cursor:grabbing}.canvas-selection-handles{pointer-events:none;z-index:10;border:2px solid #2563eb;border-radius:10px;position:absolute;inset:-8px}.screenshot-canvas-wrapper.is-exporting-capture .canvas-selection-handles{display:none!important}.screenshot-canvas-wrapper.is-exporting-capture .phone-mockup-wrapper,.screenshot-canvas-wrapper.is-exporting-capture .floating-badge-card{outline:none!important}.screenshot-canvas-wrapper.is-exporting-capture .proof-badge,.screenshot-canvas-wrapper.is-exporting-capture .store-ready-badge,.screenshot-canvas-wrapper.is-exporting-capture .floating-badge-card.theme-glass{-webkit-backdrop-filter:none!important;background:#ffffffeb!important;border-color:#ffffffd9!important}.screenshot-canvas-wrapper.is-exporting-capture.template-electric .proof-badge,.screenshot-canvas-wrapper.is-exporting-capture.template-electric .store-ready-badge{background:#0f172aeb!important;border-color:#93c5fd38!important}.screenshot-canvas-wrapper.is-exporting-capture .floating-badge-card.theme-dark{-webkit-backdrop-filter:none!important;background:#111827f2!important;border-color:#ffffff1a!important}.canvas-selection-handles .handle{pointer-events:auto;cursor:nwse-resize;z-index:11;background-color:#fff;border:2.5px solid #2563eb;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 3px 9px #2563eb3d}.canvas-selection-handles .handle.tl{top:-7px;left:-7px}.canvas-selection-handles .handle.tr{cursor:nesw-resize;top:-7px;right:-7px}.canvas-selection-handles .handle.bl{cursor:nesw-resize;bottom:-7px;left:-7px}.canvas-selection-handles .handle.br{bottom:-7px;right:-7px}.canvas-selection-handles .rotate-anchor{pointer-events:auto;cursor:grab;z-index:12;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)}.canvas-selection-handles .rotate-anchor:active{cursor:grabbing}.canvas-selection-handles .rotate-line{background-color:#2563eb;width:2px;height:14px}.canvas-selection-handles .rotate-knob{color:#2563eb;background-color:#fff;border:2.5px solid #2563eb;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .1s;display:flex;box-shadow:0 4px 8px #00000026}.canvas-selection-handles .rotate-knob:hover{transform:scale(1.1)}.canvas-selection-handles .rotate-knob svg{width:12px;height:12px}.alignment-guides-layer{pointer-events:none;z-index:90;position:absolute;inset:0}.alignment-guide-line{background:#2563ebd1;display:block;position:absolute;box-shadow:0 0 0 1px #ffffffa6,0 0 18px #2563eb52}.alignment-guide-line.vertical{width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)}.alignment-guide-line.horizontal{height:2px;top:50%;left:0;right:0;transform:translateY(-50%)}.alignment-guide-line.related{background:#f59e0be6;box-shadow:0 0 0 1px #ffffffad,0 0 18px #f59e0b57}.alignment-guide-line.vertical.related{transform:translate(-50%)}.alignment-guide-line.horizontal.related{transform:translateY(-50%)}.alignment-guide-line.between-reference{background:repeating-linear-gradient(90deg,#f59e0bb8 0 18px,#0000 18px 28px);height:2px;left:8%;right:8%;transform:translateY(-50%);box-shadow:0 0 0 1px #ffffff6b,0 0 16px #f59e0b33}.alignment-guide-badge{color:#fff;letter-spacing:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172adb;border-radius:999px;padding:8px 12px;font-size:18px;font-weight:900;line-height:1;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0f172a33}.main-headline[contenteditable=true]:focus,.sub-headline[contenteditable=true]:focus{outline-offset:6px;cursor:text;background-color:#2563eb08;outline:2px dashed var(--accent-color)!important}.elements-sidebar-grid{flex-direction:column;gap:14px;display:flex}.elements-sidebar-section{flex-direction:column;gap:8px;display:flex}.elements-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.elements-catalog-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.element-catalog-card{border:1px solid var(--border-color);cursor:pointer;text-align:center;background-color:#f9fafb;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex}.element-catalog-card:hover{border-color:var(--accent-color);background-color:var(--accent-glow);transform:translateY(-2px)}.element-catalog-card span{color:var(--text-primary);font-size:11px;font-weight:600}.catalog-icon-box{width:36px;height:36px;color:var(--accent-color);border-radius:8px;justify-content:center;align-items:center;display:flex}.controls-column .element-catalog-card{text-align:left;flex-direction:row;align-items:center;gap:10px;min-height:48px;padding:8px}.controls-column .element-catalog-card:hover{transform:none}.controls-column .catalog-icon-box{border-radius:6px;flex-shrink:0;width:32px;height:32px}.controls-column .element-catalog-card span{font-size:12px;font-weight:650;line-height:1.2}@media (width<=1024px){.studio-topbar{flex-wrap:wrap!important;align-content:center!important;gap:10px!important;height:72px!important;min-height:72px!important;padding:10px 14px!important}.studio-workspace{flex-direction:column!important;height:calc(100svh - 72px)!important}.topbar-left,.topbar-right{min-width:0!important}.topbar-left{flex:auto!important;gap:10px!important}.topbar-right{flex:0 auto!important;gap:8px!important}.topbar-brand{min-width:0!important;font-size:14px!important}.topbar-brand span span,.project-portability,.history-controls-header,.zoom-controls-header,.topbar-right>.h-6{display:none!important}.screen-download-btn,.batch-export-btn{width:36px!important;height:34px!important;display:flex!important}.topbar-right .relative button{height:34px!important}.viewport-column{border-right:none!important;border-bottom:1px solid var(--border-color)!important;flex:none!important;width:100%!important;height:100%!important}.studio-workspace:has(.pipeline-column) .viewport-column{height:66%!important}.pipeline-column{flex-shrink:0!important;width:100%!important;height:34%!important;min-height:280px!important}.horizontal-pipeline-wrapper{white-space:nowrap!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:20px!important;padding:12px 24px!important;overflow:auto hidden!important}.gallery-slide-wrapper{width:110px!important;height:229.5px!important}.gallery-slide-wrapper .gallery-slide{transform-origin:50%!important;width:245px!important;height:510px!important;transform:scale(.45)!important}.gallery-slide-wrapper .gallery-slide.active{transform:scale(.45)!important;box-shadow:0 12px 30px #2563eb38!important}.gallery-slide-wrapper .gallery-slide:hover{border-color:#2563eb73!important;transform:scale(.45)!important;box-shadow:0 12px 28px #0000000f!important}.gallery-slide-wrapper .gallery-slide.active:hover{border-color:#0f172a42!important;transform:scale(.45)!important;box-shadow:0 14px 32px #2563eb33!important}.controls-column{z-index:50;top:0;bottom:0;left:0;transform:translate(0);width:min(360px,100vw - 20px)!important;height:100%!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s!important;position:absolute!important;box-shadow:10px 0 30px #00000026!important}.controls-column.collapsed{opacity:0!important;pointer-events:none!important;width:min(360px,100vw - 20px)!important;transform:translate(-100%)!important}.expand-sidebar-btn{box-shadow:0 4px 12px #2563eb26}}@media (width<=768px){.studio-topbar{flex-wrap:wrap!important;align-content:center!important;height:92px!important;min-height:92px!important;padding:8px 10px!important}.studio-workspace{height:calc(100svh - 92px)!important}.topbar-left,.topbar-right{width:100%!important;min-width:0!important}.topbar-left{justify-content:space-between!important;gap:8px!important}.topbar-right{justify-content:flex-end!important;gap:6px!important}.topbar-brand{min-width:0!important;font-size:14px!important}.active-screen-nav{min-width:0!important}.active-screen-nav .active-badge{min-width:56px!important;padding-inline:4px!important}.active-badge-long{display:none!important}.active-badge-short{display:inline!important}.topbar-right>.h-6,.topbar-left>.h-6,.project-portability,.history-controls-header,.zoom-controls-header{display:none!important}.topbar-right [ref],.topbar-right .relative{flex-shrink:0!important}.viewport-canvas-container{padding:18px!important}.viewport-column{height:58%!important}.pipeline-column{height:42%!important;min-height:220px!important}.horizontal-pipeline-wrapper{gap:12px!important;padding:10px 16px!important}.gallery-slide-wrapper{width:98px!important;height:204px!important}.gallery-slide-wrapper .gallery-slide{transform:scale(.4)!important}.gallery-slide-wrapper .gallery-slide.active{transform:scale(.4)!important;box-shadow:0 12px 30px #2563eb38!important}.gallery-slide-wrapper .gallery-slide:hover{border-color:#2563eb73!important;transform:scale(.4)!important;box-shadow:0 12px 28px #0000000f!important}.gallery-slide-wrapper .gallery-slide.active:hover{border-color:#0f172a42!important;transform:scale(.4)!important;box-shadow:0 14px 32px #2563eb33!important}}@media (width>=769px){.active-badge-short{display:none!important}}@media (width<=480px){.studio-topbar{gap:6px!important;height:88px!important;min-height:88px!important;padding:8px!important}.studio-workspace{height:calc(100svh - 88px)!important}.topbar-brand,.topbar-left>.h-6,.topbar-right>.h-6{display:none!important}.topbar-left{grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:8px!important;height:32px!important;display:grid!important}.topbar-left>.flex.items-center.gap-1{border-radius:12px!important;justify-content:stretch!important;gap:3px!important;width:100%!important;padding:2px!important}.topbar-left>.flex.items-center.gap-1 button{border-radius:10px!important;flex:1 1 0!important;gap:5px!important;height:28px!important;padding-inline:0!important;font-size:11px!important}.topbar-left>.flex.items-center.gap-1 button span{display:inline!important}.active-screen-nav{border-radius:14px!important;flex-shrink:0!important;width:126px!important;height:32px!important}.active-screen-nav button{flex-shrink:0!important;width:30px!important;height:28px!important}.active-screen-nav .active-badge{min-width:54px!important;padding-inline:2px!important}.topbar-right{grid-template-columns:minmax(92px,1fr) 38px 38px;align-items:center!important;gap:8px!important;height:34px!important;display:grid!important}.topbar-right .relative button{border-radius:12px!important;justify-content:flex-start!important;width:100%!important;height:34px!important;padding-inline:10px!important}.topbar-right .relative button svg:last-child{display:none!important}.topbar-right .relative button span{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:76px!important;display:inline!important;overflow:hidden!important}.screen-download-btn,.batch-export-btn{border-radius:12px!important;width:38px!important;height:34px!important;display:flex!important}.topbar-tooltip:before{top:auto!important;bottom:calc(100% + 10px)!important}.topbar-tooltip:after{top:auto!important;bottom:calc(100% + 6px)!important}.viewport-column{height:60%!important}.pipeline-column{height:40%!important;min-height:190px!important}.pipeline-column .column-header{height:44px!important;padding-inline:10px!important}.pipeline-column .column-header p{display:none!important}.horizontal-pipeline-wrapper{gap:8px!important;padding:8px 12px!important}.gallery-slide-wrapper{width:78px!important;height:162px!important}.gallery-slide-wrapper .gallery-slide,.gallery-slide-wrapper .gallery-slide.active,.gallery-slide-wrapper .gallery-slide:hover,.gallery-slide-wrapper .gallery-slide.active:hover{transform:scale(.32)!important}.slide-footer{height:44px!important;padding-inline:10px!important}.slide-footer button{padding:5px!important}.controls-column,.controls-column.collapsed{width:calc(100vw - 16px)!important;max-width:360px!important}}.phone-mockup-wrapper.layout-dual,.mini-phone-preview.layout-dual{justify-content:center;align-items:center;width:1800px}.dual-device-container{justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.dual-device-container .dual-device-instance,.dual-device-container .dual-device-adjust-layer,.dual-device-container .iphone-17-pro,.dual-device-container .mini-phone-frame{flex-shrink:0;transition:all .3s cubic-bezier(.2,.8,.2,1)}.dual-device-instance,.dual-device-adjust-layer{position:relative}.dual-layout-staggered .device-second{transform:translateY(120px)}.dual-layout-overlap-left-front .device-first{position:relative;z-index:10!important}.dual-layout-overlap-left-front .device-second{opacity:.94;filter:drop-shadow(-15px 15px 25px #00000040);transform:translate(-160px,80px)scale(.92);z-index:5!important}.dual-layout-overlap-right-front .device-first{opacity:.94;filter:drop-shadow(15px 15px 25px #00000040);transform:translate(160px,80px)scale(.92);z-index:5!important}.dual-layout-overlap-right-front .device-second{position:relative;z-index:10!important}.dual-layout-tilted .device-first{transform:rotate(-6deg)translateY(30px)}.dual-layout-tilted .device-second{transform:rotate(6deg)translateY(30px)}.screenshot-canvas-wrapper.has-noise-overlay:before{content:"";opacity:var(--noise-opacity,.12);pointer-events:none;z-index:8;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.headline-highlight{transition:all .3s;display:inline-block}.highlight-underline{border-bottom:8px solid var(--highlight-color,#2563eb);padding-bottom:2px}.annotation-block{cursor:grab;transform-origin:50%;z-index:6;transition:outline .15s;display:inline-block;position:absolute}.annotation-block:active{cursor:grabbing}.annotation-block.selected-canvas-layer{outline-offset:6px;outline:2.5px solid #2563eb!important}.annotation-block:hover:not(.selected-canvas-layer){outline-offset:6px;outline:2px dashed #2563eb66!important}.annotation-block .floating-badge-card{position:relative}.annotation-notification{-webkit-backdrop-filter:blur(20px);color:#1e293b;text-align:left;background:#ffffffc7;border:1px solid #ffffffc2;border-radius:20px;gap:12px;width:380px;padding:14px 16px;display:flex;box-shadow:0 25px 60px #0f172a1f}.annotation-notification.theme-dark{color:#fff;background:#0f172ac7;border-color:#ffffff14}.annotation-notification.theme-glass{-webkit-backdrop-filter:blur(24px);background:#ffffff73;border-color:#ffffff80}.notification-avatar{color:#fff;background-color:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex;box-shadow:inset 0 2px 4px #fff3}.notification-content{flex-grow:1;min-width:0}.notification-header{text-transform:uppercase;letter-spacing:.5px;color:#64748b;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.annotation-notification.theme-dark .notification-header{color:#94a3b8}.notification-header .app-time{text-transform:lowercase;opacity:.8}.notification-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;font-weight:800;line-height:1.25;overflow:hidden}.annotation-notification.theme-dark .notification-title{color:#fff}.notification-body{color:#475569;word-break:break-word;margin-top:2px;font-size:12px;font-weight:600;line-height:1.3}.annotation-notification.theme-dark .notification-body{color:#cbd5e1}.annotation-chat-bubble{text-align:left;word-break:break-word;border-radius:20px;max-width:280px;padding:12px 18px;font-size:15px;font-weight:700;line-height:1.35;position:relative;box-shadow:0 15px 35px #0f172a14}.annotation-chat-bubble.sender{color:#fff;background:linear-gradient(135deg,#007aff,#0056b3);border-bottom-right-radius:4px}.annotation-chat-bubble.receiver{color:#000;background:#e5e5ea;border-bottom-left-radius:4px}.annotation-chat-bubble.theme-dark.receiver{color:#fff;background:#2a2a2c}.annotation-chat-bubble.theme-glass.receiver{-webkit-backdrop-filter:blur(18px);background:#fff9;border:1px solid #ffffff80}.annotation-review-card{-webkit-backdrop-filter:blur(20px);text-align:left;background:#ffffffc7;border:1px solid #ffffffc2;border-radius:20px;flex-direction:column;gap:8px;width:320px;padding:16px;display:flex;box-shadow:0 25px 65px #0f172a1f}.annotation-review-card.theme-dark{color:#fff;background:#0f172ac7;border-color:#ffffff14}.annotation-review-card.theme-glass{-webkit-backdrop-filter:blur(24px);background:#ffffff73;border-color:#ffffff80}.review-rating-stars{color:#fbbf24;gap:2px;display:flex}.review-rating-stars svg{fill:currentColor;width:14px;height:14px}.review-feedback-text{color:#334155;word-break:break-word;font-size:12px;font-weight:600;line-height:1.4}.annotation-review-card.theme-dark .review-feedback-text{color:#cbd5e1}.review-customer-row{align-items:center;gap:8px;margin-top:2px;display:flex}.review-customer-avatar{color:#fff;background-color:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:flex}.review-customer-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.annotation-review-card.theme-dark .review-customer-name{color:#fff}.annotation-directing-vector{justify-content:center;align-items:center;width:120px;height:120px;display:flex}.annotation-directing-vector svg{width:100%;height:100%;display:block}.annotation-text-block{cursor:text;white-space:pre-wrap;text-align:center;border:none;outline:none;min-width:120px;line-height:1.2}.sidebar-resizer{cursor:col-resize;z-index:40;background-color:#0000;flex-shrink:0;width:10px;height:100%;transition:background-color .2s,width .2s;position:relative}.sidebar-resizer:before{content:"";opacity:.9;z-index:45;background-color:#fff;background-image:radial-gradient(circle,#94a3b8 1px,#0000 1px);background-position:50%;background-repeat:repeat-y;background-size:100% 8px;border:1.5px solid #cbd5e1;border-radius:6px;width:6px;height:48px;transition:opacity .2s,background-color .25s,border-color .25s,height .2s,background-image .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0f172a14}.sidebar-resizer:after{content:"";background-color:var(--border-color);width:1px;transition:background-color .2s,width .2s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.sidebar-resizer:hover:before,.sidebar-resizer.active-dragging:before{opacity:1;background-color:var(--accent-glow);border-color:var(--accent-color);background-image:radial-gradient(circle, var(--accent-color) 1.2px, transparent 1.2px);height:56px}.sidebar-resizer:hover:after,.sidebar-resizer.active-dragging:after{background-color:var(--accent-color);width:2px}.left-resizer{order:2;margin-left:-5px;margin-right:-5px}.right-resizer{order:4;margin-left:-5px;margin-right:-5px}.studio-workspace.is-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.studio-workspace.is-resizing .controls-column,.studio-workspace.is-resizing .pipeline-column,.studio-workspace.is-resizing .viewport-column{transition:none!important}@media (width<=1024px){.sidebar-resizer{display:none!important}}body{color:var(--text-primary);background:radial-gradient(circle at 28% -12%,#fffffff2,#0000 36%),radial-gradient(circle at 88% 8%,#d2d6e08c,#0000 28%),linear-gradient(#f7f7f8 0%,#eceef2 100%)!important}.studio-root{color:var(--text-primary);letter-spacing:-.01em;background:radial-gradient(circle at 12% 0,#ffffffb8,#0000 28%),linear-gradient(#f6f7fa 0%,#ebeef3 100%)!important}.studio-workspace{color:var(--text-primary);background:0 0!important}.studio-topbar,.column-header,.controls-column,.pipeline-column{-webkit-backdrop-filter:saturate(180%)blur(18px);color:var(--text-primary)!important;background:#ffffffd1!important;border-color:#0f172a1a!important;box-shadow:0 1px #ffffffd1,0 20px 60px #0f172a14!important}.viewport-column,.horizontal-pipeline-wrapper{background:#edf0f4!important}.viewport-canvas-container{box-shadow:inset 0 0 80px #ffffff8a;background-color:#e8ebf0!important;background-image:radial-gradient(#0f172a0f 1px,#0000 0),radial-gradient(#0f172a0a 1px,#0000 0)!important}.topbar-brand,.column-header h3,.studio-root .font-bold,.studio-root .font-semibold,.topbar-brand svg,.column-header h3 svg,.studio-root .text-accent,.studio-root [class*=text-accent]{color:var(--text-primary)!important}.history-controls-header,.zoom-controls-header,.bg-mode-tabs,.weight-tabs,.layout-mode-tabs,.phone-type-select{color:var(--text-primary)!important;background:#0f172a0d!important;border:1px solid #0f172a1a!important;border-radius:12px!important;box-shadow:inset 0 1px #ffffffc2!important}.mode-tab,.weight-btn,.studio-root .text-gray-400,.studio-root .text-gray-500,.studio-root .text-gray-600,.studio-root .text-gray-700{color:var(--text-secondary)!important}.mode-tab:hover,.weight-btn:hover,.action-btn:hover{color:#000!important}.mode-tab.active,.weight-btn.active,.studio-root .weight-btn.bg-white,.studio-root .weight-btn[class*=bg-white]{color:var(--text-primary)!important;background:#ffffffeb!important;box-shadow:0 8px 22px #0f172a1f,inset 0 1px #ffffffe6!important}.project-portability button,.project-portability label,.sidebar-scrollable .MuiAccordion-root,.card-config-box,.dual-device-settings-box,.active-annotation-controls,.preset-btn,.element-catalog-card,.gallery-slide{color:var(--text-primary)!important;background:#ffffffdb!important;border-color:#0f172a1a!important;border-radius:14px!important;box-shadow:0 8px 24px #0f172a14,inset 0 1px #ffffffc7!important}.studio-root .slide-footer{box-shadow:none!important;background:#fffffff2!important;border-color:#0f172a14!important;border-top-style:solid!important;border-top-width:1px!important;border-radius:0 0 12px 12px!important}.project-portability label,.project-portability button{text-transform:none!important;letter-spacing:-.01em!important}.active-screen-nav,.screen-download-btn,.batch-export-btn,.active-screen-nav .active-badge,.active-screen-nav button:not(:disabled):hover,.screen-download-btn span,.batch-export-btn span{color:var(--text-primary)!important}.topbar-tooltip{position:relative}.topbar-tooltip:before,.topbar-tooltip:after{opacity:0;pointer-events:none;z-index:80;transition:opacity .14s,transform .14s;position:absolute;left:50%;transform:translate(-50%,6px)}.topbar-tooltip:before{content:attr(data-tooltip);white-space:nowrap;background:#111827f5;border-radius:8px;width:max-content;max-width:190px;padding:6px 8px;font-size:11px;font-weight:800;line-height:1;top:calc(100% + 10px);box-shadow:0 12px 28px #0f172a38;color:#fff!important}.topbar-tooltip:after{content:"";background:#111827f5;width:9px;height:9px;top:calc(100% + 5px);transform:translate(-50%,6px)rotate(45deg)}.topbar-tooltip:hover:before,.topbar-tooltip:hover:after,.topbar-tooltip:focus-visible:before,.topbar-tooltip:focus-visible:after{opacity:1}.topbar-tooltip:hover:before,.topbar-tooltip:focus-visible:before{transform:translate(-50%)}.topbar-tooltip:hover:after,.topbar-tooltip:focus-visible:after{transform:translate(-50%)rotate(45deg)}.sidebar-scrollable .MuiAccordion-root{overflow:hidden;border-radius:14px!important}.sidebar-scrollable .MuiAccordion-root:before{display:none}.sidebar-scrollable .MuiAccordionSummary-root,.sidebar-scrollable .MuiAccordionDetails-root{color:var(--text-primary)!important;background-color:#0000!important}.sidebar-scrollable .MuiSvgIcon-root,.sidebar-scrollable .MuiAccordionSummary-expandIconWrapper,.studio-root .MuiSelect-icon{color:var(--text-secondary)!important}.element-catalog-card:hover,.preset-btn:hover,.project-portability button:hover,.project-portability label:hover,.action-btn:hover{color:#000!important;background:#fff!important;border-color:#0f172a2e!important}.preset-btn.active,.gallery-slide.active{background:#fffffff0!important;border-color:#0f172a33!important;box-shadow:0 12px 32px #0f172a1a,0 0 0 1px #0f172a09!important}.divider-label,.card-config-box>div,.slide-footer{border-color:#0f172a1a!important}label,.elements-section-title,.divider-label,.divider-mini,.file-size-limit,.studio-root .text-xs,.studio-root .text-\[10px\],.studio-root .text-\[11px\]{color:var(--text-muted)}.custom-select,input[type=text],input[type=number],textarea,.studio-root input[type=text],.studio-root input[type=number],.studio-root textarea,.studio-root select,.studio-root .MuiInputBase-root,.MuiPaper-root.MuiMenu-paper{color:var(--text-primary)!important;background:#ffffffe6!important;border-color:#0f172a1f!important;border-radius:12px!important}.custom-select:focus,input[type=text]:focus,input[type=number]:focus,textarea:focus,.studio-root input:focus,.studio-root textarea:focus{background:#fff!important;border-color:#0f172a47!important;box-shadow:0 0 0 4px #0f172a14!important}.studio-root input::-moz-placeholder{color:var(--text-muted)!important}.studio-root textarea::-moz-placeholder{color:var(--text-muted)!important}.studio-root input::placeholder,.studio-root textarea::placeholder{color:var(--text-muted)!important}.controls-column [class*=bg-white],.controls-column [class*="bg-[#f9fafb]"],.controls-column [class*=bg-gray-50],.controls-column button[class*=bg-white],.controls-column button[class*="bg-[#f9fafb]"],.controls-column .hex-text,.controls-column input[type=text],.controls-column input[type=number],.controls-column textarea,.controls-column .active-annotation-controls,.controls-column .dual-device-settings-box,.controls-column .file-uploader{color:var(--text-primary)!important;background:#ffffffe6!important;border-color:#0f172a1f!important}.controls-column button[class*=bg-white],.controls-column button[class*="bg-[#f9fafb]"]{border-radius:10px!important;box-shadow:inset 0 1px #ffffffc7,0 8px 22px #0f172a14!important}.controls-column button[class*=bg-white]:hover,.controls-column button[class*="bg-[#f9fafb]"]:hover,.controls-column .file-uploader:hover{color:#000!important;background:#fff!important;border-color:#0f172a38!important}.controls-column [class*=border-gray-200],.controls-column [class*=border-gray-300],.controls-column [class*=border-border]{border-color:#0f172a1a!important}.controls-column .section-header-title,.controls-column .elements-section-title,.controls-column label,.controls-column [class*=text-gray-400],.controls-column [class*=text-gray-500]{color:var(--text-muted)!important}.controls-column [class*=text-gray-600],.controls-column [class*=text-gray-700],.controls-column button span,.controls-column .MuiInputBase-input,.controls-column .MuiSelect-select,.controls-column .MuiMenuItem-root{color:var(--text-primary)!important}.controls-column button:hover span,.controls-column .MuiInputBase-root.Mui-focused .MuiInputBase-input{color:#000!important}.controls-column .text-accent,.controls-column [class*=text-accent]{color:var(--accent-color)!important}.controls-column .delete-ann-btn{color:#b42318!important;background:#ff453a1a!important;border-color:#ff453a3d!important}.controls-column .delete-ann-btn:hover{color:#7a1710!important;background:#ff453a29!important;border-color:#ff453a57!important}.controls-column .delete-ann-btn span,.controls-column .delete-ann-btn svg{color:currentColor!important}.controls-column .border-dashed{color:var(--text-secondary)!important;background:#f5f6f8eb!important;border-color:#0f172a38!important}.catalog-icon-box,.vector-catalog-icon,.active-badge,.val-display{color:var(--text-primary)!important;background:#0f172a12!important}.file-uploader{background:#f5f6f8eb!important;border-color:#0f172a1f!important}.mini-canvas-wrapper{background:0 0!important;border-color:#0f172a1f!important;border-radius:12px 12px 0 0!important;transform:translateZ(0)!important}.studio-root input.slider,.studio-root input[type=range].slider,.studio-root input.slider:focus,.studio-root input[type=range].slider:focus,.studio-root input.slider:active,.studio-root input[type=range].slider:active,.slider{--slider-rail-color:#0f172a1f;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.studio-root .MuiSlider-rail{opacity:1!important;background-color:#0f172a29!important}.studio-root .MuiSlider-track,.studio-root .MuiSlider-thumb{color:var(--accent-color)!important}.studio-root .MuiSwitch-track{opacity:1!important;background-color:#0f172a33!important}.studio-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:var(--accent-color)!important}.studio-root .MuiSelect-select{color:var(--text-primary)!important;padding-top:8px!important;padding-bottom:8px!important;font-weight:650!important}.studio-root .MuiSelect-icon{color:var(--text-secondary)!important;right:10px!important}.studio-root .MuiOutlinedInput-notchedOutline{border-color:#0f172a1f!important}.studio-root .MuiInputBase-root:hover,.studio-root .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline,.studio-root .Mui-focused .MuiOutlinedInput-notchedOutline{background:#fff!important;border-color:#0f172a42!important}.MuiPaper-root.MuiMenu-paper{color:var(--text-primary)!important;background:#fffffffa!important;border:1px solid #0f172a1f!important;border-radius:14px!important;padding:6px!important;box-shadow:0 26px 70px #0f172a29,inset 0 1px #ffffffe6!important}.MuiPaper-root.MuiMenu-paper .MuiList-root{padding:0!important}.MuiPaper-root.MuiMenu-paper .MuiMenuItem-root{letter-spacing:-.01em;min-height:34px!important;color:var(--text-primary)!important;border-radius:10px!important;margin:1px 0!important;font-size:12px!important;font-weight:650!important}.MuiPaper-root.MuiMenu-paper .MuiMenuItem-root:hover,.MuiPaper-root.MuiMenu-paper .Mui-selected,.MuiPaper-root.MuiMenu-paper .Mui-selected:hover{color:#000!important;background:#0f172a12!important}.expand-sidebar-btn,.expand-pipeline-btn{color:var(--text-primary)!important;background:#ffffffc7!important;border-color:#0f172a2e!important}.expand-sidebar-btn:hover,.expand-pipeline-btn:hover{color:#000!important;background:#fff!important}.sidebar-resizer:before{background:#ffffffd9 radial-gradient(circle,#0f172a47 1.1px,#0000 1.1px)!important;border-color:#0f172a24!important;box-shadow:0 10px 28px #0f172a14!important}.sidebar-resizer:after,.sidebar-resizer:hover:after,.sidebar-resizer.active-dragging:after{opacity:0!important;background-color:#0f172a1f!important;width:1px!important;height:56px!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important}.sidebar-resizer:hover,.sidebar-resizer.active-dragging{background-color:#0000!important}.sidebar-resizer:hover:before,.sidebar-resizer.active-dragging:before{background:#fff radial-gradient(circle,#0f172a61 1.2px,#0000 1.2px)!important;border-color:#0f172a3d!important}.sidebar-resizer:hover:after,.sidebar-resizer.active-dragging:after{opacity:1!important}::-webkit-scrollbar-thumb{background:#0f172a29}::-webkit-scrollbar-thumb:hover{background:#0f172a47}.studio-root .screenshot-canvas-wrapper,.studio-root .iphone-screen,.studio-root .chats-app-theme,.studio-root .focus-app-theme{color:initial}.sidebar-scrollable,.horizontal-pipeline-wrapper{overscroll-behavior:contain;scrollbar-gutter:stable;contain:layout paint style;transform:translateZ(0)}.sidebar-scrollable{overflow:hidden auto}.horizontal-pipeline-wrapper{overflow-y:scroll;overflow-x:hidden!important}.controls-column .MuiAccordion-root{contain:layout paint style;transform:translateZ(0);width:100%!important;min-width:0!important;margin:0!important;overflow:visible!important}.controls-column .MuiAccordion-root.Mui-expanded,.controls-column .MuiAccordion-root:first-of-type,.controls-column .MuiAccordion-root:last-of-type{margin:0!important}.controls-column .MuiAccordionSummary-root,.controls-column .MuiAccordionDetails-root,.controls-column .MuiCollapse-root,.controls-column .MuiCollapse-wrapper,.controls-column .MuiCollapse-wrapperInner{width:100%!important;min-width:0!important}.controls-column .MuiAccordionDetails-root{contain:layout;overflow:visible!important}.controls-column .MuiCollapse-root,.controls-column .MuiCollapse-wrapper,.controls-column .MuiCollapse-wrapperInner{will-change:height}.controls-column .MuiAccordion-root,.controls-column .element-catalog-card,.controls-column .preset-btn,.controls-column .card-config-box,.controls-column .active-annotation-controls{transition-property:background-color,border-color,box-shadow,transform!important;transition-duration:.12s!important}.controls-column .MuiSlider-root{box-sizing:border-box!important;width:calc(100% - 16px)!important;margin:0 8px!important;padding:11px 0!important;overflow:visible!important}.controls-column .MuiSlider-rail,.controls-column .MuiSlider-track{height:3px!important}.controls-column .MuiSlider-thumb{width:12px!important;height:12px!important}.gallery-slide{contain:layout paint;transform:translateZ(0)}.mini-canvas-wrapper{contain:strict;content-visibility:auto;contain-intrinsic-size:245px 460px}.mini-canvas-container{backface-visibility:hidden}