*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root,[data-theme=dark]{color-scheme:dark;--bg-base: #15161b;--bg-surface: #1d1e25;--bg-raised: #262730;--bg-input: #18181f;--bg-hover: #2c2c37;--bg-cell: #17171c;--border: #32323f;--border-subtle: #252530;--border-active: #4f4f62;--text-primary: #f4f4f7;--text-secondary: #b6b6c6;--text-muted: #858598;--section-title: #a2a2b5;--accent: #e11d48;--accent-hover: #f43f5e;--toggle-bg: #323240;--slider-track: #2b2b36;--slider-thumb: #f4f4f7;--shadow-artboard: 0 0 0 1px rgba(255, 255, 255, .08), 0 24px 60px -12px rgba(0, 0, 0, .75), 0 12px 24px -8px rgba(0, 0, 0, .5);--backdrop-bg: rgba(0, 0, 0, .75);--cell-overlay-bg: rgba(22, 22, 28, .92);--preview-cell-bg: rgba(255, 255, 255, .08);--preview-cell-border: rgba(255, 255, 255, .45)}[data-theme=light],.light{color-scheme:light;--bg-base: #f5f4f7;--bg-surface: #ffffff;--bg-raised: #f8f7fa;--bg-input: #ffffff;--bg-hover: #eef2f6;--bg-cell: #e9ecf2;--border: #e2e1e8;--border-subtle: #eeedf2;--border-active: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--section-title: #475569;--accent: #e11d48;--accent-hover: #be123c;--toggle-bg: #cbd5e1;--slider-track: #e2e8f0;--slider-thumb: #0f172a;--shadow-artboard: 0 0 0 1px rgba(15, 23, 42, .08), 0 20px 48px -12px rgba(15, 23, 42, .16), 0 8px 16px -4px rgba(15, 23, 42, .08);--backdrop-bg: rgba(15, 23, 42, .45);--cell-overlay-bg: rgba(255, 255, 255, .94);--preview-cell-bg: #ffffff;--preview-cell-border: #94a3b8}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.011em;transition:background-color .2s ease,color .2s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-2{inset:-.5rem}.inset-0{inset:0}.inset-x-2{left:.5rem;right:.5rem}.inset-x-3{left:.75rem;right:.75rem}.-bottom-1\.5{bottom:-.375rem}.-bottom-2{bottom:-.5rem}.-left-1\.5{left:-.375rem}.-left-2{left:-.5rem}.-left-6{left:-1.5rem}.-right-1\.5{right:-.375rem}.-right-2{right:-.5rem}.-top-1\.5{top:-.375rem}.-top-2{top:-.5rem}.-top-6{top:-1.5rem}.-top-7{top:-1.75rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-1\.5{bottom:.375rem}.bottom-12{bottom:3rem}.bottom-2\.5{bottom:.625rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-5{bottom:1.25rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.left-5{left:1.25rem}.left-6{left:1.5rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[100\]{z-index:100}.z-\[9000\]{z-index:9000}.z-\[9100\]{z-index:9100}.m-0{margin:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.-mt-1{margin-top:-.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.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-\[1\.5px\]{height:1.5px}.h-\[3px\]{height:3px}.h-full{height:100%}.h-px{height:1px}.max-h-36{max-height:9rem}.max-h-48{max-height:12rem}.max-h-56{max-height:14rem}.max-h-\[300px\]{max-height:300px}.max-h-\[420px\]{max-height:420px}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100dvh-80px\)\]{max-height:calc(100dvh - 80px)}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-\[160px\]{min-height:160px}.min-h-\[26px\]{min-height:26px}.min-h-\[72px\]{min-height:72px}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-52{width:13rem}.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-\[3px\]{width:3px}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\[180px\]{min-width:180px}.min-w-\[48px\]{min-width:48px}.max-w-24{max-width:6rem}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-\[115px\]{max-width:115px}.max-w-\[180px\]{max-width:180px}.max-w-\[80px\]{max-width:80px}.max-w-\[95\%\]{max-width:95%}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-nesw-resize{cursor:nesw-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.5px\]{border-radius:1.5px}.rounded-\[1px\]{border-radius:1px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-amber-400{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.border-amber-400\/50{border-color:#fbbf2480}.border-amber-500\/30{border-color:#f59e0b4d}.border-cyan-400\/80{border-color:#22d3eecc}.border-rose-400\/80{border-color:#fb7185cc}.border-rose-400\/90{border-color:#fb7185e6}.border-rose-500{--tw-border-opacity: 1;border-color:rgb(244 63 94 / var(--tw-border-opacity, 1))}.border-rose-500\/25{border-color:#f43f5e40}.border-rose-500\/30{border-color:#f43f5e4d}.border-rose-500\/40{border-color:#f43f5e66}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/5{border-color:#ffffff0d}.border-zinc-400\/40{border-color:#a1a1aa66}.border-zinc-700{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.border-zinc-700\/60{border-color:#3f3f4699}.border-zinc-700\/80{border-color:#3f3f46cc}.bg-\[var\(--bg-raised\)\]{background-color:var(--bg-raised)}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-400\/20{background-color:#fbbf2433}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/15{background-color:#f59e0b26}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.bg-current{background-color:currentColor}.bg-cyan-400{--tw-bg-opacity: 1;background-color:rgb(34 211 238 / var(--tw-bg-opacity, 1))}.bg-cyan-950\/95{background-color:#083344f2}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/15{background-color:#10b98126}.bg-pink-500\/15{background-color:#ec489926}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-rose-500\/10{background-color:#f43f5e1a}.bg-rose-500\/15{background-color:#f43f5e26}.bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.bg-slate-900\/90{background-color:#0f172ae6}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.bg-zinc-800\/60{background-color:#27272a99}.bg-zinc-950\/40{background-color:#09090b66}.fill-none{fill:none}.fill-red-500{fill:#ef4444}.stroke-current{stroke:currentColor}.stroke-2{stroke-width:2}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-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}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pr-1{padding-right:.25rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[28px\]{font-size:28px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-\[1\.25\]{line-height:1.25}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-500\/80{color:#f59e0bcc}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-sky-400{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-violet-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/80{color:#fffc}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_\#f43f5e\]{--tw-shadow: 0 0 12px #f43f5e;--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(244\,63\,94\,0\.45\)\]{--tw-shadow: 0 0 12px rgba(244,63,94,.45);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(251\,191\,36\,0\.45\)\]{--tw-shadow: 0 0 12px rgba(251,191,36,.45);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_6px_rgba\(16\,185\,129\,0\.6\)\]{--tw-shadow: 0 0 6px rgba(16,185,129,.6);--tw-shadow-colored: 0 0 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(34\,211\,238\,0\.95\)\]{--tw-shadow: 0 0 8px rgba(34,211,238,.95);--tw-shadow-colored: 0 0 8px 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-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 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-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-rose-500\/50{--tw-ring-color: rgb(244 63 94 / .5)}.ring-rose-500\/90{--tw-ring-color: rgb(244 63 94 / .9)}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-transparent{--tw-ring-offset-color: transparent}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.drop-shadow-\[0_2px_8px_rgba\(239\,68\,68\,0\.45\)\]{--tw-drop-shadow: drop-shadow(0 2px 8px rgba(239,68,68,.45));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)}.drop-shadow-\[0_2px_8px_rgba\(239\,68\,68\,0\.5\)\]{--tw-drop-shadow: drop-shadow(0 2px 8px rgba(239,68,68,.5));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)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.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);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\,top\,width\,height\,transform\]{transition-property:left,top,width,height,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.studio-app{height:100vh;height:100dvh}.studio-header{min-height:72px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.canvas-size-control{display:flex;align-items:center;gap:8px;min-width:0;margin:0 12px}.canvas-size-control select{min-width:0;max-width:220px;padding:9px 28px 9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised);color:var(--text-primary);font-size:12px}.editor-header button,.editor-header .canvas-size-control select{font-size:13px}.canvas-info{line-height:1.5;letter-spacing:normal;max-width:calc(100% - 195px)}.face-crop-dock{position:absolute;z-index:45;top:56px;left:50%;transform:translate(-50%);display:grid;gap:7px;width:min(350px,calc(100% - 24px));color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.face-crop-trigger,.face-crop-progress{width:100%;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border));border-radius:16px;background:var(--bg-surface);box-shadow:0 12px 32px #0004,inset 0 1px #fff1}.face-crop-trigger{display:flex;align-items:center;gap:10px;min-height:62px;padding:9px 11px;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s}.face-crop-trigger:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent);box-shadow:0 16px 36px #0005}.face-crop-trigger:disabled{opacity:.55;cursor:not-allowed}.face-crop-icon,.face-crop-progress-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--bg-raised))}.face-crop-trigger-copy,.face-crop-progress-top>span:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}.face-crop-trigger-copy strong,.face-crop-progress strong{font-size:13px;font-weight:800;line-height:1.2}.face-crop-trigger-copy small,.face-crop-progress small{font-size:10px;color:var(--text-secondary);line-height:1.3}.face-crop-arrow{color:var(--accent);font-size:20px;font-weight:700;padding-right:3px}.face-crop-note,.face-crop-result{margin:6px 0 0;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);box-shadow:0 4px 16px #0003;font-size:11px;line-height:1.35;color:var(--text-secondary)}.face-crop-result{display:flex;align-items:center;gap:12px}.face-crop-result span{flex:1}.face-crop-result button{color:var(--accent);font-weight:800;text-decoration:underline;min-height:28px}.face-crop-progress{padding:11px 12px 12px}.face-crop-progress-top{display:flex;align-items:center;gap:10px}.face-crop-progress-top button{color:var(--text-secondary);font-size:11px;font-weight:700;padding:8px;border-radius:8px}.face-crop-progress-top button:hover{background:var(--bg-hover);color:var(--text-primary)}.face-crop-progress-track{height:5px;margin-top:11px;border-radius:99px;overflow:hidden;background:var(--bg-hover)}.face-crop-progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.face-crop-progress-track.is-loading>span{animation:face-model-loading 1.5s ease-in-out infinite alternate}.face-crop-scan{position:absolute;inset:0;z-index:80;pointer-events:none;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.face-crop-scan-line{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 70%,color-mix(in srgb,var(--accent) 9%,transparent) 95%,color-mix(in srgb,var(--accent) 85%,white) 100%);transform:translateY(-100%);animation:face-scan 2.5s linear infinite}.face-crop-scan-corner{position:absolute;width:24px;height:24px;border-color:var(--accent);border-style:solid}.face-crop-scan-corner.corner-tl{top:8px;left:8px;border-width:2px 0 0 2px}.face-crop-scan-corner.corner-tr{top:8px;right:8px;border-width:2px 2px 0 0}.face-crop-scan-corner.corner-bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.face-crop-scan-corner.corner-br{bottom:8px;right:8px;border-width:0 2px 2px 0}@keyframes face-scan{to{transform:translateY(100%)}}@keyframes face-model-loading{to{transform:translate(210%)}}@media(prefers-reduced-motion:reduce){.face-crop-scan-line,.face-crop-progress-track.is-loading>span{animation:none}}@media(min-width:1200px){.face-crop-dock{top:10px;left:auto;right:126px;transform:none;width:260px}.face-crop-trigger{min-height:48px;padding:6px 8px;gap:7px;border-radius:11px}.face-crop-icon{width:32px;height:32px;border-radius:8px}.face-crop-icon svg{width:17px;height:17px}.face-crop-trigger-copy strong{font-size:11px}.face-crop-trigger-copy small{font-size:9px}.face-crop-arrow{font-size:16px}}.empty-slot-upload>span{font-size:14px;letter-spacing:normal}.slot-controls button{min-height:32px}.editing-panel{display:flex;width:392px;height:100%;flex-shrink:0;background:var(--bg-surface);border-left:1px solid var(--border)}.editing-panel.is-collapsed{width:72px}.editing-panel-content{display:flex;flex-direction:column;width:320px;min-width:0;min-height:0;overflow:hidden}.editing-panel-content[hidden]{display:none}.editing-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;flex-shrink:0}.editing-panel-heading h2{font-size:14px;font-weight:700}.editing-panel-heading button{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:var(--text-muted)}.editing-panel-heading button:hover{background:var(--bg-hover);color:var(--text-primary)}.tool-rail{display:flex;flex-direction:column;align-items:center;gap:8px;width:72px;padding:16px 6px;flex-shrink:0;border-left:1px solid var(--border-subtle);background:var(--bg-surface)}.tool-rail>button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:58px;height:62px;flex-shrink:0;border-radius:12px;color:var(--text-secondary);transition:background-color .15s,color .15s}.tool-rail-label{font-size:10px;font-weight:600;line-height:1.2}.tool-rail>button:hover{background:var(--bg-hover);color:var(--text-primary)}.tool-rail>button[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.tool-rail>button[aria-pressed=true]:before{content:"";position:absolute;right:-7px;width:3px;height:20px;border-radius:3px 0 0 3px;background:var(--accent)}.tool-rail-tooltip{position:absolute;right:calc(100% + 12px);z-index:60;pointer-events:none;opacity:0;padding:6px 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg-raised);color:var(--text-primary);font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #0002}.tool-rail>button:hover .tool-rail-tooltip,.tool-rail>button:focus-visible .tool-rail-tooltip{opacity:1}.design-workspace-tabs{display:flex;gap:4px;margin:0 16px 12px;padding:4px;border-radius:10px;background:var(--bg-base);flex-shrink:0}.design-workspace-tabs button{flex:1;min-width:0;min-height:34px;border-radius:7px;font-size:12px;font-weight:600;color:var(--text-secondary)}.design-workspace-tabs button[aria-pressed=true]{color:var(--accent);background:var(--bg-surface);box-shadow:0 1px 4px #0002}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,select,summary{touch-action:manipulation}.library-search input:focus-visible{outline:none}.copy-error{position:absolute;right:16px;top:100%;max-width:calc(100vw - 32px);padding:12px 16px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0003;font-size:13px}.copy-error button{margin-left:12px;padding:4px}.export-reminder{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-raised);color:var(--text-secondary);font-size:12px;line-height:1.6}.export-reminder button{margin-top:8px;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}.export-success{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,var(--bg-surface));color:var(--text-primary);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.export-success svg{flex-shrink:0;margin-top:2px;color:var(--accent)}.photo-quick-controls{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--bg-raised)}.photo-quick-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.photo-quick-heading h3{font-size:14px;font-weight:700}.photo-quick-heading>span{font-size:11px;color:var(--text-muted)}.photo-thumbnail-strip{display:flex;gap:8px;padding:4px;margin:0 -4px;overflow-x:auto;scrollbar-width:thin}.photo-thumbnail-strip button{position:relative;flex:0 0 52px;height:52px;padding:3px;border:2px solid transparent;border-radius:10px;background:var(--bg-surface)}.photo-thumbnail-strip button[aria-pressed=true]{border-color:var(--accent)}.photo-thumbnail-strip img{width:100%;height:100%;border-radius:5px;-o-object-fit:cover;object-fit:cover}.photo-thumbnail-strip button>span{position:absolute;bottom:3px;right:3px;min-width:16px;padding:1px 3px;background:#111c;color:#fff;border-radius:4px;font-size:10px;font-weight:700}.photo-active-name{font-size:12px;font-weight:600;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-fit-options,.photo-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.photo-fit-options button,.photo-quick-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-secondary);font-size:11px;font-weight:600}.photo-fit-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-surface))}.photo-quick-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.photo-crop-help{color:var(--text-secondary);font-size:12px;line-height:1.6;margin:10px 0}.photo-zoom-control{display:block;margin:12px 0}.photo-zoom-control>span{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:8px}.photo-zoom-control output{color:var(--text-secondary);font-variant-numeric:tabular-nums}.photo-zoom-control input{width:100%}.photo-edit-notice{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised);font-size:12px;color:var(--text-secondary)}.photo-edit-notice>span{flex:1}.photo-edit-notice button{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px}.portrait-background-panel{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));border-radius:16px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 8%,var(--bg-raised)),var(--bg-raised) 58%)}.portrait-background-heading{display:flex;align-items:center;gap:10px}.portrait-background-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-surface))}.portrait-background-heading h3{font-size:13px;font-weight:800;line-height:1.3}.portrait-background-heading p,.portrait-background-help{color:var(--text-secondary);font-size:10px;line-height:1.5}.portrait-background-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portrait-background-comparison figure{position:relative;height:104px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg-base)}.portrait-background-comparison figure.is-cutout{background-color:#dadce2;background-image:linear-gradient(45deg,#f7f7f9 25%,transparent 25%),linear-gradient(-45deg,#f7f7f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f7f7f9 75%),linear-gradient(-45deg,transparent 75%,#f7f7f9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.portrait-background-comparison img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.portrait-background-comparison figcaption{position:absolute;left:6px;bottom:6px;padding:3px 6px;border-radius:5px;background:#111b;color:#fff;font-size:9px;font-weight:700}.portrait-background-options{min-width:0;padding:0;border:0}.portrait-background-options legend{margin-bottom:7px;color:var(--text-secondary);font-size:11px;font-weight:700}.portrait-background-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.portrait-background-people{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-background-people+.portrait-background-help{margin-top:6px}.portrait-background-choices button{min-height:38px;padding:5px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-secondary);font-size:10px;font-weight:700}.portrait-background-choices button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-surface))}.portrait-background-color{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:var(--text-secondary);font-size:11px}.portrait-background-color input{width:44px;height:34px;padding:2px;border:1px solid var(--border);border-radius:7px;background:var(--bg-surface)}.portrait-background-apply{min-height:42px;padding:9px 12px;border-radius:9px;background:var(--accent);color:#fff;font-size:12px;font-weight:800}.portrait-background-apply:disabled{opacity:.55;cursor:not-allowed}.portrait-background-running,.portrait-background-status{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:11px;line-height:1.4}.portrait-background-running button,.portrait-background-status button{margin-left:auto;color:var(--accent);font-weight:800;text-decoration:underline}.portrait-background-loading{width:13px;height:13px;flex:none;border:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-top-color:var(--accent);border-radius:50%;animation:portrait-rotate 1s linear infinite}.portrait-background-restore{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;color:var(--accent);font-size:11px;font-weight:700}.portrait-background-help{margin:0}.portrait-refine-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px;background:#0a0d17c2}.portrait-refine-dialog{display:flex;flex-direction:column;gap:12px;width:min(880px,100%);max-height:calc(100dvh - 32px);padding:18px;overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--bg-raised);color:var(--text-primary);box-shadow:0 24px 80px #00000059}.portrait-refine-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.portrait-refine-header h2{margin:0;font-size:20px;font-weight:800}.portrait-refine-header p{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.portrait-refine-header>button{font-size:28px;line-height:1;color:var(--text-secondary)}.portrait-refine-tools,.portrait-refine-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.portrait-refine-tools>button,.portrait-refine-actions>button{min-height:36px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);font-size:12px;font-weight:700}.portrait-refine-tools>button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface))}.portrait-refine-tools label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.portrait-refine-tools input[type=range]{width:90px;accent-color:var(--accent)}.portrait-refine-preview{display:grid;place-items:center;min-height:160px;overflow:auto;border-radius:10px;background-color:#d5d8df;background-image:linear-gradient(45deg,#f5f5f7 25%,transparent 25%),linear-gradient(-45deg,#f5f5f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f5f5f7 75%),linear-gradient(-45deg,transparent 75%,#f5f5f7 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.portrait-refine-stage{position:relative;display:inline-block;max-width:100%;line-height:0}.portrait-refine-stage img{position:absolute;inset:0;width:100%;height:100%;opacity:.34;pointer-events:none}.portrait-refine-stage canvas{position:relative;display:block;width:auto;height:auto;max-width:100%;max-height:55vh;cursor:crosshair}.portrait-refine-actions span{flex:1}.portrait-refine-actions .portrait-refine-save{border-color:var(--accent);background:var(--accent);color:#fff}.portrait-refine-actions button:disabled{opacity:.5;cursor:not-allowed}.portrait-refine-error{margin:0;color:#c5344f;font-size:12px}.face-focus-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px;background:#0a0d17c2}.face-focus-dialog{display:flex;flex-direction:column;gap:10px;width:min(760px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--bg-raised);color:var(--text-primary);box-shadow:0 24px 80px #00000059}.face-focus-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.face-focus-heading h2{margin:0;font-size:20px;font-weight:800}.face-focus-heading p,.face-focus-hint{margin:4px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.face-focus-heading>button{font-size:28px;line-height:1;color:var(--text-secondary)}.face-focus-photo{position:relative;display:block;max-width:100%;margin:0 auto;cursor:crosshair;border-radius:10px;overflow:hidden;line-height:0}.face-focus-photo img{display:block;width:100%;height:auto}.face-focus-box{position:absolute;pointer-events:none;border:2px solid var(--accent);border-radius:5px;box-shadow:0 0 0 1px #fff9,0 0 12px #0006}.face-focus-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.face-focus-actions span{flex:1}.face-focus-actions button{min-height:36px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);font-size:12px;font-weight:700}.face-focus-actions button:hover{border-color:var(--accent);color:var(--accent)}.subject-focus-dialog{width:min(960px,100%)}.subject-focus-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:20px;align-items:start}.subject-focus-photo{border:1px solid var(--border)}.subject-focus-box{position:absolute;padding:0;border:2px solid #60f0ce;border-radius:7px;background:#33e1b914;box-shadow:0 0 0 1px #112b27,inset 0 0 0 1px #fff8;cursor:pointer}.subject-focus-box:hover,.subject-focus-box.is-selected{border-color:#fff;background:#33e1b933;box-shadow:0 0 0 3px var(--accent)}.subject-focus-box span{position:absolute;left:-2px;top:-23px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;border-radius:5px 5px 0 0;background:#173b36;color:#fff;font-size:11px;font-weight:800;line-height:1.3}.subject-focus-point{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #0008;pointer-events:none}.subject-focus-side{display:flex;flex-direction:column;gap:10px}.subject-focus-side h3{margin:0;font-size:14px;font-weight:800}.subject-focus-side p{margin:3px 0 0;color:var(--text-secondary);font-size:12px}.subject-focus-preview{position:relative;display:grid;place-items:center;width:min(100%,calc(32vh * var(--crop-ratio)));max-height:32vh;min-height:110px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--bg-surface);color:var(--text-secondary);font-size:12px;text-align:center;margin-inline:auto}.subject-focus-preview img{position:absolute;max-width:none;-o-object-fit:fill;object-fit:fill}.subject-focus-spacing{display:flex;flex-wrap:wrap;gap:5px;padding:0;border:0}.subject-focus-spacing legend{margin-bottom:6px;font-size:11px;font-weight:800;color:var(--text-secondary)}.subject-focus-spacing button{padding:6px 9px;border:1px solid var(--border);border-radius:8px;font-size:11px;font-weight:700}.subject-focus-spacing button.is-selected{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.subject-focus-spacing:disabled{opacity:.5}.subject-focus-actions .subject-focus-apply{border-color:var(--accent);background:var(--accent);color:#fff}.subject-focus-actions .subject-focus-apply:disabled{opacity:.5;cursor:not-allowed}@media(max-width:650px){.subject-focus-grid{grid-template-columns:1fr;gap:12px}.subject-focus-preview{width:min(100%,calc(25vh * var(--crop-ratio)));max-height:25vh}}@media(max-width:1199px){.face-crop-dock{display:flex;flex-wrap:wrap;width:min(500px,calc(100% - 24px));gap:6px}.face-crop-trigger{flex:1 1 0;min-width:0;min-height:48px;padding:6px 8px;gap:6px;border-radius:11px}.face-crop-icon{width:30px;height:30px;border-radius:8px}.face-crop-trigger-copy strong{font-size:11px}.face-crop-trigger-copy small{display:none}.face-crop-arrow{font-size:16px}.face-crop-progress,.face-crop-note,.face-crop-result{flex:1 1 100%}}@media(max-width:600px){.portrait-refine-dialog{padding:12px}.portrait-refine-tools label{width:100%}.portrait-refine-stage canvas{max-height:50vh}.face-focus-dialog{padding:12px}}@keyframes portrait-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.portrait-background-loading{animation:none}}.mobile-project-actions{display:none}.cell-slot-container{container-type:size}@container (max-width: 120px){.empty-slot-upload{padding:4px}.empty-slot-upload>div:last-child{display:none}.empty-slot-upload>div:first-child{width:28px;height:28px;margin-bottom:4px}.empty-slot-upload>span{font-size:10px}}@container (max-height: 70px){.empty-slot-upload>div{display:none}.empty-slot-upload{padding:2px}}@media(max-width:1100px){.canvas-size-control{order:3;width:100%;margin:4px 0 0;padding-top:8px;border-top:1px solid var(--border-subtle)}.canvas-size-control select{max-width:none;flex:1}}@media(max-width:767px),(max-width:1023px)and (max-height:500px){.mobile-project-actions{display:block}.studio-app{height:auto;min-height:100dvh;overflow:visible}.editor-workspace{flex-direction:column;flex:none;overflow:visible}.canvas-workspace{flex:none;width:100%;height:clamp(320px,52svh,520px);min-height:0}.slot-controls{max-width:calc(100vw - 24px);overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:thin;touch-action:pan-x}.editing-panel,.editing-panel.is-collapsed{flex-direction:column-reverse;width:100%;height:auto;min-height:0;overflow:visible;border-top:1px solid var(--border);border-left:0}.editing-panel-content{width:100%;overflow:visible}.editing-panel-content>.overflow-y-auto{flex:none;overflow:visible}.tool-rail{flex-direction:row;justify-content:space-around;width:100%;gap:4px;padding:7px 12px;border-left:0;border-bottom:1px solid var(--border)}.tool-rail>button{width:44px;height:44px}.tool-rail>button[aria-pressed=true]:before{right:auto;bottom:-7px;width:20px;height:3px;border-radius:3px 3px 0 0}.tool-rail-tooltip{right:auto;bottom:calc(100% + 8px)}.canvas-info{left:12px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 150px);overflow:hidden;white-space:nowrap}.editor-header{gap:4px;padding:6px 8px}.header-actions{gap:0}.header-actions>button[aria-label="Toggle light/dark theme"],.header-account{display:none}.mobile-project-actions>button,.mobile-project-actions>button[aria-label]{width:100%;justify-content:flex-start}.mobile-project-actions>button[aria-label]>span{display:inline}.editor-header button{min-width:40px;min-height:44px}.header-actions>div{padding:0}.canvas-size-control{gap:6px;padding-top:6px;margin-top:0}.canvas-size-control>label{display:none}.canvas-size-control select{min-height:44px;font-size:16px;width:0}.then-now-launch{font-size:12px;padding:6px 8px}.editing-panel input:not([type=range]):not([type=color]):not([type=checkbox]),.editing-panel select,.editing-panel textarea{font-size:16px}.editing-panel button:not(.favorite-button),.editing-panel summary{min-height:44px}.studio-discovery{padding-bottom:max(8px,env(safe-area-inset-bottom))}.header-actions>button[aria-label="Shuffle photos"],.header-actions>button[aria-label="Clear all photos"],.header-actions>button[aria-label="Copy collage"],.header-actions>button[aria-label="About and guide"]{display:none}}@media(max-width:359px){.editor-header button{min-width:36px}.header-actions>button[aria-label="Export and download collage"]>span{display:none}.header-actions>button[aria-label="Export and download collage"]{min-width:36px;justify-content:center}}@media(min-width:1024px){.editor-header{flex-wrap:nowrap;min-height:64px;padding:10px 16px;gap:12px}.editor-header .canvas-size-control{order:initial;width:auto;flex:1 1 auto;justify-content:center;margin:0;padding:0;border:0;flex-wrap:nowrap;gap:6px}.editor-header .canvas-size-control>label{display:none}.editor-header .canvas-size-control select{flex:0 1 230px;width:230px;max-width:230px}.editor-header .then-now-launch{white-space:nowrap;flex-shrink:0}.editor-header .header-actions{margin-left:0;gap:4px}}@media(min-width:1024px)and (max-width:1399px){.editor-header .header-actions>button[aria-label="Shuffle photos"]>span,.editor-header .header-actions>button[aria-label="Copy collage"]>span,.editor-header .header-actions button[aria-label^="Account settings"]>span{display:none}}@media(min-width:1024px)and (max-width:1150px){.editor-header .header-wordmark{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-bebas{font-family:Bebas Neue,sans-serif;letter-spacing:.04em}.font-oswald{font-family:Oswald,sans-serif}.font-montserrat{font-family:Montserrat,sans-serif}.studio-canvas-grid{background-color:var(--bg-base);background-image:radial-gradient(circle,rgba(148,163,184,.12) 1px,transparent 1px);background-size:24px 24px}[data-theme=light] .studio-canvas-grid,.light .studio-canvas-grid{background-image:radial-gradient(circle,rgba(15,23,42,.08) 1px,transparent 1px)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--slider-track);border-radius:9999px;outline:none;height:5px;cursor:pointer;transition:background .15s ease}input[type=range]:hover{background:var(--border-active)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--slider-thumb);border:2px solid var(--bg-surface);cursor:grab;box-shadow:0 1px 4px #00000059;-webkit-transition:transform .12s ease,box-shadow .12s ease;transition:transform .12s ease,box-shadow .12s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 4px #e11d4840}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.05);cursor:grabbing}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--slider-thumb);border:2px solid var(--bg-surface);cursor:pointer;box-shadow:0 1px 4px #00000059}.section-title{font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);text-transform:none}.toggle-track{position:relative;width:42px;height:24px;border-radius:9999px;background:var(--toggle-bg);cursor:pointer;transition:background .2s ease;flex-shrink:0;border:0;padding:0}.toggle-track.active{background:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.toggle-track.active .toggle-thumb{transform:translate(18px)}@keyframes portalFadeIn{0%{opacity:0;transform:translate(-50%) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}::-moz-selection{background:#e11d48b3!important;color:#fff!important}::selection{background:#e11d48b3!important;color:#fff!important}.cell-text-overlay{color:transparent!important;-webkit-text-fill-color:transparent!important}.cell-text-overlay::-moz-selection{background-color:#f43f5e40!important;color:transparent!important;-webkit-text-fill-color:transparent!important}.cell-text-overlay::selection{background-color:#f43f5e40!important;color:transparent!important;-webkit-text-fill-color:transparent!important}.cell-text-overlay::-moz-placeholder{color:#ffffff73!important;-webkit-text-fill-color:rgba(255,255,255,.45)!important}.cell-text-overlay::placeholder{color:#ffffff73!important;-webkit-text-fill-color:rgba(255,255,255,.45)!important}.editor-header{box-shadow:0 1px 0 var(--border-subtle)}.editor-header .header-wordmark{letter-spacing:-.04em}.editor-header button[aria-label="Export and download collage"]{box-shadow:0 4px 12px #e11d4824!important;border-radius:10px}.editing-panel-heading{padding:22px 20px 18px;gap:8px}.editing-panel-heading h2{font-size:18px;letter-spacing:-.03em}.editing-panel-description{color:var(--text-muted);font-size:11px;line-height:1.6;margin-top:3px}.design-workspace-tabs{border:1px solid var(--border-subtle);margin-bottom:16px}.library-search{box-shadow:0 1px 2px #00000005}.editing-panel-content>.overflow-y-auto{overscroll-behavior:contain;scrollbar-gutter:stable}.studio-canvas-grid{background-image:radial-gradient(circle,color-mix(in srgb,var(--text-muted) 16%,transparent) .8px,transparent .8px);background-size:20px 20px}[data-theme=light] .studio-canvas-grid{background-image:radial-gradient(circle,#d8d5df .8px,transparent .8px)}.canvas-info{border-radius:9px;box-shadow:0 2px 5px #00000003;font-size:12px}.canvas-preview-button{min-height:34px;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.canvas-preview-button:hover,.canvas-preview-button[aria-pressed=true]{background:var(--bg-hover)!important;border-color:var(--border-active)!important}.canvas-welcome{box-shadow:0 12px 36px #00000012!important;padding:20px}.canvas-welcome-description{color:var(--text-secondary);font-size:12px;line-height:1.7;margin:0 0 18px}.canvas-upload-pill{min-height:40px;box-shadow:0 4px 16px #00000014!important;white-space:nowrap}.studio-discovery{color:var(--text-muted);font-size:11px;padding:10px 20px}.studio-discovery a{text-decoration:none;transition:color .15s}.studio-discovery a:hover{color:var(--accent)}@media(max-width:767px),(max-width:1023px)and (max-height:500px){.tool-rail{gap:2px;padding:8px}.tool-rail>button{width:auto;flex:1;min-width:0;height:56px;gap:5px}.tool-rail>button[aria-pressed=true]:before{bottom:-8px}.tool-rail-tooltip{display:none}.editing-panel-heading{padding:18px 20px 14px}.canvas-info{max-width:calc(100% - 155px);padding:8px;gap:5px}.canvas-preview-button{min-height:40px;right:12px}.canvas-upload-pill{max-width:calc(100% - 24px);min-height:44px}.studio-discovery{padding:14px 16px;gap:8px}}@media(max-width:359px){.tool-rail-label{font-size:9px}.canvas-info>span:nth-child(4),.canvas-info>span:nth-child(5){display:none}}.tool-navigation{display:flex;gap:6px;align-items:center;flex-shrink:0;padding:7px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.tool-navigation a{padding:7px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-secondary)}.tool-navigation a:hover{background:var(--bg-hover);color:var(--text-primary)}.tool-navigation a[aria-current=page]{background:var(--accent);color:#fff}.tool-navigation a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.then-now-page{flex:1;min-height:0;overflow:auto;padding:24px}.then-now-page .then-now-dialog{margin:0 auto;max-height:none;box-shadow:none}@media(max-width:700px){.then-now-page{padding:0}.then-now-page .then-now-dialog{height:auto;max-height:none}.tool-navigation{padding:7px 8px}}.then-now-backdrop{position:fixed;inset:0;z-index:100;background:#070911d9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px}.then-now-dialog{width:1020px;max-width:100%;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:22px;box-shadow:0 30px 100px #0006;overflow:hidden}.then-now-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:23px 28px 19px;border-bottom:1px solid var(--border);flex-shrink:0}.then-now-eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--text-muted)}.then-now-heading h2{font-size:28px;font-weight:800;letter-spacing:-1px;margin:3px 0}.then-now-heading h2 span{color:#f97381}.then-now-heading p,.then-now-export p{font-size:12px;color:var(--text-muted);line-height:1.6}.then-now-heading>button{padding:8px;border-radius:50%;background:var(--bg-raised)}.then-now-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;overflow:auto;min-height:0}.then-now-stage{position:sticky;top:0;align-self:start;padding:24px;background:var(--bg-raised);display:flex;align-items:center;flex-direction:column;gap:13px}.then-now-canvas-wrap{width:min(100%,calc(52dvh * var(--comparison-ratio)));max-width:360px;flex-shrink:0}.then-now-canvas-wrap canvas{display:block;height:100%;width:100%;touch-action:none}.then-now-hint{font-size:11px;line-height:1.6;color:var(--text-muted);text-align:center}.then-now-reveal{display:flex;align-items:center;gap:12px;width:100%;max-width:350px;font-size:12px;color:var(--text-muted)}.then-now-reveal input{min-width:0;flex:1;accent-color:#f56577}.then-now-segments{display:flex;gap:4px;padding:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px}.then-now-segments button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 14px;border-radius:7px;font-size:12px;white-space:nowrap}.then-now-segments button[aria-pressed=true]{background:var(--bg-hover);color:var(--text-primary);font-weight:700;box-shadow:0 1px 4px #0002}.then-now-controls{padding:24px;display:flex;flex-direction:column;gap:22px;min-width:0}.then-now-controls fieldset{min-width:0}.then-now-controls legend,.then-now-export h3{font-size:13px;font-weight:700;margin-bottom:12px}.then-now-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.then-now-upload{height:112px;border:1px dashed var(--border);border-radius:10px;overflow:hidden;position:relative;background:var(--bg-raised);display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.then-now-upload img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.then-now-upload>span:last-of-type{position:absolute;bottom:0;left:0;right:0;padding:7px 3px;background:#171923df;color:#fff;font-size:11px;font-weight:600;text-align:center}.then-now-plus{font-size:28px;margin-bottom:22px;color:var(--text-muted)}.then-now-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.then-now-upload:focus-within{outline:2px solid #f56577;outline-offset:3px}.then-now-field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--text-muted);margin-top:12px}.then-now-field input:not([type=range]),.then-now-field select{border:1px solid var(--border);border-radius:8px;padding:9px 10px;background:var(--bg-raised);color:var(--text-primary);width:100%;font-size:12px}.then-now-field input[type=range]{accent-color:#f56577;width:100%}.then-now-text-button{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;margin-top:12px;color:var(--text-muted)}.then-now-nudge{display:flex;justify-content:center;gap:8px;margin:12px 0}.then-now-nudge button{padding:6px 10px;border:1px solid var(--border);border-radius:7px;font-size:12px}.then-now-export{border-top:1px solid var(--border);padding-top:20px}.then-now-export h3{margin-bottom:4px}.then-now-primary,.then-now-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:11px;font-size:12px;font-weight:700;margin-top:10px}.then-now-primary{background:#e74761;color:#fff}.then-now-secondary{border:1px solid var(--border);background:var(--bg-raised)}.then-now-dialog button:disabled{opacity:.4;cursor:not-allowed}.then-now-dialog fieldset:disabled{opacity:.6}.then-now-privacy{font-size:10px;line-height:1.7;color:var(--text-muted)}.then-now-video video{max-height:220px;max-width:100%;margin:10px auto;background:#111;border-radius:8px}.then-now-export .then-now-error{color:#f87171;margin-top:10px}.then-now-export progress{width:100%;accent-color:#f56577}@media(max-width:700px){.then-now-backdrop{padding:0}.then-now-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:none}.then-now-heading{padding:16px 20px}.then-now-heading h2{font-size:23px}.then-now-body{display:block}.then-now-stage{position:static;padding:18px 24px}.then-now-canvas-wrap{width:min(100%,calc(43dvh * var(--comparison-ratio)));max-width:300px}.then-now-controls{padding:20px 24px 32px}.canvas-size-control{flex-wrap:wrap}}.brand-panel{padding:0 16px 24px;color:var(--text-primary);font-size:12px;line-height:1.5}.brand-intro{padding:8px 3px 18px}.brand-eyebrow{display:flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:1.6px}.brand-intro h3{margin:9px 0 6px;font-size:21px;line-height:1.25;font-weight:750;letter-spacing:-.6px}.brand-intro p{color:var(--text-secondary);max-width:280px}.brand-local-note{display:flex;align-items:center;gap:5px;margin-top:12px;color:var(--text-muted);font-size:11px}.brand-navigation{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:5px;border-radius:12px;background:var(--bg-base);box-shadow:0 0 0 5px var(--bg-surface);margin-bottom:18px}.brand-navigation button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:37px;border-radius:8px;color:var(--text-secondary);font-weight:650}.brand-navigation button:hover{color:var(--text-primary)}.brand-navigation button[aria-pressed=true]{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 4px #0002}.brand-navigation button span,.brand-library-heading>span{font-size:10px;border:1px solid var(--border);border-radius:6px;padding:0 5px;color:var(--text-secondary)}.brand-content{display:flex;flex-direction:column;gap:14px}.brand-card{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--bg-raised);display:flex;flex-direction:column;gap:13px;min-width:0}.brand-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:2px}.brand-section-icon{width:33px;height:33px;border-radius:10px;background:var(--bg-surface);border:1px solid var(--border-subtle);display:grid;place-items:center;flex-shrink:0}.brand-section-heading h4,.brand-library-heading h4,.brand-backup h4{font-size:13px;font-weight:700}.brand-section-heading p{color:var(--text-muted);font-size:11px;margin-top:2px}.brand-help{font-size:11px;color:var(--text-muted);line-height:1.6}.brand-logo-upload{width:100%;display:flex;align-items:center;gap:11px;padding:15px 12px;border:1px dashed var(--border-active);border-radius:11px;background:var(--bg-input);text-align:left}.brand-logo-upload:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover)}.brand-logo-upload:disabled{opacity:.6;cursor:wait}.brand-upload-icon{display:grid;place-items:center;width:35px;height:35px;color:var(--text-secondary);flex-shrink:0}.brand-logo-upload>span:nth-last-child(2){flex:1;min-width:0}.brand-logo-upload strong{display:block;font-size:12px;font-weight:650}.brand-logo-upload small{display:block;color:var(--text-muted);font-size:10px;margin-top:3px}.brand-logo-upload img{width:42px;height:42px;-o-object-fit:contain;object-fit:contain;border-radius:6px;background:repeating-conic-gradient(#d5d5d5 0% 25%,#fff 0% 50%) 50% / 10px 10px}.brand-field{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:11px;font-weight:600}.brand-field input,.brand-field select{min-width:0;width:100%;padding:10px 11px;min-height:40px;border:1px solid var(--border);border-radius:9px;background:var(--bg-input);color:var(--text-primary);font-size:12px;font-weight:400}.brand-field input::-moz-placeholder{color:var(--text-muted)}.brand-field input::placeholder{color:var(--text-muted)}.brand-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--text-secondary)}.brand-toggle-row strong{display:block;font-size:12px;color:var(--text-primary);font-weight:600}.brand-toggle-row small{display:block;font-size:10px;color:var(--text-muted);margin-top:3px}.brand-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px!important;height:20px;border-radius:20px;background:var(--toggle-bg);position:relative;flex-shrink:0;cursor:pointer}.brand-toggle:after{content:"";position:absolute;width:14px;height:14px;top:3px;left:3px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px #0003}.brand-toggle:checked{background:var(--accent)}.brand-toggle:checked:after{transform:translate(14px)}.brand-position legend{margin-bottom:7px;color:var(--text-secondary);font-size:11px;font-weight:600}.brand-position>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.brand-position button{display:flex;align-items:center;gap:7px;padding:9px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-secondary);font-size:10px;text-transform:capitalize}.brand-position button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-input));color:var(--text-primary)}.brand-position-diagram{width:24px;height:20px;border:1px solid var(--border-active);border-radius:4px;position:relative;flex-shrink:0}.brand-position-diagram i{position:absolute;width:7px;height:4px;border-radius:1px;background:var(--text-muted)}.brand-position button[aria-pressed=true] i{background:var(--accent)}.brand-position-diagram.top-left i{top:3px;left:3px}.brand-position-diagram.top-right i{top:3px;right:3px}.brand-position-diagram.bottom-left i{bottom:3px;left:3px}.brand-position-diagram.bottom-right i{bottom:3px;right:3px}.brand-position-diagram.center i{top:50%;left:50%;transform:translate(-50%,-50%)}.brand-disclosure{display:flex;justify-content:space-between;align-items:center;padding:12px 0 0;border-top:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:600}.brand-advanced{display:flex;flex-direction:column;gap:14px}.brand-range{display:block;color:var(--text-secondary);font-size:11px}.brand-range>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.brand-range output{padding:2px 6px;border-radius:5px;background:var(--bg-input);color:var(--text-primary);font-variant-numeric:tabular-nums}.brand-range input{width:100%}.brand-color-field{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--text-secondary)}.brand-color-field input[type=text]{min-height:34px;width:85px}.brand-color-field input[aria-invalid=true]{border-color:var(--accent)!important}.brand-swatch-input{width:30px!important;height:30px!important;padding:3px!important;border-radius:8px!important}.brand-palette-strip{display:flex;height:32px;overflow:hidden;border-radius:8px;border:1px solid var(--border);background:repeating-conic-gradient(#d5d5d5 0% 25%,#fff 0% 50%) 50% / 10px 10px}.brand-palette-strip span{flex:1}.brand-contrast{padding:10px 11px;border-radius:8px;background:var(--bg-input);color:var(--text-secondary);font-size:10px}.brand-contrast strong{color:var(--text-primary);font-weight:600;font-size:11px}.brand-contrast p{margin-top:3px}.brand-contrast.is-low{border-left:2px solid #e99b3d}.brand-type-preview{border:1px solid var(--border);background:var(--bg-input);border-radius:9px;padding:14px 12px}.brand-type-preview>span{display:block;font-size:21px;line-height:1.35;overflow-wrap:anywhere}.brand-type-preview small{display:block;font-size:10px;color:var(--text-muted);margin-top:8px}.brand-action-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.brand-card form{display:flex;flex-direction:column;gap:12px}.brand-save-card{border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.brand-text-action{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:11px;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}.brand-text-action:hover:not(:disabled){color:var(--text-primary)}.brand-text-action:disabled{opacity:.4;cursor:not-allowed}.brand-feedback:empty{display:none}.brand-feedback{position:sticky;top:55px;z-index:4;margin-bottom:14px;padding-bottom:6px;background:var(--bg-surface)}.brand-feedback>.brand-text-action{margin-top:8px}.brand-notice{display:flex;align-items:flex-start;gap:7px;padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised);color:var(--text-secondary);font-size:11px}.brand-notice>svg{flex-shrink:0;margin-top:2px}.brand-notice>span{flex:1}.brand-notice>button{font-size:18px;line-height:1;padding:0 3px}.brand-notice-error{border-color:var(--accent);color:var(--text-primary)}.brand-view-heading h4{font-size:18px;font-weight:700;letter-spacing:-.4px}.brand-view-heading p{font-size:12px;color:var(--text-secondary);margin-top:5px}.brand-empty{padding:20px 16px;border:1px dashed var(--border-active);border-radius:12px;background:var(--bg-raised);display:flex;flex-direction:column;gap:9px;align-items:flex-start}.brand-empty>svg{color:var(--text-muted)}.brand-empty h4{font-size:13px;font-weight:650}.brand-empty p{color:var(--text-secondary);font-size:11px}.brand-empty-compact{padding:14px;background:var(--bg-input)}.brand-starter-grid{display:flex;flex-direction:column;gap:12px}.brand-starter{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--bg-raised)}.brand-starter.is-current{border-color:var(--accent)}.brand-starter>div:first-child{border-radius:0;padding:12px;height:180px}.brand-starter-copy{padding:13px}.brand-starter-meta{display:flex;justify-content:space-between;color:var(--text-muted);font-size:10px}.brand-starter-copy h4{font-size:14px;font-weight:700;margin-top:6px}.brand-starter-copy p{font-size:11px;color:var(--text-secondary);margin:5px 0 12px}.brand-starter-copy .brand-action{width:100%;justify-content:space-between}.brand-library-heading{display:flex;align-items:center;justify-content:space-between}.brand-kit{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--bg-input);display:flex;flex-direction:column;gap:10px}.brand-kit-heading,.brand-template-heading{display:flex;align-items:center;gap:9px;min-width:0}.brand-kit-heading>div,.brand-template-heading>div{min-width:0;flex:1}.brand-kit-heading h5,.brand-template-heading h5{font-size:12px;font-weight:650;overflow-wrap:anywhere}.brand-kit-heading p,.brand-template-heading p{color:var(--text-muted);font-size:10px;margin-top:2px}.brand-kit-heading>img,.brand-kit-initial{height:32px;width:32px;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.brand-kit-initial{display:grid;place-items:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;font-weight:700;font-size:15px}.brand-icon-button{padding:8px;border-radius:7px;color:var(--text-muted);flex-shrink:0}.brand-icon-button:hover{color:var(--accent);background:var(--bg-hover)}.brand-kit-swatches{display:flex;gap:5px}.brand-kit-swatches>span{height:18px;flex:1;border:1px solid var(--border);border-radius:5px}.brand-kit-apply{justify-content:space-between}.brand-kit-selective{display:flex;align-items:center;gap:14px}.brand-kit-selective>span{color:var(--text-muted);font-size:10px}.brand-library-empty-note{padding:14px 0 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:11px}.brand-saved-template{padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.brand-saved-template>.brand-action{justify-content:space-between}.brand-backup{padding:4px 3px}.brand-backup>p{margin:6px 0 12px;font-size:11px;color:var(--text-muted)}.brand-warning{color:var(--text-secondary);border-left:2px solid #e99b3d;padding-left:7px}.brand-button{width:100%;min-height:40px;padding:.6rem .75rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:650}.brand-button:hover:not(:disabled){background:var(--accent-hover)}.brand-button:disabled{opacity:.45;cursor:not-allowed}.brand-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:.4rem .65rem;border:1px solid var(--border);border-radius:.6rem;background:var(--bg-input);color:var(--text-primary);font-size:11px;font-weight:600}.brand-action:hover:not(:disabled){background:var(--bg-hover)}.brand-action:disabled{opacity:.45;cursor:not-allowed}.brand-panel button:focus-visible,.brand-panel input:focus-visible,.brand-panel select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:767px),(max-width:1023px)and (max-height:500px){.brand-panel{padding:0 12px 20px}.brand-intro{padding-top:8px}.brand-intro h3{font-size:19px}.brand-intro p{max-width:none}.brand-position button{min-height:42px}}.meme-panel{padding:0 16px 24px;color:var(--text-primary);font-size:12px;line-height:1.5;display:flex;flex-direction:column;gap:15px}.meme-panel .brand-intro{padding-bottom:0}.meme-format-tip{margin:0;color:var(--text-secondary);line-height:1.65}.meme-source{font-size:10px;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px}.meme-collections{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:5px}.meme-collections button{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 4px;border:1px solid var(--border);border-radius:9px;background:var(--bg-raised);color:var(--text-secondary);font-size:11px}.meme-collections button[aria-pressed=true]{color:var(--text-primary);border-color:var(--accent);background:var(--bg-hover)}.meme-collections span{font-size:9px}.meme-result-count{margin:-5px 0;color:var(--text-muted);font-size:10px}.meme-empty{padding:20px 12px;border:1px dashed var(--border);border-radius:12px;text-align:center}.meme-empty p{color:var(--text-secondary);margin:6px 0 12px}.meme-panel .brand-field textarea{width:100%;min-height:68px;resize:vertical;border:1px solid var(--border);border-radius:9px;background:var(--bg-input);color:var(--text-primary);padding:10px 11px;font-size:13px;font-weight:400;line-height:1.5}.meme-character-count{align-self:flex-end;font-size:10px;font-weight:400;color:var(--text-muted);margin-top:-3px}.meme-style-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.meme-colour-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.meme-colour-row label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--text-secondary)}.meme-colour-row input{width:27px!important;height:27px!important;padding:2px!important}.meme-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meme-format{position:relative;min-width:0;padding:7px;text-align:left;border:1px solid var(--border);border-radius:12px;background:var(--bg-raised)}.meme-format:hover{border-color:var(--border-active);background:var(--bg-hover)}.meme-format.is-active{border-color:var(--accent)}.meme-format>div:first-child{height:110px;border-radius:7px}.meme-format-info{display:block;padding:8px 3px 3px}.meme-format-info strong{display:block;font-size:11px;font-weight:650;min-height:33px}.meme-format-info small{display:block;font-size:10px;color:var(--text-secondary)}.meme-format>svg{position:absolute;bottom:10px;right:8px;color:var(--text-muted)}@media(max-width:767px),(max-width:1023px)and (max-height:500px){.meme-panel{padding:0 12px 20px}}.meme-panel{gap:8px;padding:0 12px 12px}.meme-panel button:focus-visible,.meme-panel summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.meme-panel button{transition:background .15s,border-color .15s,color .15s}.meme-workspace-header{position:sticky;top:0;z-index:4;isolation:isolate;transform:translateZ(0);display:flex;flex-direction:column;gap:6px;margin:0 -12px;padding:8px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.meme-toolbar{display:flex;align-items:center;gap:6px}.meme-toolbar .meme-workspace-views{flex:1;min-width:0}.meme-collapse{display:grid;place-items:center;width:30px;height:34px;flex-shrink:0;border-radius:7px;color:var(--text-muted)}.meme-collapse:hover{background:var(--bg-hover);color:var(--text-primary)}.meme-workspace-views{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--bg-base)}.meme-workspace-views button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:7px;color:var(--text-secondary);font-size:11px;font-weight:600}.meme-workspace-views button[aria-pressed=true]{background:var(--bg-raised);color:var(--text-primary);box-shadow:0 1px 4px #0000000c}.meme-workspace-views button:disabled{opacity:.4;cursor:not-allowed}.meme-workspace-views button span{font-size:9px;color:var(--text-secondary)}.tool-rail button[aria-pressed=true] .tool-rail-label{color:var(--text-primary)}.meme-collections{display:flex;gap:5px}.meme-collections button{flex:1;border-radius:7px;padding:6px 4px;background:transparent;min-height:31px}.meme-collections button[aria-pressed=true]{background:var(--bg-hover)}.meme-library,.meme-editor{display:flex;flex-direction:column;gap:8px;min-width:0}.meme-library-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--text-muted)}.meme-library-heading p{margin:0;color:var(--text-secondary)}.meme-library-heading span{flex-shrink:0}.meme-library-heading>div{min-width:0;overflow-wrap:anywhere}.meme-library-heading>div>span{display:block;margin-top:2px}.meme-saved-view{display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:34px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:11px}.meme-saved-view[aria-pressed=true]{color:var(--accent);background:var(--bg-hover);border-color:var(--accent)}.meme-format-card{position:relative;min-width:0}.meme-format-card .meme-format{width:100%;height:100%}.meme-save-button{position:absolute;top:11px;right:11px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-secondary);box-shadow:0 1px 4px #00000010}.meme-save-button:hover{border-color:var(--accent);color:var(--accent)}.meme-save-button[aria-pressed=true]{color:var(--accent)}.meme-save-button[aria-pressed=true]>svg{fill:currentColor}.meme-format,.meme-save-button,.meme-saved-view{scroll-margin-top:112px;scroll-margin-bottom:8px}.meme-resume{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised);text-align:left}.meme-resume>img,.meme-resume-icon{width:38px;height:38px;-o-object-fit:contain;object-fit:contain;border-radius:6px;flex-shrink:0;background:var(--bg-hover)}.meme-resume-icon{display:grid;place-items:center;color:var(--accent)}.meme-resume>span:nth-child(2){flex:1;min-width:0}.meme-resume small{display:block;font-size:8px;font-weight:600;letter-spacing:.8px;color:var(--text-muted)}.meme-resume strong{display:block;font-size:11px;font-weight:650}.meme-resume>svg{color:var(--accent);flex-shrink:0}.meme-resume:hover{border-color:var(--accent)}.meme-format{padding:6px;border-radius:11px}.meme-format>div:first-child{height:112px;border-radius:6px;background:var(--bg-base)!important}.meme-format:hover{border-color:var(--accent)}.meme-format-info{padding:6px 3px 2px}.meme-format-info strong{min-height:0;line-height:1.4;font-size:12px}.meme-format-info small{display:block;margin-top:2px;font-size:10px}.meme-format.is-active{box-shadow:0 0 0 1px var(--accent)}.meme-selected-mark{position:absolute;top:11px;left:11px;display:grid;place-items:center;width:21px;height:21px;color:#fff;background:var(--accent);border:2px solid var(--bg-raised);border-radius:50%}.meme-library-note{margin:0;padding:12px 2px;font-size:10px;color:var(--text-muted);line-height:1.6}.meme-empty{display:flex;flex-direction:column;align-items:center;gap:9px;padding:24px 12px}.meme-empty>svg{color:var(--text-muted)}.meme-empty p{margin:0 0 4px}.meme-current-template{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--bg-raised)}.meme-current-heading{display:flex;align-items:center;gap:10px}.meme-current-heading>img{width:38px;height:38px;-o-object-fit:contain;object-fit:contain;background:var(--bg-base);border-radius:7px;flex-shrink:0}.meme-current-heading>div{flex:1;min-width:0}.meme-current-heading h4{margin:0;font-family:Manrope,sans-serif;font-size:13px;font-weight:800;line-height:1.4}.meme-current-heading p{margin:3px 0 0;font-size:10px;color:var(--text-muted)}.meme-text-button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:3px 5px;color:var(--accent);font-size:11px;font-weight:600;border-radius:5px}.meme-text-button:hover:not(:disabled){background:var(--bg-hover)}.meme-text-button:disabled{color:var(--text-muted);opacity:.5;cursor:not-allowed}.meme-guide summary,.meme-advanced summary{display:flex;align-items:center;justify-content:space-between;gap:7px;cursor:pointer;list-style:none}.meme-guide summary::-webkit-details-marker,.meme-advanced summary::-webkit-details-marker{display:none}.meme-guide summary{font-size:10px;color:var(--text-secondary)}.meme-guide p{margin:8px 0;font-size:11px;color:var(--text-secondary);line-height:1.6}.meme-guide[open] summary>svg,.meme-advanced[open] summary>svg:last-child{transform:rotate(180deg)}.meme-image-actions{display:flex;flex-wrap:wrap;gap:7px}.meme-image-actions>button{flex:1;min-height:34px;font-size:10px}.meme-caption-section,.meme-style-section{display:flex;flex-direction:column;gap:9px}.meme-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.meme-section-title h4{margin:0;font-family:Manrope,sans-serif;font-size:12px;font-weight:800}.meme-subtle{margin:0;font-size:9px;color:var(--text-muted)}.meme-caption-section>.meme-subtle{margin-top:-7px}.meme-caption-fields{display:flex;flex-direction:column;gap:13px}.meme-caption-field{display:flex;flex-direction:column;gap:7px}.meme-caption-label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--text-secondary)}.meme-caption-number{width:18px;height:18px;display:grid;place-items:center;flex-shrink:0;border-radius:5px;border:1px solid var(--border);background:var(--bg-raised);font-size:9px;color:var(--text-muted)}.meme-caption-label .meme-character-count{margin:0 0 0 auto;align-self:center;font-size:9px;font-variant-numeric:tabular-nums}.meme-caption-field textarea{width:100%;min-height:68px;resize:vertical;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:var(--bg-input);color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;line-height:1.55}.meme-caption-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.meme-caption-field textarea::-moz-placeholder{color:var(--text-muted)}.meme-caption-field textarea::placeholder{color:var(--text-muted)}.meme-caption-field.is-selected .meme-caption-number{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.meme-caption-field.is-selected textarea{border-color:var(--accent)}.meme-appearance-scope{display:grid;grid-template-columns:1fr 1fr;padding:3px;gap:3px;border:1px solid var(--border);border-radius:9px;background:var(--bg-base)}.meme-appearance-scope button{min-height:34px;padding:5px;border-radius:6px;color:var(--text-secondary);font-size:11px;font-weight:600}.meme-appearance-scope button[aria-pressed=true]{background:var(--bg-raised);color:var(--accent);box-shadow:0 1px 3px #0000000b}.meme-scope-hint{margin:-2px 0 0;color:var(--text-muted);font-size:10px;overflow-wrap:anywhere}.meme-alignment{min-width:0;margin:0;padding:0;border:0}.meme-alignment legend{margin-bottom:7px;color:var(--text-secondary);font-size:11px;font-weight:600}.meme-alignment>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.meme-alignment button{min-height:34px;border:1px solid var(--border);border-radius:7px;color:var(--text-secondary);font-size:11px}.meme-alignment button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--bg-hover)}.meme-caption-tools{display:flex;align-items:center;gap:4px}.meme-caption-tools>button:first-child{min-width:30px}.meme-style-choices>button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px;min-height:68px;border:1px solid var(--border);border-radius:9px;background:var(--bg-raised);color:var(--text-secondary);font-size:9px;font-weight:600}.meme-style-choices>button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--bg-hover)}.meme-style-sample{display:grid;place-items:center;width:100%;height:30px;font-size:25px;line-height:1}.meme-style-classic{font-family:Anton,sans-serif;color:#fff;-webkit-text-stroke:2px #111827;paint-order:stroke fill}.meme-style-clean{font-family:Inter,sans-serif;color:#111827;font-weight:800;border-radius:4px;background:#fff}.meme-style-comic{font-family:Bangers,cursive;color:#fde047;-webkit-text-stroke:2px #172554;paint-order:stroke fill}.meme-advanced{border:1px solid var(--border);border-radius:9px;background:var(--bg-raised)}.meme-advanced summary{min-height:39px;padding:10px 11px;font-size:10px;font-weight:600;color:var(--text-secondary)}.meme-advanced summary span{flex:1}.meme-advanced-fields{padding:4px 12px 12px;display:flex;flex-direction:column;gap:15px}.meme-clear{align-self:flex-start;color:var(--text-secondary)}.meme-export-hint{margin:0;padding-bottom:4px;text-align:center;font-size:9px;color:var(--text-muted)}@media(max-width:767px),(max-width:1023px)and (max-height:500px){.meme-workspace-header{position:static;margin:0 -12px;padding:8px 12px;gap:6px}.meme-format,.meme-save-button,.meme-saved-view{scroll-margin-top:12px}.meme-workspace-views button,.meme-collections button{min-height:38px}.meme-current-template{padding:11px}.meme-text-button{min-height:34px}.meme-save-button{width:38px;height:38px}.meme-format>div:first-child{height:115px}.meme-caption-field textarea{font-size:16px}}.selection-toolbar,.selection-more-panel{position:fixed;z-index:8500;border:1px solid var(--border);border-radius:14px;background:var(--bg-surface);color:var(--text-secondary);box-shadow:0 8px 32px #0000003d;font-family:Inter,system-ui,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.selection-toolbar{display:flex;align-items:center;gap:3px;width:-moz-max-content;width:max-content;max-width:calc(100vw - 16px);padding:5px}.selection-toolbar-label{padding:0 6px;font-size:10px;font-weight:600;color:var(--text-muted)}.selection-tools-root button,.selection-tools-root label{min-width:36px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font-size:11px;flex-shrink:0}.selection-toolbar button:has(>span){padding:0 9px}.selection-tools-root button:not([aria-pressed=true]){color:var(--text-secondary)}.selection-tools-root button:hover{background:var(--bg-hover)}.selection-tools-root button[aria-pressed=true],.selection-tools-root button[aria-expanded=true]{color:var(--accent);background:var(--bg-hover);box-shadow:inset 0 0 0 1px var(--accent)}.selection-tools-root button:focus-visible,.selection-tools-root label:focus-within{outline:2px solid var(--accent);outline-offset:2px}.selection-tools-root button[title^=Delete],.selection-tools-root button[title^=Remove]{color:#f43f5e}.selection-more-panel{width:320px;max-width:calc(100vw - 16px);overflow-y:auto;overscroll-behavior:contain;padding:8px;z-index:8501}.selection-more-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;padding-left:6px;margin-bottom:6px}.selection-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.selection-more-grid button{justify-content:flex-start;padding:8px;min-height:44px;text-align:left;font-style:normal}.selection-more-grid svg{flex-shrink:0}.selection-tool-name{font-size:11px;line-height:1.3;font-weight:500}@media(max-width:767px),(pointer:coarse){.selection-tools-root button,.selection-tools-root label{min-width:44px;min-height:44px}.selection-toolbar-label{display:none}.selection-toolbar button:has(>span){padding:0 7px}}@media(max-width:359px){.selection-toolbar{gap:1px;padding:4px}.selection-toolbar button:has(>span){flex-direction:column;gap:1px;padding:3px 7px}}.selection-more-grid label{width:auto;height:auto;justify-content:flex-start;border:0;padding:8px;color:var(--text-secondary)}.selection-more-grid label>span:first-child{width:20px;height:20px;flex-shrink:0;border-radius:5px;border:1px solid var(--border)}@media(max-width:767px),(max-width:1023px)and (max-height:500px){.selection-toolbar{flex-wrap:wrap;justify-content:center;width:-moz-max-content;width:max-content}.portal-popover{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.studio-app [role=dialog]{max-height:calc(100dvh - 24px)!important;overflow-y:auto}.studio-app [role=status].fixed{width:-moz-max-content;width:max-content;max-width:calc(100vw - 24px)}.freeform-handle{min-width:28px;min-height:28px}input[type=range]{height:24px;background:linear-gradient(var(--slider-track),var(--slider-track)) center / 100% 5px no-repeat;touch-action:pan-y}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}}.mobile-ai-toggle{display:none}@media(max-width:767px),(max-width:1023px)and (max-height:500px){body:has(.studio-app[role=application]){overflow:hidden}.studio-app[role=application]{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;overflow:hidden}.studio-app>.tool-navigation{min-height:42px;justify-content:center;gap:4px;padding:4px 8px}.studio-app>.tool-navigation a{flex:1;max-width:160px;padding:7px 5px;text-align:center;font-size:11px}.studio-app .editor-header{min-height:0;padding:7px 12px 8px;gap:6px}.editor-header .canvas-size-control{order:4;margin:0;padding-top:6px}.editor-header .header-actions{margin-left:auto;gap:2px}.editor-header .header-actions>button[aria-label="Hide editing panel"],.editor-header .header-actions>button[aria-label="Show editing panel"]{display:none}.studio-app .editor-workspace{flex:1 1 0;min-height:0;flex-direction:column;overflow:hidden}.studio-app .canvas-workspace{flex:1 1 0;min-height:180px;height:auto;width:100%}.studio-app .editing-panel,.studio-app .editing-panel.is-collapsed{flex:none;flex-direction:column-reverse;width:100%;height:min(40dvh,380px,calc(100dvh - 340px));min-height:0;overflow:hidden;border-top:1px solid var(--border);border-left:0;box-shadow:0 -8px 32px #0002}.studio-app .editing-panel.is-collapsed{height:calc(65px + env(safe-area-inset-bottom))}.studio-app .editing-panel-content{flex:1 1 auto;width:100%;min-height:0;overflow:hidden}.studio-app .editing-panel-content>.overflow-y-auto,.studio-app .editing-panel-content>[aria-label="Template controls"]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.studio-app .editing-panel-heading{padding:12px 18px 8px}.studio-app .editing-panel-heading h2{font-size:16px}.studio-app .editing-panel-heading button{width:40px;height:40px}.studio-app .canvas-info{max-width:calc(100% - 180px)}.studio-app .tool-rail{flex:none;width:100%;min-height:calc(65px + env(safe-area-inset-bottom));padding:5px 6px max(5px,env(safe-area-inset-bottom));justify-content:space-between;border:0;border-top:1px solid var(--border-subtle)}.studio-app .tool-rail>button{flex:1 1 0;width:auto;min-width:0;height:54px;gap:3px;border-radius:10px}.studio-app .tool-rail>button[aria-pressed=true]:before{bottom:-5px}.studio-app .studio-discovery{display:none}.studio-app .export-dialog{overflow:hidden!important}.studio-app .export-preview{height:clamp(160px,28dvh,220px);overflow:hidden}.studio-app .export-preview img{max-height:100%}.studio-app .face-crop-dock{top:50px;left:auto;right:12px;width:auto;max-width:calc(100% - 24px);transform:none;display:flex;flex-direction:column;align-items:flex-end}.studio-app .face-crop-dock.is-open{width:min(340px,calc(100% - 24px));align-items:stretch}.studio-app .face-crop-dock:not(.is-open){top:14px;right:124px}.studio-app .face-crop-dock:not(.is-open)>:not(.mobile-ai-toggle){display:none}.studio-app .mobile-ai-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:6px 11px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);color:var(--text-primary);box-shadow:0 4px 18px #0003;font-size:11px;font-weight:700}.studio-app .mobile-ai-toggle span{font-size:16px;line-height:1}.studio-app .face-crop-dock:not(.is-open) .mobile-ai-toggle{width:40px;height:40px;padding:0;font-size:0}.studio-app .face-crop-dock:not(.is-open) .mobile-ai-toggle span{display:none}.studio-app .face-crop-trigger{min-height:42px}}@media(max-width:767px)and (max-height:700px)and (orientation:portrait){.studio-app:has(.editing-panel.is-open)>.tool-navigation,.studio-app:has(.editing-panel.is-open) .canvas-size-control{display:none}}@media(max-width:1023px)and (max-height:500px)and (orientation:landscape){.studio-app>.tool-navigation{min-height:36px;padding-block:3px}.studio-app .editor-header{flex-wrap:nowrap;min-height:56px}.studio-app .editor-header .canvas-size-control{display:flex;order:0;flex:0 1 190px;width:clamp(130px,21vw,190px);margin:0;padding:0;border:0}.studio-app .editor-header .canvas-size-control select{width:100%}.studio-app .editor-workspace{flex-direction:row}.studio-app .canvas-workspace{min-width:0;min-height:0;height:100%}.studio-app .editing-panel,.studio-app .editing-panel.is-collapsed{flex-direction:row;width:min(46vw,390px);height:100%;border-top:0;border-left:1px solid var(--border);box-shadow:-8px 0 32px #0002}.studio-app .editing-panel.is-collapsed{width:64px}.studio-app .editing-panel-content{min-width:0}.studio-app .tool-rail{flex-direction:column;width:64px;min-height:0;height:100%;padding:5px;border-top:0;border-left:1px solid var(--border-subtle)}.studio-app .tool-rail>button{width:54px;min-height:0;height:auto;gap:1px}.studio-app .tool-rail>button svg{width:17px;height:17px}.studio-app .tool-rail>button[aria-pressed=true]:before{bottom:auto;right:-5px;width:3px;height:18px}}.selection\:bg-rose-500\/25 *::-moz-selection{background-color:#f43f5e40}.selection\:bg-rose-500\/25 *::selection{background-color:#f43f5e40}.selection\:text-transparent *::-moz-selection{color:transparent}.selection\:text-transparent *::selection{color:transparent}.selection\:bg-rose-500\/25::-moz-selection{background-color:#f43f5e40}.selection\:bg-rose-500\/25::selection{background-color:#f43f5e40}.selection\:text-transparent::-moz-selection{color:transparent}.selection\:text-transparent::selection{color:transparent}.focus-within\:border-rose-500:focus-within{--tw-border-opacity: 1;border-color:rgb(244 63 94 / var(--tw-border-opacity, 1))}.focus-within\:border-rose-500\/50:focus-within{border-color:#f43f5e80}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-rose-500:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity, 1))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-125:hover{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:border-rose-400:hover{--tw-border-opacity: 1;border-color:rgb(251 113 133 / var(--tw-border-opacity, 1))}.hover\:border-rose-500\/50:hover{border-color:#f43f5e80}.hover\:border-rose-500\/60:hover{border-color:#f43f5e99}.hover\:border-white\/30:hover{border-color:#ffffff4d}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-rose-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-500\/10:hover{background-color:#f43f5e1a}.hover\:bg-rose-500\/15:hover{background-color:#f43f5e26}.hover\:bg-rose-500\/20:hover{background-color:#f43f5e33}.hover\:bg-rose-700:hover{--tw-bg-opacity: 1;background-color:rgb(190 18 60 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-950\/50:hover{background-color:#4c051980}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-zinc-800:hover{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-amber-300:hover{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.hover\:text-rose-300:hover{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.hover\:text-rose-400:hover{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.hover\:text-rose-500:hover{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:\!opacity-100:hover{opacity:1!important}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);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)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--accent\)\]:focus{--tw-ring-color: var(--accent)}.focus\:ring-amber-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1))}.focus\:ring-rose-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(244 63 94 / var(--tw-ring-opacity, 1))}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--accent\)\]:focus-visible{outline-color:var(--accent)}.focus-visible\:outline-rose-400:focus-visible{outline-color:#fb7185}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-rose-400\/80{background-color:#fb7185cc}.group\/textbox:hover .group-hover\/textbox\:opacity-75{opacity:.75}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:shadow-\[0_0_8px_rgba\(244\,63\,94\,0\.6\)\]{--tw-shadow: 0 0 8px rgba(244,63,94,.6);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media(min-width:640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:h-4{height:1rem}.sm\:h-5{height:1.25rem}.sm\:w-4{width:1rem}.sm\:w-5{width:1.25rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:p-2{padding:.5rem}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}.sm\:px-2\.5{padding-left:.625rem;padding-right:.625rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-9{padding-top:2.25rem;padding-bottom:2.25rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-\[28px\]{font-size:28px}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media(min-width:768px){.md\:inline{display:inline}.md\:min-h-\[280px\]{min-height:280px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1280px){.xl\:inline{display:inline}}.\[\&\>svg\]\:h-full>svg{height:100%}.\[\&\>svg\]\:w-full>svg{width:100%}