/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.ai-error{color:#ff9aa5;background:#ff33440b;border:1px solid #f674;border-radius:9px;margin:12px 0 0;padding:11px 13px;font-size:10px;font-weight:800;line-height:1.4}.ai-progress{margin:18px 0}.ai-progress>div{background:#202936;border-radius:20px;height:6px;overflow:hidden}.ai-progress>div span{border-radius:inherit;background:linear-gradient(90deg,#198dff,#6eeaff);height:100%;transition:width .25s;display:block;box-shadow:0 0 16px #41cfff}.ai-progress small{color:#8fa2b7;letter-spacing:.08em;margin-top:8px;font-size:9px;font-weight:800;display:block}.generating small{color:#6f91a8;font-size:8px}.result-frame>img{object-position:center}.mobile-electric-logo{isolation:isolate;outline:none;display:inline-flex;position:relative}.electric-wrap{pointer-events:none;z-index:3;display:none;position:absolute;inset:-18px -22px}.electric-wrap i{opacity:0;filter:drop-shadow(0 0 4px #16aaff)drop-shadow(0 0 11px #1677ff);clip-path:polygon(0 10%,20% 0,31% 9%,47% 2%,63% 12%,82% 3%,100% 17%,91% 34%,100% 49%,88% 64%,100% 83%,76% 94%,58% 87%,40% 100%,22% 89%,0 95%,9% 72%,0 56%,12% 39%);border:2px solid #4cdcff;border-radius:48%;position:absolute;inset:0}@media (width<=780px) and (hover:none){.duck-pop{display:none!important}.brand-hover{position:relative}.mobile-electric-logo{touch-action:manipulation}.mobile-charged .logo{filter:brightness(0)invert()drop-shadow(0 0 7px #dffcff)drop-shadow(0 0 20px #168cff);animation:.82s cubic-bezier(.18,.75,.2,1) both logoCharge}.mobile-charged .electric-wrap{animation:.82s ease-out both shockHalo;display:block}.mobile-charged .electric-wrap:before,.mobile-charged .electric-wrap:after{content:"";filter:blur(7px);background:radial-gradient(#98efff25,#0000 68%);animation:.82s steps(4,end) both electricFlash;position:absolute;inset:-12px}.mobile-charged .electric-wrap:after{background:radial-gradient(#238cff22,#0000 65%);inset:-28px}.mobile-charged .electric-wrap i{animation:.28s steps(2,end) both boltWrap}.mobile-charged .electric-wrap i:nth-child(2){animation-delay:90ms;transform:rotate(7deg)scale(1.05)}.mobile-charged .electric-wrap i:nth-child(3){animation-delay:.2s;transform:rotate(-5deg)scale(.96)}.mobile-charged .electric-wrap i:nth-child(4){animation-delay:.32s;transform:rotate(11deg)scale(1.1)}.mobile-charged .electric-wrap i:nth-child(5){animation-delay:.45s;transform:rotate(-9deg)scale(1.03)}.mobile-charged .electric-wrap i:nth-child(6){animation-delay:.58s;transform:rotate(4deg)scale(1.12)}}@keyframes logoCharge{0%{transform:scale(1)}18%{transform:scale(.96)rotate(-1deg)}34%{transform:scale(1.07)rotate(1deg)}52%{transform:scale(1.01)translate(-2px)}66%{transform:scale(1.04)translate(2px)}to{transform:scale(1)}}@keyframes shockHalo{0%{opacity:0;transform:scale(.72)}18%{opacity:1}70%{opacity:1}to{opacity:0;transform:scale(1.18)}}@keyframes boltWrap{0%{opacity:0}35%{opacity:1}75%{opacity:.9}to{opacity:0;filter:drop-shadow(0 0 9px #b8f7ff)drop-shadow(0 0 18px #1677ff)}}@keyframes electricFlash{0%,24%,48%,75%{opacity:0}12%,36%,61%,88%{opacity:1}to{opacity:0}}:root{--bg:#07090e;--panel:#0e1118;--line:#202631;--muted:#7a8495;--cyan:#55d8ff;--text:#f4f7fb}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}.app{background:radial-gradient(circle at 48% 42%,#102132 0,#090c12 35%,#06080c 72%);min-height:100vh;overflow:hidden}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:20;background:#080a0ee8;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 30px;display:grid;position:relative}.logo{object-fit:contain;filter:brightness(0)invert();width:148px;height:38px;transition:all .3s}.logo:hover{filter:brightness(0)invert()drop-shadow(0 0 12px #55d8ff77);transform:translateY(-1px)}nav{align-items:center;gap:7px;height:100%;display:flex}nav button{color:#758092;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px 16px;font-size:11px;font-weight:800;transition:all .25s}nav button i{color:#4a5665;margin-right:7px;font-style:normal}nav button:hover{color:#fff;background:#ffffff08}nav button.active{color:#fff;background:#151b25;box-shadow:inset 0 0 0 1px #293444}nav button.active i{color:var(--cyan)}.header-badge{color:#9ba5b4;text-transform:uppercase;letter-spacing:.12em;justify-self:end;font-size:10px;font-weight:800}.header-badge span{background:#46e793;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #46e793}.studio-layout{grid-template-columns:280px minmax(430px,1fr) 290px;height:calc(100vh - 76px);min-height:690px;animation:.5s enter;display:grid}.tool-panel,.inspect{background:#0c0f15e8;padding:25px 20px;overflow:auto}.tool-panel{border-right:1px solid var(--line)}.inspect{border-left:1px solid var(--line)}.panel-title{text-transform:uppercase;letter-spacing:.15em;color:#8c96a5;align-items:center;gap:9px;margin:0 0 14px;font-size:9px;font-weight:900;display:flex}.panel-title b{width:22px;height:22px;color:var(--cyan);border:1px solid #2d3643;border-radius:5px;place-items:center;font-size:8px;display:grid}.dropzone{color:#788494;cursor:pointer;background:linear-gradient(145deg,#111722,#0d1118);border:1px dashed #35404d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:102px;margin-bottom:28px;transition:all .25s;display:flex}.dropzone:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 12px 32px #0007}.dropzone b{color:var(--cyan);font-size:23px;font-weight:300}.dropzone strong{color:#e5e9ef;margin:4px;font-size:11px}.dropzone small{font-size:8px}.input{margin-bottom:12px;display:block;position:relative}.input>span,.color>span,.range>span,.seg>span,.select>span{color:#6f7a8a;letter-spacing:.13em;justify-content:space-between;margin-bottom:7px;font-size:8px;font-weight:900;display:flex}.input input,.input textarea{color:#f4f7fb;background:#131820;border:1px solid #29313c;border-radius:9px;outline:0;width:100%;padding:11px;font-size:11px;font-weight:800;transition:all .2s}.input textarea{resize:none;height:67px;font-size:16px}.input input:focus,.input textarea:focus{border-color:#3984a0;box-shadow:0 0 0 3px #55d8ff0d}.input em{color:#566171;font-size:7px;font-style:normal;position:absolute;bottom:7px;right:9px}.colors{grid-template-columns:1fr 1fr;gap:8px;display:grid}.color div{background:#131820;border:1px solid #29313c;border-radius:9px;align-items:center;gap:6px;height:42px;padding:5px;display:flex}.color input{background:0 0;border:0;width:27px;height:28px;padding:0}.color b{font-size:8px}.canvas-wrap{flex-direction:column;min-width:0;display:flex}.canvas-head,.canvas-foot{color:#697484;letter-spacing:.13em;border-bottom:1px solid #1b2028;justify-content:space-between;align-items:center;height:48px;padding:0 20px;font-size:8px;font-weight:900;display:flex}.live-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan);border-radius:50%;margin-right:8px;display:inline-block}.canvas-actions{align-items:center;gap:9px;display:flex}.canvas-actions button{color:#8a95a5;cursor:pointer;background:#141920;border:1px solid #29313c;border-radius:6px;width:25px;height:25px}.canvas-actions button:hover{border-color:var(--cyan);color:#fff}.canvas-actions b{text-align:center;width:42px}.stage{perspective:1000px;flex:1;place-items:center;padding:18px;display:grid}.cover{aspect-ratio:9/16;height:min(69vh,630px);animation:.7s cubic-bezier(.2,.8,.2,1) coverIn;position:relative;overflow:hidden;box-shadow:0 40px 110px #000d,0 0 0 1px #ffffff15}.cover>img{width:100%;height:100%;transition:all .35s}.default-art{background:linear-gradient(150deg,#08152a,#02050b);position:absolute;inset:0;overflow:hidden}.default-art .orb{aspect-ratio:1;filter:blur(35px);opacity:.28;border-radius:50%;width:85%;animation:4s ease-in-out infinite pulse;position:absolute;top:7%;right:-24%}.default-art span{color:#ffffff0a;font:900 280px Arial Black;position:absolute;top:14%;right:-15%}.default-art i{clip-path:polygon(35% 0,64% 3%,72% 18%,91% 29%,100% 64%,82% 100%,12% 100%,0 59%,12% 26%,29% 18%);background:linear-gradient(135deg,#183349,#1f8eb7,#d8f5ff);width:70%;height:62%;position:absolute;top:16%;left:14%}.default-art i:after{content:"10";text-align:center;color:#fff;font:900 70px Arial Black;position:absolute;inset:33% 0}.cinema{background:linear-gradient(#0007,#0000 36%,#0002 48%,#000 100%);position:absolute;inset:0}.copy{padding-left:17px;position:absolute;bottom:8%;left:8%;right:6%}.copy>i{width:5px;height:100%;position:absolute;bottom:-3px;left:0}.copy small{color:#a8b1be;letter-spacing:.13em;font-size:7px;font-weight:800}.copy h1{letter-spacing:-.06em;text-transform:uppercase;text-shadow:0 10px 35px #000;margin:10px 0 14px;font:900 clamp(40px,4.8vw,68px)/.82 Arial Black}.copy p{letter-spacing:.16em;margin:0;font-size:9px;font-weight:900}.safe{color:#ffffff4d;text-align:right;letter-spacing:.13em;border:1px dashed #fff3;padding:4px;font-size:6px;position:absolute;inset:7% 6% 11%}.grain:after{content:"";pointer-events:none;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.canvas-foot{border-top:1px solid #1b2028;border-bottom:0;justify-content:flex-start;gap:25px}.canvas-foot .ready{color:#55d89a;margin-left:auto}.range{margin:18px 0;display:block}.range>span b{color:#aeb7c4}.range input{appearance:none;background:linear-gradient(90deg,var(--cyan) var(--v),#303845 var(--v));border-radius:10px;width:100%;height:3px}.range input::-webkit-slider-thumb{appearance:none;border:4px solid var(--cyan);background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 12px #55d8ff80}.seg{margin:22px 0}.seg div{background:#11161d;border-radius:8px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.seg button{color:#687484;background:0 0;border:0;border-radius:6px;padding:8px;font-size:9px;font-weight:800}.seg button.active{color:#fff;background:#26303c}.toggle{color:#c0c7d1;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:10px 0;font-size:10px;display:flex}.toggle i{background:#313946;border-radius:20px;width:32px;height:17px;padding:2px}.toggle i b{background:#8993a1;border-radius:50%;width:13px;height:13px;transition:all .25s;display:block}.toggle i.on{background:#1c7895}.toggle i.on b{background:#d4f8ff;transform:translate(15px)}.theme-title{letter-spacing:.14em;color:#6d7787;border-top:1px solid #232a34;margin-top:18px;padding-top:20px;font-size:8px;font-weight:900}.themes{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.themes button{color:#fff;cursor:pointer;border:1px solid #323a46;border-radius:8px;align-items:flex-end;height:48px;padding:7px;transition:all .2s;display:flex;overflow:hidden}.themes button:hover{border-color:#789;transform:translateY(-2px)}.themes span{font-size:8px;font-weight:900}.primary{color:#041019;cursor:pointer;background:linear-gradient(135deg,#5de1ff,#208fff);border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:13px 15px;transition:all .25s;display:flex;box-shadow:0 12px 35px #159bdb25}.primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px #159bdb45}.primary b{font-size:11px}.primary span{font-size:8px;font-weight:800}.feature-page{grid-template-columns:minmax(420px,1fr) minmax(380px,.85fr);align-items:center;gap:7vw;min-height:calc(100vh - 76px);padding:6vh 8vw;animation:.5s enter;display:grid;position:relative}.feature-page:before{content:"";filter:blur(100px);pointer-events:none;background:#29bfff12;border-radius:50%;width:500px;height:500px;position:absolute;top:15%;left:10%}.feature-copy,.result-card{z-index:1;position:relative}.kicker{color:var(--cyan);letter-spacing:.2em;font-size:9px;font-weight:900}.feature-copy h1{letter-spacing:-.065em;text-transform:uppercase;margin:22px 0;font:900 clamp(42px,5vw,76px)/.96 Arial Black}.feature-copy h1 em{color:#0000;-webkit-text-stroke:1px #55d8ff;text-shadow:0 0 35px #55d8ff35;font-style:normal}.feature-copy>p{color:#8b96a5;max-width:590px;font-size:13px;line-height:1.7}.prompt-box{background:#10151ddd;border:1px solid #2b3643;border-radius:15px;margin-top:30px;padding:14px;box-shadow:0 25px 70px #0007}.prompt-box textarea{resize:none;color:#fff;background:0 0;border:0;outline:0;width:100%;height:105px;line-height:1.5}.prompt-box>div{border-top:1px solid #232b35;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.prompt-box span{color:#697485;font-size:8px}.prompt-box button{color:#061016;cursor:pointer;background:#fff;border:0;border-radius:8px;padding:10px 14px;font-size:10px;font-weight:900}.prompt-box button:disabled,.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.chips{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.chips button{color:#7e8999;cursor:pointer;background:#10151c;border:1px solid #29323e;border-radius:20px;padding:7px 10px;font-size:8px}.chips button:hover{color:#fff;border-color:#4d6578}.generation-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.select select{appearance:none;color:#dbe0e7;background:#11161e;border:1px solid #29323e;border-radius:9px;width:100%;padding:11px}.result-card{background:#0d1118;border:1px solid #242d38;border-radius:18px;padding:14px;box-shadow:0 40px 120px #0008}.result-head{color:#687485;letter-spacing:.14em;justify-content:space-between;align-items:flex-start;height:38px;font-size:8px;font-weight:900;display:flex}.result-head b{color:#55d895}.result-frame{background:#090c11;border:1px solid #1f2630;border-radius:12px;place-items:center;height:min(67vh,650px);display:grid;position:relative;overflow:hidden}.result-frame>img{object-fit:cover;width:100%;height:100%;animation:.7s reveal}.empty-result{color:#5d6878;flex-direction:column;align-items:center;gap:8px;display:flex}.empty-result div{color:#344454;font-size:44px}.empty-result strong{color:#9da6b3;font-size:12px}.empty-result span{font-size:9px}.generating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#bcefff;letter-spacing:.1em;background:#07101be8;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:10px;display:flex;position:absolute;inset:0}.spinner{border:2px solid #ffffff35;border-top-color:var(--cyan);border-radius:50%;width:15px;height:15px;margin-right:7px;animation:.7s linear infinite spin;display:inline-block}.result-actions{grid-template-columns:1fr 1.4fr;gap:8px;margin-top:12px;display:grid}.result-actions>button{color:#9da6b4;background:#131922;border:1px solid #29323e;border-radius:9px;margin:0;font-size:9px;font-weight:900}.result-actions .primary{color:#061016;background:linear-gradient(135deg,#5de1ff,#208fff);border:0}.small{justify-content:center;width:100%;min-height:42px;margin:0}.big-upload{color:#fff;text-align:left;cursor:pointer;background:#101620;border:1px dashed #354354;border-radius:14px;align-items:center;gap:16px;width:100%;margin:28px 0;padding:22px;display:flex}.big-upload>span{width:42px;height:42px;color:var(--cyan);background:#172535;border-radius:10px;place-items:center;font-size:22px;display:grid}.big-upload strong,.big-upload small{display:block}.big-upload strong{font-size:12px}.big-upload small{color:#748091;margin-top:5px;font-size:8px}.wide{margin-top:22px}.privacy-note{color:#697485;border-top:1px solid #202832;flex-direction:column;gap:4px;margin-top:22px;padding-top:18px;font-size:9px;display:flex}.privacy-note b{color:#9da8b6}.compare{background:#1d2530;border-radius:12px;grid-template-columns:1fr 1fr;gap:2px;height:min(67vh,650px);display:grid;overflow:hidden}.compare>div{background:#090c11;place-items:center;display:grid;position:relative;overflow:hidden}.compare img{object-fit:contain;width:100%;height:100%}.compare span{color:#aeb7c4;z-index:2;background:#07090dbb;border-radius:5px;padding:5px 7px;font-size:7px;font-weight:900;position:absolute;top:9px;left:9px}.checker{background-color:#fff!important;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%)!important;background-position:0 0,0 12px,12px -12px,-12px 0!important;background-size:24px 24px!important}.empty-mini{color:#88919d;font-size:10px}.remover .result-head b{color:#75deae}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes coverIn{0%{opacity:0;transform:rotateY(-4deg)scale(.96)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;filter:blur(12px);transform:scale(1.03)}to{opacity:1;filter:none;transform:none}}@media (width<=1000px){body,.app{overflow:auto}header{grid-template-columns:auto 1fr}.header-badge{display:none}nav{justify-self:end}.studio-layout{grid-template-columns:240px 1fr;height:auto}.inspect{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:10px 28px;display:grid}.feature-page{grid-template-columns:1fr;padding:50px 8vw}.result-frame,.compare{height:620px}}@media (width<=680px){header{flex-direction:column;gap:12px;height:auto;padding:14px;display:flex}.logo{width:130px}nav button{padding:9px;font-size:9px}nav button i{display:none}.studio-layout{grid-template-columns:1fr}.tool-panel{border-right:0}.canvas-wrap{min-height:740px}.inspect{display:block}.cover{height:600px}.feature-page{padding:42px 18px;display:block}.feature-copy h1{font-size:43px}.result-card{margin-top:35px}.result-frame,.compare{height:540px}.generation-options{grid-template-columns:1fr}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.overlay-add{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#111824,#0d121a);border:1px solid #2b3745;border-radius:11px;grid-template-columns:34px 1fr 22px;align-items:center;gap:9px;width:100%;min-height:58px;margin:-16px 0 24px;padding:10px;transition:all .25s;display:grid}.overlay-add:hover{border-color:#55d8ff80;transform:translateY(-2px);box-shadow:0 14px 35px #0008,0 0 26px #55d8ff0e}.overlay-add>span{height:32px;color:var(--cyan);background:#182433;border-radius:8px;place-items:center;display:grid}.overlay-add b,.overlay-add small{display:block}.overlay-add b{font-size:10px}.overlay-add small{color:#708092;margin-top:4px;font-size:7px}.overlay-add>i{color:var(--cyan);font-size:18px;font-style:normal}.layer-stack{margin:-12px 0 24px}.layer-stack>span{color:#697586;letter-spacing:.14em;margin-bottom:7px;font-size:7px;font-weight:900;display:block}.layer-stack button{color:#8a95a5;text-align:left;cursor:pointer;background:#11161e;border:1px solid #0000;border-radius:8px;grid-template-columns:26px 1fr 22px;align-items:center;width:100%;margin:4px 0;padding:7px;transition:all .2s;display:grid}.layer-stack button:hover,.layer-stack button.active{color:#fff;background:#14202b;border-color:#345167}.layer-stack button>i{color:var(--cyan);font-size:7px;font-style:normal}.layer-stack button>b{font-size:9px}.layer-stack button>em{text-align:center;color:#707b8a;font-size:16px;font-style:normal}.layer-stack button>em:hover{color:#ff6b7c}.base-image{transform-origin:50%;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.overlay-object{z-index:4;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:filter .2s;animation:.45s cubic-bezier(.2,.9,.25,1.25) layerPop;position:absolute;transform:translate(-50%,-50%)}.overlay-object:active{cursor:grabbing}.overlay-object img{pointer-events:none;filter:drop-shadow(0 14px 18px #0009);width:100%;height:auto;display:block}.overlay-object.selected{filter:drop-shadow(0 0 10px #55d8ff55);outline:1px solid #74e2ff}.overlay-object.selected:after{content:"DRAG";color:#041016;letter-spacing:.1em;background:#55d8ff;border-radius:4px;padding:4px 6px;font-size:6px;font-weight:900;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.handle{background:#c9f7ff;border:2px solid #071018;border-radius:50%;width:8px;height:8px;display:none;position:absolute}.selected .handle{display:block}.handle.nw{top:-5px;left:-5px}.handle.se{bottom:-5px;right:-5px}.xyz-head{background:linear-gradient(135deg,#121a24,#0f141c);border:1px solid #293544;border-radius:9px;margin-bottom:12px;padding:10px 12px}.xyz-head b,.xyz-head span{display:block}.xyz-head b{color:#dceaf0;letter-spacing:.1em;font-size:9px}.xyz-head span{color:#687688;margin-top:4px;font-size:7px}.reset-transform,.danger{color:#8793a3;letter-spacing:.06em;cursor:pointer;background:#111720;border:1px solid #2a3542;border-radius:8px;width:100%;padding:9px;font-size:8px;font-weight:900;transition:all .2s}.reset-transform:hover{color:#fff;border-color:#4a6074}.danger{color:#d77c89;background:#1b1116;border-color:#492832}.danger:hover{color:#ff9cab;border-color:#ff6b7c}.cover:before{content:"";z-index:8;pointer-events:none;background:linear-gradient(105deg,#0000 43%,#ffffff0b 49%,#0000 55%);animation:8s ease-in-out infinite sheen;position:absolute;inset:-30%;transform:translate(-55%)}.inspect,.tool-panel{scrollbar-width:thin;scrollbar-color:#283342 transparent}.primary{position:relative;overflow:hidden}.primary:after{content:"";background:linear-gradient(110deg,#0000 20%,#fff6 48%,#0000 75%);transition:transform .7s;position:absolute;inset:0;transform:translate(-130%)}.primary:hover:after{transform:translate(130%)}@keyframes layerPop{0%{opacity:0;filter:blur(8px);transform:translate(-50%,-50%)scale(.8)}to{opacity:1;filter:none;transform:translate(-50%,-50%)scale(1)}}@keyframes sheen{0%,55%{transform:translate(-55%)}75%,to{transform:translate(55%)}}.brand-hover{align-items:center;width:max-content;display:flex;position:relative}.duck-pop{opacity:0;pointer-events:none;transform-origin:0 100%;z-index:30;width:76px;height:72px;transition:opacity .22s,transform .45s cubic-bezier(.2,1.4,.3,1);position:absolute;top:3px;left:112px;transform:translate(-18px,8px)scale(.55)rotate(-12deg)}.duck-pop img{object-fit:contain;filter:drop-shadow(0 0 12px #32cfff88);width:68px;height:68px}.duck-pop b{letter-spacing:.13em;color:#bdf5ff;background:#0d1d2c;border:1px solid #3bcaee88;border-radius:6px;padding:4px 5px;font-size:7px;position:absolute;top:-5px;right:-12px}.zap{color:#60e4ff;text-shadow:0 0 8px #25c7ff;font-size:15px;animation:.65s infinite alternate spark;position:absolute}.z1{top:8px;left:0}.z2{animation-delay:.2s;bottom:9px;right:0}.brand-hover:hover .duck-pop{opacity:1;transform:translateY(-10px)scale(1)rotate(0)}.brand-hover:hover .duck-pop img{animation:.7s ease-in-out infinite alternate duckWave}.brand-hover:hover .logo{filter:brightness(0)invert()drop-shadow(0 0 13px #55d8ff88);transform:translate(-3px)}@keyframes duckWave{0%{transform:rotate(-3deg)translateY(1px)}to{transform:rotate(4deg)translateY(-3px)}}@keyframes spark{0%{opacity:.25;transform:scale(.7)}to{opacity:1;transform:scale(1.15)}}@media (width<=680px){body{background:#080b11;overflow-x:hidden}.app{min-height:100dvh;padding-bottom:78px}header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;background:#080b10f2;justify-content:space-between;position:sticky;top:0;flex-direction:row!important;height:62px!important;padding:10px 14px!important;display:flex!important}.brand-hover{width:116px}.logo{height:30px;width:112px!important}.duck-pop,.header-badge{display:none}header nav{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);z-index:80;background:#0c1119ee;border:1px solid #242e3a;border-radius:17px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:60px;padding:6px;position:fixed;bottom:9px;left:10px;right:10px;box-shadow:0 15px 55px #000,0 0 30px #55d8ff0d;display:grid!important}header nav button{letter-spacing:.04em;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;border-radius:12px!important;height:48px!important;padding:5px!important;font-size:7px!important}header nav button i{font-size:14px;margin:0!important;display:block!important}header nav button.active{background:linear-gradient(145deg,#192535,#121a25);box-shadow:inset 0 0 0 1px #385069,0 6px 18px #0008}.studio-layout{flex-direction:column;height:auto!important;min-height:0!important;display:flex!important}.canvas-wrap{background:radial-gradient(circle at 50% 40%,#142538,#080b10 65%);order:1;min-height:0!important}.canvas-head{height:38px;padding:0 13px}.canvas-actions{display:none}.stage{height:595px;min-height:595px;padding:13px 10px 9px}.cover{border-radius:4px;max-height:70dvh;box-shadow:0 25px 65px #000c,0 0 0 1px #ffffff1c;height:565px!important}.canvas-foot{gap:12px;height:34px;padding:0 11px;font-size:6px}.tool-panel{order:2;background:#0b0f16!important;border:0!important;padding:18px 14px!important;overflow:visible!important}.inspect{order:3;background:#0b0f16!important;border:0!important;border-top:1px solid #222a35!important;padding:18px 14px 28px!important;display:block!important;overflow:visible!important}.panel-title{margin-top:5px}.dropzone{height:76px}.overlay-add{margin-top:-12px}.layer-stack{grid-template-columns:1fr 1fr;gap:5px;display:grid}.layer-stack>span{grid-column:1/-1}.layer-stack button{margin:0}.colors{gap:10px}.input textarea{height:58px}.themes{grid-template-columns:repeat(4,1fr)!important}.themes button{height:55px;padding:5px}.primary{height:52px;margin-bottom:6px}.range{margin:16px 0}.feature-page{min-height:calc(100dvh - 62px)!important;padding:32px 14px 28px!important;display:block!important}.feature-page:before{width:260px;height:260px}.feature-copy h1{margin:17px 0;line-height:.98;font-size:38px!important}.feature-copy>p{font-size:11px}.prompt-box{margin-top:20px}.prompt-box textarea{height:90px}.chips{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.chips button{white-space:nowrap}.generation-options{grid-template-columns:1fr 1fr!important}.result-card{padding:9px;margin-top:24px!important}.result-frame{height:530px!important}.remover .result-card{margin-bottom:10px}.compare{scroll-snap-type:x mandatory;overflow-x:auto;height:460px!important;display:flex!important}.compare>div{scroll-snap-align:center;min-width:100%}.big-upload{margin:20px 0}.privacy-note{margin-bottom:8px}.copy h1{font-size:43px}.safe{display:block!important}.overlay-object.selected:after{font-size:5px;top:-18px}.result-actions{height:46px}}.font-picker{margin:14px 0 24px}.font-picker>span{color:#6f7a8a;letter-spacing:.13em;margin-bottom:7px;font-size:8px;font-weight:900;display:block}.font-options{gap:7px;display:grid}.font-options select{color:#c9d0da;background:#111720;border:1px solid #293441;border-radius:9px;outline:0;width:100%;padding:10px;font-size:9px}.signature{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#121a25,#0d131b);border:1px solid #2d3a49;border-radius:10px;grid-template-columns:48px 1fr 18px;align-items:center;gap:9px;width:100%;padding:9px;transition:all .25s;display:grid}.signature:hover,.signature.active{border-color:#55d8ff88;transform:translateY(-1px);box-shadow:0 8px 28px #55d8ff10}.signature>i{color:#72e5ff;background:#172737;border-radius:7px;place-items:center;height:34px;font-family:cursive;font-size:10px;font-style:normal;display:grid;transform:rotate(-3deg)}.signature b,.signature small{display:block}.signature b{font-size:10px}.signature small{color:#6d798a;margin-top:3px;font-size:7px}.signature>em{color:#55d8ff;font-size:14px;font-style:normal}.copy h1{transition:font-family .2s,letter-spacing .2s}@media (width<=680px){.font-picker{margin-bottom:24px}.signature{min-height:56px}.font-options select{height:44px;font-size:11px}}@font-face{font-family:UglyHandwriting;src:url(/uglyhandwriting.ttf)format("truetype");font-weight:400 900;font-style:normal;font-display:swap}.copy h1[style*=UglyHandwriting]{letter-spacing:-.015em;font-weight:400;line-height:.9}.signature>i{letter-spacing:.03em;font-family:UglyHandwriting,cursive!important;font-size:14px!important}.crop-switch{background:#10151d;border:1px solid #27313d;border-radius:7px;margin-left:auto;margin-right:14px;padding:2px;display:flex}.crop-switch button{color:#697687;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 8px;font-size:7px;font-weight:900}.crop-switch button.active{color:#c9f4ff;background:#233344}.profile-crop{z-index:7;pointer-events:none;border-top:calc(var(--cover-h,630px)*.125) solid #05070b99;border-bottom:calc(var(--cover-h,630px)*.125) solid #05070b99;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #55d8ff55}.profile-crop span{color:#8cecff;letter-spacing:.1em;background:#07131dcc;border:1px solid #55d8ff55;border-radius:4px;padding:4px 5px;font-size:5px;font-weight:900;position:absolute;top:13%;right:7px}.headline-block{z-index:6;max-width:86%;padding-left:16px;position:absolute;transform:translateY(-50%)}.headline-block h1{letter-spacing:-.05em;text-transform:uppercase;text-shadow:0 8px 28px #000;margin:0;font-size:clamp(38px,4.7vw,68px);font-weight:900;line-height:.84}.headline-block>i{width:5px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 18px #55d8ff}.subline{z-index:6;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 4px 16px #000;margin:0;font-size:9px;font-weight:900;position:absolute;transform:translateY(-50%)}.text-position{border-top:1px solid #222b36;border-bottom:1px solid #222b36;margin:16px 0;padding:14px 0}.text-position>b{color:#7c899a;letter-spacing:.14em;font-size:8px}.font-catalogue{grid-template-columns:repeat(2,1fr);gap:5px;max-height:150px;padding-right:3px;display:grid;overflow:auto}.font-catalogue button{color:#8994a3;text-align:left;cursor:pointer;background:#10161e;border:1px solid #28323e;border-radius:7px;align-items:center;gap:7px;padding:7px;display:flex}.font-catalogue button.active{color:#fff;background:#132331;border-color:#55d8ff80}.font-catalogue b{color:#d8e0e8;font-size:15px}.font-catalogue span{font:700 7px Arial}.base-image[style*=contain]{background:#05070b}@media (width<=680px){.crop-switch{margin:0}.crop-switch button{padding:6px;font-size:6px}.profile-crop{border-top-width:70px;border-bottom-width:70px}.font-catalogue{grid-template-columns:repeat(3,1fr);max-height:none}.headline-block h1{font-size:43px}.text-position{padding:12px 0}}.cover.export-snapshot{box-shadow:none!important;border-radius:0!important;transition:none!important;animation:none!important;transform:none!important}.cover.export-snapshot:before,.cover.export-snapshot .profile-crop,.cover.export-snapshot .safe,.cover.export-snapshot .handle{display:none!important}.cover.export-snapshot .overlay-object,.cover.export-snapshot .overlay-object.selected{filter:none!important;outline:0!important;animation:none!important;transform:translate(-50%,-50%)!important}.cover.export-snapshot .overlay-object.selected:after{display:none!important}.cover-export-error{color:#ff9caa;text-align:center;background:#1b1015;border:1px solid #63303a;border-radius:8px;margin-top:8px;padding:9px 10px;font-size:8px;font-weight:800;line-height:1.4;display:block}.ios-export-backdrop{z-index:500;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);background:#02050ae8;place-items:center;display:grid;position:fixed;inset:0}.ios-export-card{width:min(370px,100%);max-height:calc(100dvh - max(28px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));color:#f4f8fc;text-align:center;-webkit-overflow-scrolling:touch;background:linear-gradient(155deg,#111c29,#070b11 68%);border:1px solid #365064;border-radius:23px;padding:20px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #000,0 0 48px #24cfff1f}.ios-export-close{color:#8fa2b3;touch-action:manipulation;background:#ffffff0a;border:0;border-radius:12px;place-items:center;width:40px;height:40px;font-size:23px;display:grid;position:absolute;top:10px;right:10px}.ios-export-eyebrow{color:var(--cyan);letter-spacing:.17em;text-align:left;padding-right:36px;font-size:8px;font-weight:900;display:block}.ios-export-card h2{letter-spacing:-.035em;text-align:left;margin:10px 0 6px;font-size:25px;line-height:1.05}.ios-export-card>p{color:#899bad;text-align:left;margin:0 0 15px;font-size:11px;line-height:1.5}.ios-export-preview{aspect-ratio:9/16;background:#03060a;border:1px solid #476174;border-radius:12px;width:min(210px,62vw);margin:0 auto 15px;overflow:hidden;box-shadow:0 18px 46px #000b,0 0 22px #38d6ff1a}.ios-export-preview img{object-fit:contain;width:100%;height:100%;display:block}.ios-export-save{color:#03111b;touch-action:manipulation;background:linear-gradient(120deg,#66eaff,#1a8dff);border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 16px;font-size:12px;display:flex;box-shadow:0 14px 36px #118fd43d}.ios-export-save b{font-weight:900}.ios-export-save span{font-size:18px}.ios-export-card>a{color:#9aabba;text-underline-offset:3px;margin-top:13px;font-size:9px;font-weight:800;display:inline-block}.ios-export-status{color:#a8bdcc;background:#0b131c;border:1px solid #2c4253;border-radius:9px;margin-top:11px;padding:9px;font-size:9px;line-height:1.45;display:block}@media (height<=700px){.ios-export-card{padding:16px}.ios-export-preview{width:min(150px,45vw)}.ios-export-card h2{font-size:21px}}.sticker-section{background:linear-gradient(145deg,#101823,#0b1119);border:1px solid #273442;border-radius:11px;margin:-10px 0 24px;padding:11px}.sticker-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.sticker-head span{letter-spacing:.14em;color:#dceaf1;font-size:8px;font-weight:900}.sticker-head small{color:#6f7c8d;font-size:6px}.sticker-tabs{background:#090f16;border:1px solid #232f3d;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:8px;padding:3px;display:grid}.sticker-tabs button{color:#647386;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;border-radius:6px;min-width:0;height:28px;padding:0 3px;font-size:5px;font-weight:900;transition:all .2s}.sticker-tabs button:hover{color:#dceaf1;background:#121c28}.sticker-tabs button.active{color:#e9fbff;background:linear-gradient(145deg,#183047,#111e2c);box-shadow:inset 0 0 0 1px #55d8ff55,0 0 13px #55d8ff14}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.sticker-grid>button,.custom-sticker-add{color:#8190a0;cursor:pointer;background:#0d141d;border:1px solid #263442;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:66px;padding:5px;transition:all .2s;display:flex}.sticker-grid>button:hover,.custom-sticker-add:hover{color:#fff;border-color:#55d8ff80;transform:translateY(-2px);box-shadow:0 8px 20px #0008}.sticker-grid img{object-fit:contain;filter:drop-shadow(0 4px 6px #0008);width:32px;height:32px}.sticker-grid span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:5px;font-weight:800;overflow:hidden}.custom-sticker-upload{color:#dceaf1;text-align:left;cursor:pointer;background:#0a121b;border:1px dashed #3a536b;border-radius:9px;align-items:center;gap:9px;width:100%;min-height:52px;margin:0 0 9px;padding:8px 10px;display:flex}.custom-sticker-upload:hover{border-color:var(--cyan);background:#0d1823}.custom-sticker-upload:disabled{opacity:.45;cursor:not-allowed}.custom-sticker-upload>b{width:30px;height:30px;color:var(--cyan);background:#152638;border-radius:8px;flex:none;place-items:center;font-size:17px;display:grid}.custom-sticker-upload>span{flex-direction:column;gap:3px;min-width:0;font-size:8px;font-weight:900;display:flex}.custom-sticker-upload small{color:#718095;font-size:6px;font-weight:700}.custom-sticker-notice,.custom-sticker-error{border-radius:7px;margin:0 0 9px;padding:7px 8px;font-size:6px;font-weight:800;line-height:1.45}.custom-sticker-notice{color:#8cf0ba;background:#43df930c;border:1px solid #43df9340}.custom-sticker-error{color:#ff9aa5;background:#ff33440b;border:1px solid #f674}.custom-sticker-empty{color:#637185;text-align:center;flex-direction:column;align-items:center;gap:5px;padding:16px 8px 7px;display:flex}.custom-sticker-empty b{color:#aebdca;letter-spacing:.09em;font-size:7px}.custom-sticker-empty span{max-width:190px;font-size:6px;line-height:1.5}.custom-sticker-card{min-width:0;position:relative}.custom-sticker-add{width:100%}.custom-sticker-delete{color:#aeb8c5;cursor:pointer;z-index:2;background:#151c26;border:1px solid #465264;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;font-size:13px;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.custom-sticker-delete:hover{color:#fff;background:#2a1218;border-color:#f67}.custom-sticker-backdrop{z-index:520;background:#02050bd9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.custom-sticker-dialog{color:#eef7fb;text-align:center;background:#0d131c;border:1px solid #324254;border-radius:17px;width:min(390px,100%);padding:18px;position:relative;box-shadow:0 30px 90px #000d,0 0 35px #55d8ff10}.custom-dialog-close{color:#9caabb;cursor:pointer;z-index:2;background:#151c26;border:1px solid #354252;border-radius:50%;width:29px;height:29px;font-size:18px;position:absolute;top:9px;right:9px}.custom-sticker-preview{border:1px solid #344150;border-radius:14px;place-items:center;width:124px;height:124px;margin:3px auto 14px;display:grid;overflow:hidden}.custom-sticker-preview img{object-fit:contain;width:100%;height:100%}.custom-dialog-kicker{color:var(--cyan);letter-spacing:.17em;font-size:7px;font-weight:900}.custom-sticker-dialog h3{letter-spacing:-.03em;margin:7px 0 6px;font-size:20px}.custom-sticker-dialog>p{color:#8998a9;max-width:295px;margin:0 auto 14px;font-size:9px;line-height:1.55}.custom-cutout-progress{text-align:left;margin:12px 0}.custom-cutout-progress>div{background:#202936;border-radius:20px;height:6px;overflow:hidden}.custom-cutout-progress>div span{border-radius:inherit;background:linear-gradient(90deg,#198dff,#6eeaff);height:100%;display:block;box-shadow:0 0 16px #41cfff}.custom-cutout-progress small{color:#8fa2b7;margin-top:7px;font-size:7px;font-weight:800;display:block}.custom-dialog-actions{grid-template-columns:1fr 1.25fr;gap:8px;margin-top:12px;display:grid}.custom-dialog-actions button{color:#c5d0da;cursor:pointer;background:#151c25;border:1px solid #344152;border-radius:9px;min-height:43px;padding:8px;font-size:8px;font-weight:900}.custom-dialog-actions button.remove{color:#061016;background:linear-gradient(135deg,#5de1ff,#208fff);border:0}.custom-dialog-actions button:disabled{opacity:.45;cursor:wait}.custom-dialog-privacy{color:#607084;margin-top:10px;font-size:6px;display:block}.dukko-word-sticker{color:var(--cyan);text-shadow:0 0 10px color-mix(in srgb, var(--cyan) 65%, transparent);font-family:UglyHandwriting,Arial Black,Arial;font-size:17px;line-height:1}.dukko-logo-sticker{width:100%;height:auto;display:block;overflow:visible}.sticker-grid .dukko-logo-sticker{width:42px;max-height:31px}.overlay-object>.dukko-logo-sticker{pointer-events:none;width:100%}.text-shade-controls{background:#10161e;border:1px solid #27323e;border-radius:9px;margin:4px 0 18px;padding:9px 10px 11px}.text-shade-controls .range{margin:7px 0 14px}.text-shade-controls .color div{height:37px}.overlay-object img{object-fit:contain;max-height:100%}.canvas-text-sticker{white-space:nowrap;-webkit-text-stroke:1px #071018;width:max-content;max-width:none;font-family:UglyHandwriting,Arial Black,Arial;font-size:clamp(25px,4.8vw,68px);font-weight:900;line-height:1;display:block}.selected-sticker-colors{background:#10161e;border:1px solid #293544;border-radius:9px;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;padding:10px;display:grid}@media (width<=680px){.sticker-section{margin-top:-5px}.sticker-tabs{gap:5px;margin-bottom:10px}.sticker-tabs button{height:34px;padding:0 2px;font-size:6px}.sticker-grid>button,.custom-sticker-add{height:74px}.sticker-grid img{width:38px;height:38px}.custom-sticker-upload{min-height:62px}.custom-sticker-upload>span{font-size:10px}.custom-sticker-upload small,.custom-sticker-notice,.custom-sticker-error{font-size:8px}.custom-sticker-dialog{padding:18px 15px max(17px, env(safe-area-inset-bottom))}.custom-dialog-actions{grid-template-columns:1fr}.custom-dialog-actions button{min-height:48px;font-size:10px}.dukko-word-sticker{font-size:20px}.text-shade-controls{padding:10px 12px}.canvas-text-sticker{font-size:42px}}:root{--electric:#5ce7ff;--electric2:#168cff;--deep:#05070c}body:before{content:"";pointer-events:none;z-index:999;background:repeating-linear-gradient(90deg,#0000 0 79px,#55d8ff05 80px),repeating-linear-gradient(0deg,#0000 0 79px,#55d8ff04 80px);position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 45%,#000,#0000 72%)}.app:before,.app:after{content:"";pointer-events:none;z-index:0;filter:blur(90px);opacity:.22;border-radius:50%;position:fixed}.app:before{background:#087bff;width:520px;height:520px;animation:12s ease-in-out infinite alternate energyDrift;top:14%;left:-230px}.app:after{background:#22d7ff;width:430px;height:430px;animation:15s ease-in-out infinite alternate-reverse energyDrift;bottom:-100px;right:-180px}header:after{content:"";background:linear-gradient(90deg,#0000,#1b8dff 22%,#9af5ff 50%,#1b8dff 78%,#0000) 0 0/200% 100%;height:1px;animation:3.4s linear infinite electricRail;position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 0 12px #45ddff88}.brand-hover:after{content:"";background:linear-gradient(90deg,#0000,#55d8ff,#0000);height:2px;transition:transform .4s;position:absolute;bottom:-7px;left:5px;right:3px;transform:scaleX(0);box-shadow:0 0 12px #55d8ff}.brand-hover:hover:after{transform:scaleX(1)}nav button{position:relative;overflow:hidden}nav button:before{content:"";background:var(--electric);height:1px;box-shadow:0 0 10px var(--electric);transition:all .35s;position:absolute;inset:auto 15% 0;transform:scaleX(0)}nav button:hover:before,nav button.active:before{transform:scaleX(1)}nav button.active i{animation:1.8s ease-in-out infinite iconCharge}.tool-panel,.inspect{box-shadow:inset 0 1px #ffffff05;background:linear-gradient(#0d1118f5,#090d13f7)!important}.tool-panel:before,.inspect:before{content:"";background:linear-gradient(90deg,#0000,#55d8ff66,#0000);width:80%;height:1px;margin:-25px auto 24px;animation:5s ease-in-out infinite panelCharge;display:block;position:sticky;top:0}.panel-title b{position:relative;overflow:hidden;box-shadow:inset 0 0 10px #55d8ff0d}.panel-title b:after{content:"";background:#8cf1ff;width:180%;height:1px;animation:4s ease-in-out infinite miniSweep;position:absolute;transform:rotate(-20deg)translate(-110%);box-shadow:0 0 8px #55d8ff}.dropzone,.overlay-add,.font-picker,.input,.color,.range,.themes button,.big-upload,.prompt-box{animation:.55s both controlRise}.tool-panel>:nth-child(2){animation-delay:30ms}.tool-panel>:nth-child(3){animation-delay:60ms}.tool-panel>:nth-child(4){animation-delay:90ms}.tool-panel>:nth-child(5){animation-delay:.12s}.tool-panel>:nth-child(6){animation-delay:.15s}.dropzone{position:relative;overflow:hidden}.dropzone:after{content:"";background:linear-gradient(90deg,#0000,#55d8ff14,#0000);width:70px;height:140%;animation:5s ease-in-out infinite uploadScan;position:absolute;top:-20%;left:-100px;transform:skew(-20deg)}.cover{transition:box-shadow .45s,transform .45s;border-radius:6px!important;box-shadow:0 42px 120px #000,0 0 0 1px #6eeaff33,0 0 45px #218cff15!important}.cover:hover{transform:translateY(-3px)scale(1.003);box-shadow:0 55px 135px #000,0 0 0 1px #8ff2ff55,0 0 65px #168cff26!important}.cover:after{animation:.18s steps(2,end) infinite grainJitter!important}.stage:before,.stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#55d8ff36);width:40%;height:1px;position:absolute;top:50%}.stage:before{left:0}.stage:after{right:0;transform:scaleX(-1)}.live-dot{animation:1.5s ease-in-out infinite liveCharge}.canvas-head{background:linear-gradient(90deg,#0b0f15,#0d151e,#0b0f15) 0 0/200% 100%;animation:8s linear infinite barShift}.canvas-head>div:first-child{color:#a7b4c4}.primary{background:linear-gradient(110deg,#63ecff,#168bff,#58ddff) 0 0/200% 100%;animation:3s linear infinite primaryFlow;box-shadow:0 14px 45px #128fe533,0 0 0 1px #baf8ff33!important}.primary:hover{filter:saturate(1.15)brightness(1.08);box-shadow:0 20px 55px #128fe555,0 0 26px #55d8ff33!important}.toggle i.on{box-shadow:0 0 14px #55d8ff55}.range input::-webkit-slider-thumb{transition:transform .2s,box-shadow .2s}.range input:hover::-webkit-slider-thumb{transform:scale(1.25);box-shadow:0 0 18px #55d8ff}.result-card{position:relative;overflow:hidden;box-shadow:0 42px 130px #000b,0 0 0 1px #55d8ff12}.result-card:before{content:"";background:linear-gradient(90deg,#0000,#6be8ff,#0000);height:1px;animation:4s linear infinite electricRail;position:absolute;inset:0 0 auto}.kicker{animation:2.4s ease-in-out infinite kickerPulse}.feature-copy h1 em{animation:3s ease-in-out infinite outlineCharge}.font-catalogue button,.themes button{transition:transform .22s,border-color .22s,box-shadow .22s}.font-catalogue button:hover,.themes button:hover{transform:translateY(-3px)scale(1.015);box-shadow:0 10px 25px #0008,0 0 18px #55d8ff18}.signature.active{animation:2.5s ease-in-out infinite signatureCharge}.profile-crop{animation:2.8s ease-in-out infinite cropGlow}.duck-pop:before{content:"";filter:blur(18px);background:#55d8ff44;border-radius:50%;animation:1.2s ease-in-out infinite alternate duckAura;position:absolute;inset:10% 0}.duck-pop img{z-index:1;position:relative}.zap{z-index:2}.spinner{box-shadow:0 0 12px #55d8ff}.headline-block>i{animation:1.8s ease-in-out infinite textCharge}.ready{animation:2s ease-in-out infinite readyPulse}@keyframes energyDrift{50%{opacity:.65;transform:translateY(18vh)rotate(22deg)}}@keyframes electricRail{to{background-position:-200% 0}}@keyframes iconCharge{50%{text-shadow:0 0 14px #55d8ff;transform:translateY(-1px)}}@keyframes panelCharge{50%{opacity:.35;width:100%}}@keyframes miniSweep{50%,to{transform:rotate(-20deg)translate(80%)}}@keyframes controlRise{0%{opacity:0;filter:blur(3px);transform:translateY(9px)}to{opacity:1;filter:none;transform:none}}@keyframes uploadScan{0%,55%{left:-100px}80%,to{left:120%}}@keyframes liveCharge{50%{transform:scale(1.55);box-shadow:0 0 20px #55d8ff}}@keyframes barShift{to{background-position:-200% 0}}@keyframes primaryFlow{to{background-position:-200% 0}}@keyframes grainJitter{0%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(1%,1%)}}@keyframes kickerPulse{50%{letter-spacing:.26em;text-shadow:0 0 15px #55d8ff}}@keyframes outlineCharge{50%{text-shadow:0 0 44px #55d8ff66;-webkit-text-stroke-color:#9ef3ff}}@keyframes signatureCharge{50%{box-shadow:0 0 28px #55d8ff18,inset 0 0 18px #55d8ff0c}}@keyframes cropGlow{50%{box-shadow:inset 0 0 0 1px #90f2ff99,inset 0 0 28px #55d8ff0d}}@keyframes duckAura{to{opacity:.45;transform:scale(1.2)}}@keyframes selectedFloat{50%{filter:drop-shadow(0 0 15px #55d8ff88);transform:translate(-50%,-52%)}}@keyframes textCharge{50%{box-shadow:0 0 30px var(--headline-accent,var(--cyan))}}@keyframes readyPulse{50%{color:#8effc7;text-shadow:0 0 12px #55f0aa}}@media (width<=680px){body:before{background-size:55px 55px}.app:before{width:300px;height:300px;left:-170px}.app:after{width:260px;height:260px}.tool-panel:before,.inspect:before{margin:-18px auto 18px}.stage:before,.stage:after{display:none}.cover:hover{transform:none}.canvas-head{animation-duration:12s}header:after{bottom:0}.font-catalogue button:hover,.themes button:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.brand-hover:hover .duck-pop{pointer-events:auto}.duck-pop{text-decoration:none}.duck-pop b{white-space:nowrap}.reference-upload{margin:22px 0 -18px;display:flex;position:relative}.reference-upload>button:first-child{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#111a25,#0d131b);border:1px solid #2c3a49;border-radius:12px;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;width:100%;min-height:64px;padding:9px 12px;transition:all .25s;display:grid}.reference-upload>button:first-child:hover{border-color:#55d8ff99;transform:translateY(-2px);box-shadow:0 12px 34px #0007,0 0 22px #55d8ff10}.reference-upload img,.reference-upload>button:first-child>span{object-fit:cover;color:#55d8ff;background:#162332;border-radius:8px;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.reference-upload b,.reference-upload small{display:block}.reference-upload b{font-size:10px}.reference-upload small{color:#748194;margin-top:4px;font-size:8px}.reference-upload em{color:#71e6ff;text-transform:uppercase;font-size:8px;font-style:normal;font-weight:900}.clear-ref{color:#d8e4ec;cursor:pointer;background:#151c25;border:1px solid #4c5c6d;border-radius:50%;width:22px;height:22px;position:absolute;top:-8px;right:-8px}.dukko-chat{z-index:100;position:fixed;bottom:22px;right:22px}.chat-launch{color:#fff;cursor:pointer;background:linear-gradient(135deg,#132130,#0a111a);border:1px solid #55d8ff66;border-radius:18px;align-items:center;gap:9px;height:60px;padding:5px 12px 5px 5px;transition:all .3s;display:flex;box-shadow:0 18px 55px #000c,0 0 28px #168cff22}.chat-launch:hover{transform:translateY(-4px);box-shadow:0 24px 65px #000,0 0 38px #55d8ff35}.chat-launch img{object-fit:contain;filter:drop-shadow(0 0 8px #55d8ff66);width:48px;height:48px}.chat-launch span{letter-spacing:.13em;font-size:8px;font-weight:900}.chat-launch i{color:#55d8ff;font-size:13px;font-style:normal}.chat-panel{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#0b1018f5;border:1px solid #2b3c4d;border-radius:18px;flex-direction:column;width:350px;height:520px;animation:.45s cubic-bezier(.2,1.2,.3,1) chatIn;display:flex;position:absolute;bottom:72px;right:0;overflow:hidden;box-shadow:0 35px 100px #000,0 0 50px #168cff20}.chat-panel>header{background:linear-gradient(100deg,#102237,#0b121d);border-bottom:1px solid #283746;grid-template-columns:46px 1fr 28px;height:70px;min-height:70px;padding:9px 12px;display:grid;position:relative}.chat-panel>header>img{object-fit:contain;width:45px;height:45px}.chat-panel>header div b,.chat-panel>header div span{display:block}.chat-panel>header div b{margin-top:6px;font-size:11px}.chat-panel>header div span{color:#7d8b9b;margin-top:4px;font-size:7px}.chat-panel>header div i{background:#4de89a;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block;box-shadow:0 0 8px #4de89a}.chat-panel>header>button{color:#718092;cursor:pointer;background:0 0;border:0;font-size:18px}.chat-messages{scrollbar-width:thin;scrollbar-color:#2d3c4e transparent;flex-direction:column;flex:1;gap:11px;padding:14px;display:flex;overflow-y:auto}.chat-messages>div{gap:7px;max-width:88%;animation:.25s messageIn;display:flex}.chat-messages>div.user{flex-direction:row-reverse;align-self:flex-end}.chat-messages>div>span{width:23px;min-width:23px;height:23px}.chat-messages>div>span img{object-fit:contain;width:23px;height:23px}.chat-messages p{color:#b9c5d2;background:#141d28;border:1px solid #273544;border-radius:4px 12px 12px;margin:0;padding:9px 10px;font-size:9px;line-height:1.5}.chat-messages .user p{color:#fff;background:linear-gradient(135deg,#197ca2,#1264aa);border:0;border-radius:12px 4px 12px 12px}.quick-asks{scrollbar-width:none;border-top:1px solid #1f2a36;gap:5px;padding:8px 12px;display:flex;overflow-x:auto}.quick-asks button{white-space:nowrap;color:#7f91a3;cursor:pointer;background:#111923;border:1px solid #2a3949;border-radius:14px;padding:6px 8px;font-size:7px}.quick-asks button:hover{color:#fff;border-color:#55d8ff}.chat-panel form{background:#090d13;grid-template-columns:1fr 38px;gap:7px;height:58px;padding:9px;display:grid}.chat-panel form input{color:#fff;background:#101720;border:1px solid #293747;border-radius:10px;outline:0;padding:10px;font-size:9px}.chat-panel form input:focus{border-color:#55d8ff}.chat-panel form button{color:#061019;cursor:pointer;background:linear-gradient(135deg,#55d8ff,#168cff);border:0;border-radius:10px}.dukko-chat.open .chat-launch{border-color:#80eeff}@keyframes chatIn{0%{opacity:0;filter:blur(5px);transform:translateY(18px)scale(.92)}to{opacity:1;filter:none;transform:none}}@keyframes messageIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=680px){.reference-upload{margin-top:18px}.dukko-chat{bottom:80px;right:12px}.chat-launch{border-radius:50%;width:54px;height:54px;padding:3px}.chat-launch img{width:47px;height:47px}.chat-launch span,.chat-launch i{display:none}.chat-panel{border-radius:18px;width:auto;height:min(590px,72dvh);position:fixed;bottom:78px;left:10px;right:10px}.chat-panel>header{flex-direction:initial!important;height:64px!important;padding:8px 10px!important;display:grid!important;position:relative!important;top:auto!important}.quick-asks{padding:7px 10px}.chat-panel form{height:56px}.duck-pop{display:none!important}}.audio-dock{z-index:105;position:fixed;bottom:22px;left:22px}.audio-main{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#101c29ee,#09111bee);border:1px solid #33485b;border-radius:17px;grid-template-columns:42px 1fr 34px;align-items:center;gap:8px;min-width:190px;height:58px;padding:6px 10px 6px 7px;transition:all .3s;display:grid;box-shadow:0 18px 55px #000c,0 0 25px #55d8ff16}.audio-main:hover{border-color:#55d8ff99;transform:translateY(-3px);box-shadow:0 22px 65px #000,0 0 35px #55d8ff2a}.audio-main>i{background:linear-gradient(145deg,#1d9dcc,#125f9e);border-radius:11px;place-items:center;width:40px;height:40px;font-size:16px;font-style:normal;display:grid;box-shadow:inset 0 1px #aaf5ff55,0 0 16px #188fd455}.audio-main b,.audio-main span{display:block}.audio-main b{letter-spacing:.04em;font-size:9px}.audio-main span{color:#758699;margin-top:3px;font-size:7px}.audio-main em{justify-content:center;align-items:center;gap:3px;height:24px;display:flex}.audio-main em u{background:#456074;border-radius:3px;width:3px;height:7px;text-decoration:none}.audio-main em.playing u{background:#62e7ff;animation:.65s ease-in-out infinite alternate equalizer;box-shadow:0 0 7px #55d8ff}.audio-main em.playing u:nth-child(2){height:14px;animation-delay:.2s}.audio-main em.playing u:nth-child(3){height:10px;animation-delay:.4s}.audio-panel{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0b1119f7;border:1px solid #2d3c4c;border-radius:16px;width:285px;padding:14px;animation:.35s cubic-bezier(.2,1.2,.3,1) audioIn;position:absolute;bottom:70px;left:0;box-shadow:0 30px 90px #000,0 0 40px #168cff1c}.audio-panel>div:first-child{color:#7f8fa0;letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:8px;display:flex}.audio-panel>div:first-child button{color:#758597;cursor:pointer;background:0 0;border:0;font-size:17px}.audio-panel>p{color:#dbe8f0;background:linear-gradient(135deg,#121e2a,#0d151e);border:1px solid #263645;border-radius:11px;margin:14px 0;padding:11px;font-size:10px}.audio-panel>p .music-note{color:#5de5ff;background:#16314a;border-radius:8px;place-items:center;width:28px;height:28px;margin-right:9px;display:inline-grid}.audio-panel>p small{color:#68798a;margin-top:-5px;margin-left:38px;font-size:7px;display:block}.audio-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.audio-actions button{color:#9babb9;cursor:pointer;background:#121a24;border:1px solid #2c3c4b;border-radius:8px;padding:9px;font-size:8px;font-weight:900}.audio-actions button:hover{color:#fff;border-color:#55d8ff}.audio-panel label{grid-template-columns:45px 1fr 32px;align-items:center;gap:7px;margin:14px 0;display:grid}.audio-panel label span,.audio-panel label b{color:#7a8999;font-size:7px}.audio-panel label b{text-align:right}.audio-panel input{appearance:none;background:#293746;border-radius:4px;height:3px}.audio-panel input::-webkit-slider-thumb{appearance:none;background:#d7faff;border:3px solid #35bfe9;border-radius:50%;width:13px;height:13px}.audio-note{color:#566676;border-top:1px solid #202c37;padding-top:10px;font-size:7px;line-height:1.5;display:block}@keyframes equalizer{to{height:19px}}@keyframes audioIn{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:none}}@media (width<=680px){.audio-dock{bottom:80px;left:12px}.audio-main{border-radius:50%;width:54px;min-width:54px;height:54px;padding:6px;display:block}.audio-main>i{border-radius:50%;width:40px;height:40px}.audio-main>div,.audio-main>em{display:none}.audio-panel{width:auto;position:fixed;bottom:78px;left:10px;right:10px}.audio-actions button{height:38px}}@media (prefers-reduced-motion:reduce){.audio-main em.playing u{animation:none}}.app{isolation:isolate;position:relative}.headline-block>i{background:var(--headline-accent,var(--cyan));box-shadow:0 0 18px var(--headline-accent,var(--cyan))}.app>header,.app>.studio-layout,.app>.feature-page{z-index:2;position:relative}.dukko-atmosphere{pointer-events:none;z-index:1;background:radial-gradient(circle at 75% 18%,#087dff0d,#0000 32%),radial-gradient(circle at 8% 85%,#32d8ff0a,#0000 28%);position:fixed;inset:0;overflow:hidden}.energy-ribbon{filter:drop-shadow(0 0 7px #22bdff);opacity:.34;background:linear-gradient(#0000,#62e9ff,#1677ff,#0000);width:2px;height:60vh;animation:8s ease-in-out infinite energyDrift;position:absolute}.energy-ribbon:after{content:"";background:inherit;clip-path:polygon(0 0,100% 0,100% 13%,0 19%,100% 31%,100% 50%,0 56%,100% 76%,100% 100%,0 100%);position:absolute;inset:0;transform:translate(9px)}.r1{top:-12%;left:4%;transform:rotate(17deg)}.r2{animation-delay:-3s;bottom:-15%;right:7%;transform:rotate(-21deg)}.spark-field{opacity:.17;background-image:radial-gradient(#59e8ff 1px,#0000 1.5px);background-size:28px 28px;border-radius:50%;width:320px;height:320px;animation:14s linear infinite sparkFloat;position:absolute;-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.s1{top:16%;right:9%}.s2{animation-delay:-7s;bottom:3%;left:3%}.circuit-rail{opacity:.15;background:repeating-linear-gradient(#0000 0 28px,#4adfff 29px 30px,#0000 31px 58px);border-right:1px solid #45ddff;width:80px;position:absolute;top:20%;bottom:12%}.circuit-rail:after{content:"";background:#bdf9ff;border-radius:50%;width:7px;height:7px;animation:5s linear infinite railScan;position:absolute;top:15%;right:-4px;box-shadow:0 0 15px #31cfff}.circuit-rail.left{left:0}.circuit-rail.right{right:0;transform:scaleX(-1)}.ai-connect{background:linear-gradient(145deg,#101721e8,#0a0e15e8);border:1px solid #2a3544;border-radius:14px;margin:22px 0 16px;padding:14px;transition:all .3s;box-shadow:inset 0 1px #ffffff08}.ai-connect.connected{border-color:#4ee4ff66;box-shadow:0 0 30px #0da9ff12,inset 0 1px #9ff3ff16}.ai-connect-head{align-items:center;gap:10px;display:flex}.ai-connect-head .ai-orb{color:#bff8ff;background:#0b86ff22;border:1px solid #54dcff55;border-radius:10px;place-items:center;width:33px;height:33px;display:grid;box-shadow:0 0 18px #139cff33}.ai-connect-head div{flex-direction:column;gap:3px;display:flex}.ai-connect-head b{letter-spacing:.13em;font-size:9px}.ai-connect-head small{color:#718095;font-size:8px}.ai-connect-head em{letter-spacing:.14em;color:#657386;border:1px solid #293544;border-radius:20px;margin-left:auto;padding:5px 7px;font:900 7px Arial}.ai-connect.connected .ai-connect-head em{color:#70edb5;background:#19c97d0c;border-color:#39dd9a55}.ai-connect label{margin-top:13px;display:block}.ai-connect label>span{color:#718095;letter-spacing:.13em;margin-bottom:6px;font-size:7px;font-weight:900;display:block}.ai-connect label>div{background:#070b11;border:1px solid #2a3441;border-radius:8px;display:flex;overflow:hidden}.ai-connect input{color:#dffaff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px;font:700 10px monospace}.ai-connect label button{color:#8391a4;background:#111923;border:0;border-left:1px solid #27313e;padding:0 12px;font-size:8px;font-weight:900}.ai-connect p{color:#677488!important;margin:9px 0 0!important;font-size:8px!important;line-height:1.45!important}.ai-connect a{color:#68dfff;font-weight:800;text-decoration:none}.copilot .chat-launch{overflow:visible}.copilot-ping{opacity:0;border:1px solid #47dfff;border-radius:50%;animation:3s ease-out infinite copilotPing;position:absolute;inset:-7px}.copilot-panel{width:min(390px,100vw - 24px);background:linear-gradient(160deg,#0b121cfa,#06090efa)!important;border-color:#44dfff44!important;box-shadow:0 30px 100px #000c,0 0 45px #0b9cff18!important}.copilot-panel>header{background:linear-gradient(90deg,#0d1c2b,#101622)!important}.copilot-panel>header img{object-fit:cover;border-radius:10px;width:38px;height:38px}.copilot-panel>header span{flex-direction:column;gap:3px;display:flex}.copilot-panel>header small{color:#6d8194;letter-spacing:.12em;font-size:7px}.copilot-panel>header small i{background:#55eaa7;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 7px #55eaa7}.cover-score{background:linear-gradient(120deg,#0c1622,#10151d);border:1px solid #263646;border-radius:13px;align-items:center;gap:12px;margin:13px;padding:12px;display:flex}.cover-score>div{--score:50%;text-align:center;background:radial-gradient(circle at center, #0c1621 56%, transparent 58%), conic-gradient(#55e6ff var(--score), #1e2a37 0);border-radius:50%;place-content:center;width:58px;height:58px;display:grid;box-shadow:0 0 20px #2bcfff1c}.cover-score strong{font:900 17px Arial}.cover-score small{letter-spacing:.1em;color:#7690a6;font:800 5px/1.15 Arial}.cover-score p{margin:0}.cover-score p b,.cover-score p span{display:block}.cover-score p b{margin-bottom:5px;font-size:9px}.cover-score p span{color:#77889a;font-size:8px;line-height:1.45}.copilot-actions{grid-template-columns:1fr 1fr;gap:6px;padding:0 13px 10px;display:grid}.copilot-actions button{color:#aebdcb;text-align:left;background:#101823;border:1px solid #273545;border-radius:8px;padding:9px;font-size:8px;font-weight:900;transition:all .2s}.copilot-actions button:hover{color:#fff;background:#112333;border-color:#53e1ff;transform:translateY(-1px)}.quick-asks{gap:5px;padding:0 13px 9px;display:flex}.quick-asks button{color:#6e8599;background:#0b1119;border:1px solid #233142;border-radius:20px;padding:6px 8px;font-size:7px}.chat-messages .typing p{gap:3px;padding:10px;display:flex}.typing i{background:#5ce5ff;border-radius:50%;width:4px;height:4px;animation:.8s ease-in-out infinite typeDot}.typing i:nth-child(2){animation-delay:.12s}.typing i:nth-child(3){animation-delay:.24s}header{box-shadow:0 10px 40px #0006,inset 0 -1px #61e6ff0a}nav button.active{position:relative;overflow:hidden}nav button.active:after{content:"";background:#69ebff;height:1px;position:absolute;bottom:0;left:18%;right:18%;box-shadow:0 0 10px #27bfff}.cover{transition:transform .35s,box-shadow .35s}.cover:hover{box-shadow:0 45px 120px #000e,0 0 0 1px #61e6ff33,0 0 45px #119dff18}.result-card,.tool-panel,.inspect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes sparkFloat{50%{transform:translate(-25px,30px)rotate(8deg)}}@keyframes railScan{to{top:82%}}@keyframes copilotPing{0%,66%{opacity:0;transform:scale(.75)}70%{opacity:.7}to{opacity:0;transform:scale(1.35)}}@keyframes typeDot{50%{opacity:.45;transform:translateY(-3px)}}@media (width<=680px){.dukko-atmosphere{opacity:.72}.circuit-rail{display:none}.energy-ribbon{height:38vh}.copilot-panel{max-height:76vh;overflow:auto;bottom:75px!important}.copilot-actions button{min-height:38px}.ai-connect{margin-top:18px}.ai-connect-head small{max-width:180px}.audio-main{box-shadow:0 12px 35px #000b,0 0 22px #188fff20!important}}@media (prefers-reduced-motion:reduce){.dukko-atmosphere *,.copilot-ping,.typing i{animation:none!important}.cover,.copilot-actions button{transition:none!important}}.guided-panel{height:min(670px,78vh)!important}.guide-scroll{padding:0 13px 15px;overflow:auto}.guide-label{color:#63778b;letter-spacing:.14em;margin:10px 0 7px;font-size:7px;font-weight:900}.question-list{gap:6px;display:grid}.question-list button{color:#b3c1ce;text-align:left;background:#0d151f;border:1px solid #263545;border-radius:9px;grid-template-columns:23px 1fr 14px;align-items:center;min-height:39px;padding:8px;font-size:8px;font-weight:800;transition:all .2s;display:grid}.question-list button>span{width:19px;height:19px;color:var(--cyan);background:#178dff18;border:1px solid #44dfff33;border-radius:6px;place-items:center;display:grid}.question-list button>i{color:#546a7d;font-size:15px;font-style:normal}.question-list button:hover,.question-list button.active{border-color:color-mix(in srgb, var(--cyan) 65%, transparent);color:#fff;background:#112130;transform:translate(2px)}.guide-answer{border:1px solid color-mix(in srgb, var(--cyan) 28%, #243444);background:linear-gradient(135deg, color-mix(in srgb, var(--cyan) 8%, #0b1119), #0a1018);border-radius:11px;margin-top:11px;padding:12px;animation:.25s messageIn}.guide-answer small,.guide-answer b{display:block}.guide-answer small{color:var(--cyan);letter-spacing:.15em;font-size:6px;font-weight:900}.guide-answer b{margin:6px 0;font-size:9px}.guide-answer p{color:#8999a9;margin:0;font-size:8px;line-height:1.55}.follow-list{flex-wrap:wrap;gap:5px;display:flex}.follow-list button{color:#8ea1b2;background:#101923;border:1px solid #283847;border-radius:16px;padding:7px 9px;font-size:7px}.follow-list button span{color:var(--cyan)}.settings-dock{z-index:108;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.settings-launch{color:#a9b8c6;width:48px;height:48px;box-shadow:0 16px 45px #000b, 0 0 24px color-mix(in srgb, var(--cyan) 18%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#111c28ee,#080e15ee);border:1px solid #394857;border-radius:15px;font-size:19px;transition:all .25s}.settings-launch:hover,.settings-dock.open .settings-launch{color:#fff;border-color:var(--cyan);transform:rotate(34deg)translateY(-2px)}.settings-panel{width:310px;box-shadow:0 30px 100px #000, 0 0 45px color-mix(in srgb, var(--cyan) 15%, transparent);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(160deg,#0c131df8,#070b11fa);border:1px solid #304253;border-radius:17px;padding:14px;animation:.3s cubic-bezier(.2,1.2,.3,1) audioIn;position:absolute;bottom:61px;left:50%;transform:translate(-50%)}.settings-panel>header{border-bottom:1px solid #24313e;justify-content:space-between;align-items:center;background:0 0!important;height:auto!important;min-height:0!important;padding:0 0 12px!important;display:flex!important}.settings-panel header div b,.settings-panel header div small{display:block}.settings-panel header b{letter-spacing:.1em;font-size:9px}.settings-panel header small{color:#718294;margin-top:3px;font-size:7px}.settings-panel header button{color:#738497;background:0 0;border:0;font-size:17px}.setting-block{border-bottom:1px solid #202d39;padding:13px 0}.setting-block>span{color:#6e8092;letter-spacing:.14em;margin-bottom:10px;font-size:7px;font-weight:900;display:block}.theme-dots{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.theme-dots button{cursor:pointer;border:3px solid #0a1017;border-radius:50%;justify-self:center;width:31px;height:31px;transition:all .2s;position:relative;box-shadow:0 0 0 1px #354655}.theme-dots button.active{transform:scale(1.12);box-shadow:0 0 0 2px #fff,0 0 17px}.theme-dots button i{display:none}.theme-dots .rainbow-theme-dot{animation:4s linear infinite rainbowThemeSpin}@keyframes rainbowThemeSpin{to{filter:hue-rotate(360deg)}}.setting-block>small{color:#7c8d9f;margin-top:9px;font-size:7px;display:block}.settings-toggles{padding-top:5px}.settings-toggles>button{color:#b7c4d0;text-align:left;background:0 0;border:0;border-bottom:1px solid #1e2a35;justify-content:space-between;align-items:center;width:100%;padding:10px 0;display:flex}.settings-toggles span b,.settings-toggles span small{display:block}.settings-toggles span b{font-size:8px}.settings-toggles span small{color:#66788a;margin-top:3px;font-size:7px}.settings-toggles>button>i{background:#283440;border-radius:20px;width:31px;height:17px;padding:2px}.settings-toggles>button>i u{background:#738293;border-radius:50%;width:13px;height:13px;text-decoration:none;transition:all .2s;display:block}.settings-toggles>button>i.on{background:color-mix(in srgb, var(--cyan) 48%, #17212b)}.settings-toggles>button>i.on u{background:#fff;transform:translate(14px)}.settings-reset{color:#788a9c;background:#101720;border:1px solid #2a3948;border-radius:8px;width:100%;margin-top:12px;padding:9px;font-size:7px;font-weight:900}.radio-volume input{touch-action:pan-x;cursor:pointer;background:linear-gradient(90deg, var(--cyan) var(--radio-level), #293746 var(--radio-level))!important}.radio-volume input::-webkit-slider-thumb{width:18px!important;height:18px!important}.reduce-studio-motion *{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.compact-studio .tool-panel,.compact-studio .inspect{padding-top:14px}.compact-studio .range{margin:12px 0}.compact-studio .dropzone{height:78px;margin-bottom:18px}@media (width<=680px){.settings-dock{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;transform:none}.settings-launch{pointer-events:auto;z-index:2;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:50%;width:54px;height:54px;position:relative}.settings-launch:hover,.settings-dock.open .settings-launch{transform:rotate(28deg)}.settings-panel{left:10px;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 108px - env(safe-area-inset-bottom));overscroll-behavior:contain;pointer-events:auto;z-index:1;-webkit-overflow-scrolling:touch;border-radius:20px;padding:17px;position:fixed;overflow-y:auto;transform:none}.settings-panel>header{border-radius:20px 20px 0 0;z-index:3!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0b1119f2!important;margin:-17px -17px 0!important;padding:16px 17px 13px!important;position:sticky!important;top:-17px!important}.settings-panel header button{touch-action:manipulation;place-items:center;width:42px;height:42px;margin:-8px -8px -8px 0;font-size:22px;display:grid}.theme-dots{justify-content:space-between;gap:8px}.theme-dots button{touch-action:manipulation;width:42px;min-width:42px;height:42px}.settings-toggles>button{touch-action:manipulation;min-height:62px;padding:11px 2px}.settings-toggles span b{font-size:10px}.settings-toggles span small{margin-top:5px;font-size:8px}.settings-toggles>button>i{flex:none;width:42px;height:24px;padding:3px}.settings-toggles>button>i u{width:18px;height:18px}.settings-toggles>button>i.on u{transform:translate(18px)}.settings-reset{touch-action:manipulation;min-height:45px;font-size:9px}.setting-block>span,.setting-block>small{font-size:8px}.guided-panel{height:min(680px,78dvh)!important}.guide-scroll{padding-bottom:18px}.question-list button{min-height:43px}}@media (width<=380px){.settings-panel{padding:14px;left:7px;right:7px}.theme-dots button{width:38px;min-width:38px;height:38px}}.power-setting b em{letter-spacing:.1em;color:var(--cyan);border:1px solid color-mix(in srgb, var(--cyan) 35%, transparent);border-radius:8px;margin-left:5px;padding:2px 5px;font-size:6px;font-style:normal}.power-setting.active{background:linear-gradient(90deg, color-mix(in srgb, var(--cyan) 8%, transparent), transparent)!important}.low-power-studio .dukko-atmosphere,.low-power-studio .copilot-ping,.low-power-studio .audio-main em,.low-power-studio .electricity,.low-power-studio .spark-field,.low-power-studio .energy-ribbon,.low-power-studio .circuit-rail{display:none!important}.low-power-studio *{scroll-behavior:auto!important;transition-duration:80ms!important;animation:none!important}.low-power-studio .result-card,.low-power-studio .tool-panel,.low-power-studio .inspect,.low-power-studio .settings-panel,.low-power-studio .audio-panel,.low-power-studio .chat-panel,.low-power-studio .settings-launch,.low-power-studio .audio-main{-webkit-backdrop-filter:none!important;box-shadow:0 8px 24px #0008!important}.low-power-studio .cover,.low-power-studio .cover:hover{transform:none!important;box-shadow:0 16px 45px #000b!important}.low-power-studio .grain,.low-power-studio [class*=grain],.low-power-studio [class*=glow]{filter:none!important;animation:none!important}.low-power-studio body{background-image:none!important}:root{--theme-ink:#07090e;--theme-panel:#0d1219;--theme-panel-2:#111923;--theme-line:#263544}body{background:color-mix(in srgb, var(--cyan) 4%, #05070b);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{background:radial-gradient(circle at 52% 38%, color-mix(in srgb, var(--cyan) 16%, #0a0d13) 0, color-mix(in srgb, var(--theme-deep) 8%, #080b10) 36%, #05070a 76%)}.dukko-atmosphere{background:radial-gradient(circle at 76% 17%, color-mix(in srgb, var(--cyan) 12%, transparent), transparent 34%), radial-gradient(circle at 7% 87%, color-mix(in srgb, var(--theme-deep) 10%, transparent), transparent 30%)}header{background:color-mix(in srgb, var(--cyan) 2.5%, #080a0eeb);border-color:color-mix(in srgb, var(--cyan) 12%, #202631)}.tool-panel,.inspect{background:color-mix(in srgb, var(--cyan) 2.5%, #0b0f15ed)}.canvas-wrap,.feature-page{background:linear-gradient(145deg, color-mix(in srgb, var(--cyan) 3%, #080b10), #06080c)}.stage{background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--cyan) 10%, transparent), transparent 62%)}.result-card,.prompt-box,.ai-connect,.big-upload,.reference-upload>button:first-child,.chat-panel,.settings-panel,.audio-panel{background:linear-gradient(155deg, color-mix(in srgb, var(--cyan) 6%, #10161f), #080c12)!important;border-color:color-mix(in srgb, var(--cyan) 18%, #273442)!important}.primary,.result-actions .primary,.prompt-box button{background:linear-gradient(135deg, color-mix(in srgb, var(--cyan) 82%, white), var(--theme-deep))!important}.energy-ribbon{background:linear-gradient(transparent, var(--cyan), var(--theme-deep), transparent);filter:drop-shadow(0 0 7px var(--cyan))}.spark-field{background-image:radial-gradient(var(--cyan) 1px, transparent 1.5px)}.circuit-rail{border-color:var(--cyan);background:repeating-linear-gradient(180deg, transparent 0 28px, var(--cyan) 29px 30px, transparent 31px 58px)}.zap,.kicker,.panel-title b,.empty-result div,.music-note{text-shadow:0 0 10px color-mix(in srgb, var(--cyan) 55%, transparent);color:var(--cyan)!important}.logo{opacity:0;width:150px;height:50px}.mobile-electric-logo:after{content:"";background:var(--cyan);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--cyan) 45%, transparent));transition:all .25s;position:absolute;inset:0;-webkit-mask:url(/dukko-studio-logo.png) 50%/contain no-repeat;mask:url(/dukko-studio-logo.png) 50%/contain no-repeat}.mobile-electric-logo:hover:after{background:color-mix(in srgb, var(--cyan) 72%, white);filter:drop-shadow(0 0 15px var(--cyan))}.duck-pop img,.chat-launch img,.chat-panel img{filter:drop-shadow(0 0 9px color-mix(in srgb, var(--cyan) 55%, transparent))}.electric-wrap i{border-color:var(--cyan);filter:drop-shadow(0 0 5px var(--cyan)) drop-shadow(0 0 12px var(--theme-deep))}.feature-copy h1{letter-spacing:.005em;text-transform:none;font-family:UglyHandwriting,cursive;font-weight:500;line-height:.9}.feature-copy h1 em{-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 35px color-mix(in srgb, var(--cyan) 32%, transparent)}.feature-copy>p,.prompt-box textarea,.settings-panel,.tool-panel,.inspect{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.kicker{letter-spacing:.08em;text-transform:none;font-family:UglyHandwriting,cursive;font-size:14px}.empty-result strong,.result-head,.ai-connect-head b{letter-spacing:.08em}.tool-panel,.inspect,.result-card,.prompt-box{box-shadow:0 18px 55px #0006}.dropzone,.input input,.input textarea,.select select,.seg div{background:color-mix(in srgb, var(--cyan) 3%, #111720);border-color:color-mix(in srgb, var(--cyan) 10%, #29323e)}@media (width<=680px){body{background:color-mix(in srgb, var(--cyan) 3%, #070a0e)!important}.canvas-wrap{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--cyan) 12%, #0b1118), #070a0e 68%)!important}.feature-copy h1{font-size:46px!important}.kicker{font-size:12px}.logo{opacity:0!important}}.low-power-studio .app,.low-power-studio .canvas-wrap,.low-power-studio .feature-page{background:#080b10!important}.low-power-studio .mobile-electric-logo:after{filter:none}.dukko-chat,.audio-dock{z-index:120}.dukko-chat.open:before,.audio-dock.open:before{content:"";-webkit-backdrop-filter:blur(8px);z-index:120;background:#02050ac7;animation:.2s modalFade;position:fixed;inset:0}.dukko-chat .chat-panel,.audio-dock .audio-panel{z-index:121;position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important}.dukko-chat .chat-panel{width:min(420px,100vw - 28px)!important;height:min(680px,100dvh - 40px)!important;max-height:calc(100dvh - 40px)!important}.audio-dock .audio-panel{width:min(360px,100vw - 28px)!important}.chat-launch{border-radius:15px;justify-content:center;width:50px;height:50px;padding:4px}.chat-launch>img{width:42px;height:42px}.chat-launch>b,.chat-launch>span:not(.copilot-ping){display:none}.audio-main{border-radius:15px;place-items:center;width:50px;height:50px;padding:0;display:grid}.audio-main>i{margin:0}.audio-main>div,.audio-main>em{display:none}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@media (width<=680px){.dukko-chat{bottom:82px;right:14px}.audio-dock{bottom:82px;left:14px}.dukko-chat .chat-panel{height:min(650px,100dvh - 112px)!important;max-height:calc(100dvh - 112px)!important;top:calc(50% - 22px)!important}.audio-dock .audio-panel{top:calc(50% - 20px)!important}.dukko-chat.open:before,.audio-dock.open:before{-webkit-backdrop-filter:blur(5px)}}.low-power-studio .dukko-chat.open:before,.low-power-studio .audio-dock.open:before{-webkit-backdrop-filter:none!important}@media (width>=681px){.audio-dock{z-index:120;transform:translate(-50%);position:fixed!important;bottom:20px!important;left:calc(50% - 68px)!important;right:auto!important}.dukko-chat{z-index:120;transform:translate(-50%);position:fixed!important;bottom:20px!important;left:calc(50% + 68px)!important;right:auto!important}.settings-dock{bottom:20px!important}.audio-dock .audio-panel,.dukko-chat .chat-panel{transform:translate(-50%,-50%)!important}}header nav button{position:relative}header nav button>small{color:var(--cyan);letter-spacing:.08em;font-size:5px;position:absolute;top:5px;right:5px}.mobile-electric-logo{will-change:transform;color:inherit;cursor:default;background:0 0;border:0;padding:0;animation:4.2s ease-in-out infinite brandHover}@keyframes brandHover{0%,to{transform:translateY(0)rotate(-.15deg)}50%{transform:translateY(-4px)rotate(.25deg)}}.theme-cursor-trail{z-index:9999;pointer-events:none;background:var(--cyan);width:9px;height:9px;box-shadow:0 0 8px var(--cyan), 0 0 18px var(--theme-deep);border-radius:50%;animation:.62s ease-out forwards trailFade;position:fixed;transform:translate(-50%,-50%)}@keyframes trailFade{0%{opacity:.8;scale:1}to{opacity:0;scale:.15}}.stats-soon{text-align:center;background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--cyan) 12%, transparent), transparent 34%);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 76px);padding:40px;animation:.45s enter;display:flex}.stats-soon>p{color:var(--cyan);letter-spacing:.08em;margin:22px 0 8px;font:500 15px UglyHandwriting,cursive}.stats-soon h1{letter-spacing:.01em;margin:0;font:500 clamp(48px,7vw,94px)/.88 UglyHandwriting,cursive}.stats-soon>strong{color:var(--cyan);text-transform:uppercase;letter-spacing:.2em;margin-top:18px;font-size:13px}.stats-soon>small{color:#758496;max-width:440px;margin-top:12px;font-size:10px;line-height:1.6}.stats-orbit{border:1px solid color-mix(in srgb, var(--cyan) 35%, transparent);width:90px;height:90px;box-shadow:0 0 42px color-mix(in srgb, var(--cyan) 18%, transparent);border-radius:50%;place-items:center;display:grid;position:relative}.stats-orbit span{color:var(--cyan);font-size:28px}.stats-orbit i{border:1px solid color-mix(in srgb, var(--cyan) 22%, transparent);border-radius:50%;animation:7s linear infinite statsSpin;position:absolute;inset:-8px}.stats-orbit i:nth-child(2){border-style:dashed;animation-duration:11s;animation-direction:reverse;inset:-18px}.stats-orbit i:nth-child(3){animation-duration:4s;inset:12px}.stats-preview{opacity:.34;justify-content:center;align-items:flex-end;gap:9px;width:min(420px,82vw);height:58px;margin-top:34px;display:flex}.stats-preview span{background:linear-gradient(var(--cyan), var(--theme-deep));border-radius:5px 5px 0 0;width:18%;height:30%}.stats-preview span:nth-child(2){height:65%}.stats-preview span:nth-child(3){height:44%}.stats-preview span:nth-child(4){height:88%}@keyframes statsSpin{to{rotate:360deg}}@media (width<=680px){header nav{grid-template-columns:repeat(4,1fr)!important}.stats-soon{min-height:calc(100dvh - 62px);padding:28px 18px 100px}.stats-soon h1{font-size:52px}.theme-cursor-trail{display:none}.mobile-electric-logo{animation-duration:4.8s}header nav button>small{font-size:4px;top:2px;right:3px}}.no-mouse-trail .theme-cursor-trail{display:none!important}.low-power-studio .mobile-electric-logo,.low-power-studio .stats-orbit i{animation:none!important}.low-power-studio .theme-cursor-trail{animation:.62s ease-out forwards trailFade!important}.sub-font-picker{margin:14px 0 6px;display:block}.colors{grid-template-columns:1fr 1fr}.color>div{gap:7px;height:44px;padding:5px 7px}.color .color-native{cursor:pointer;background:0 0;border:0;border-radius:7px;width:30px;min-width:30px;height:30px;padding:0}.color .color-native::-webkit-color-swatch-wrapper{padding:0}.color .color-native::-webkit-color-swatch{border:1px solid #ffffff35;border-radius:6px}.color .color-native::-moz-color-swatch{border:1px solid #ffffff35;border-radius:6px}.color .color-hex{width:100%;min-width:0;height:31px;color:var(--text);text-transform:uppercase;background:0 0;border:0;outline:0;padding:0 2px;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.color:focus-within>div{border-color:color-mix(in srgb, var(--cyan) 72%, #29313c);box-shadow:0 0 0 3px color-mix(in srgb, var(--cyan) 10%, transparent)}.headline-block h1{transition:font-size .12s,color .12s}.subline{transition:color .12s}@media (width<=680px){.color>div{height:50px}.color .color-native{width:36px;min-width:36px;height:36px}.color .color-hex{font-size:10px}.range input{height:5px}.range input::-webkit-slider-thumb{width:20px;height:20px}html,body,.app{width:100%;max-width:100vw;overflow-x:clip}.app{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.app>header{width:100%;min-width:0}header nav{left:8px!important;right:8px!important;bottom:max(7px, env(safe-area-inset-bottom))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;height:64px!important;padding:5px!important}header nav button{white-space:normal;text-align:center;width:100%;min-width:0;line-height:1.05;gap:3px!important;height:52px!important;padding:4px 2px!important}header nav button i{line-height:1;font-size:13px!important}.settings-dock{width:54px;z-index:110!important;display:block!important;position:fixed!important;inset:4px 9px auto auto!important}.settings-launch{background:color-mix(in srgb, var(--cyan) 7%, #0b1119)!important;box-shadow:0 10px 28px #0009!important}.settings-panel{top:70px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;max-height:none!important}.dukko-chat,.audio-dock{bottom:calc(82px + env(safe-area-inset-bottom))!important}.dukko-chat .chat-panel,.audio-dock .audio-panel{max-width:430px;width:calc(100vw - 20px)!important}.dukko-chat .chat-panel{height:min(650px,100dvh - 124px)!important;top:calc(50% - 30px)!important}.studio-layout,.canvas-wrap,.tool-panel,.inspect,.feature-page,.result-card{width:100%;min-width:0;max-width:100%}.stage{width:100%;height:auto!important;min-height:calc(1.7778*min(88vw,315px) + 28px)!important;padding:14px 10px!important}.cover{aspect-ratio:9/16;width:min(88vw,315px)!important;height:auto!important;max-height:none!important}.tool-panel,.inspect{padding-inline:13px!important}.input input,.input textarea,.select select,.prompt-box textarea,.chat-panel form input{font-size:16px}.dropzone,.big-upload,.primary,.result-actions button,.prompt-box button,.themes button,.seg button{touch-action:manipulation;min-height:44px}.feature-page{padding:28px 13px calc(116px + env(safe-area-inset-bottom))!important}.feature-copy h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(39px,13vw,49px)!important}.result-frame{min-height:390px;height:min(68dvh,560px)!important}.compare{min-height:360px;height:min(62dvh,500px)!important}.generation-options,.colors{min-width:0}.canvas-foot{padding-bottom:env(safe-area-inset-bottom)}}@media (width<=420px){.generation-options{grid-template-columns:1fr!important}.feature-copy h1{font-size:clamp(38px,12vw,46px)!important}}@media (width<=350px){header nav button{font-size:6px!important}header nav button i{font-size:12px!important}.colors,.themes{grid-template-columns:1fr 1fr!important}}.section-reset{border:1px solid color-mix(in srgb, var(--cyan) 16%, #293441);background:color-mix(in srgb, var(--cyan) 3%, #10161e);color:#91a0af;text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:9px;width:100%;min-height:44px;margin:-5px 0 14px;padding:7px 9px;transition:all .2s;display:grid}.section-reset>span{background:color-mix(in srgb, var(--cyan) 10%, #15202b);width:30px;height:30px;color:var(--cyan);border-radius:8px;grid-row:1/3;place-items:center;font-size:14px;display:grid}.section-reset>b,.section-reset>small{min-width:0;display:block}.section-reset>b{color:#c6d2dc;letter-spacing:.06em;align-self:end;font-size:8px}.section-reset>small{color:#617182;align-self:start;margin-top:3px;font-size:7px}.section-reset:hover,.section-reset:focus-visible{border-color:color-mix(in srgb, var(--cyan) 55%, #334353);color:#fff;outline:none}.control-section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.control-section-head>b{color:#7c899a;letter-spacing:.14em;font-size:8px}.control-section-head>button{border:1px solid color-mix(in srgb, var(--cyan) 16%, #2a3542);color:#8291a1;cursor:pointer;background:#101720;border-radius:7px;min-height:30px;padding:5px 8px;font-size:7px;font-weight:900}.control-section-head>button:hover,.control-section-head>button:focus-visible{border-color:color-mix(in srgb, var(--cyan) 55%, #405466);color:#fff;outline:none}.appearance-head{border-top:1px solid #222b36;margin-top:18px;padding-top:15px}.reset-all-design{border:1px solid color-mix(in srgb, var(--cyan) 28%, #2a3542);background:linear-gradient(135deg, color-mix(in srgb, var(--cyan) 8%, #111923), #0d131b);color:#a9b7c4;text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:54px;margin-top:16px;padding:9px 11px;display:grid}.reset-all-design>span{background:color-mix(in srgb, var(--cyan) 14%, #14212d);width:34px;height:34px;color:var(--cyan);border-radius:9px;place-items:center;font-size:16px;display:grid}.reset-all-design b,.reset-all-design small{display:block}.reset-all-design b{color:#e0e9f0;font-size:9px}.reset-all-design small{color:#69798a;margin-top:4px;font-size:7px;line-height:1.35}.reset-all-design:hover,.reset-all-design:focus-visible{border-color:var(--cyan);box-shadow:0 0 22px color-mix(in srgb, var(--cyan) 12%, transparent);outline:none}@media (width<=680px){.section-reset,.reset-transform,.reset-all-design,.control-section-head>button{touch-action:manipulation;min-height:44px}.section-reset{grid-template-columns:38px minmax(0,1fr);padding:8px 10px}.section-reset>span{width:36px;height:36px}.section-reset>b,.reset-all-design b{font-size:10px}.section-reset>small,.reset-all-design small{font-size:8px}.app{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}.app>header{height:58px!important;min-height:58px!important;padding:8px 10px!important}.brand-hover,.mobile-electric-logo{width:104px!important;max-width:104px!important}.logo{width:104px!important}header nav{left:7px!important;right:7px!important;bottom:max(6px, env(safe-area-inset-bottom))!important;border-radius:15px!important;height:58px!important;padding:4px!important}header nav button{height:48px!important;min-height:48px!important;font-size:6.5px!important;line-height:1.05!important}header nav button i{font-size:12px!important}.audio-dock,.dukko-chat,.settings-dock{z-index:110!important;width:42px!important;height:42px!important;position:fixed!important;top:8px!important;bottom:auto!important;left:auto!important;transform:none!important}.audio-dock{right:104px!important}.dukko-chat{right:56px!important}.settings-dock{right:8px!important}.audio-main,.chat-launch,.settings-launch{border-radius:12px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:3px!important;box-shadow:0 8px 24px #000a!important}.audio-main>i{border-radius:9px!important;width:34px!important;height:34px!important;font-size:14px!important}.chat-launch>img{width:35px!important;height:35px!important}.settings-panel{top:66px!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;width:auto!important;left:8px!important;right:8px!important}.dukko-chat .chat-panel,.audio-dock .audio-panel{width:calc(100vw - 16px)!important;max-width:430px!important;inset:calc(50% - 18px) auto auto 50%!important;transform:translate(-50%,-50%)!important}.dukko-chat .chat-panel{height:min(620px,100dvh - 142px)!important;max-height:calc(100dvh - 142px)!important}.audio-dock .audio-panel{overflow-y:auto;max-height:calc(100dvh - 142px)!important}.studio-layout{min-height:0!important;padding-bottom:0!important}.stage{min-height:calc(1.7778*min(82vw,300px) + 24px)!important;padding:12px 8px!important}.cover{width:min(82vw,300px)!important}.canvas-wrap{min-height:0!important}.canvas-head{gap:6px;min-width:0;height:42px!important;padding:0 9px!important}.canvas-head>div:first-child{letter-spacing:.08em;min-width:0;font-size:6px}.crop-switch{flex:none;margin-left:auto!important;margin-right:0!important}.crop-switch button{min-height:32px;padding:5px!important}.canvas-foot{flex-wrap:wrap;min-height:38px;height:auto!important;padding:9px 10px!important}.tool-panel,.inspect{padding:18px 12px 24px!important;overflow:visible!important}.layer-stack,.colors,.themes,.generation-options,.forecast-controls,.forecast-numbers{max-width:100%;overflow:hidden}.feature-page,.stats-welcome,.stats-dashboard{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}}@media (width<=360px){.brand-hover,.mobile-electric-logo,.logo{width:92px!important;max-width:92px!important}.audio-dock{right:100px!important}.dukko-chat{right:54px!important}.settings-dock{right:8px!important}.audio-main,.chat-launch,.settings-launch,.audio-dock,.dukko-chat,.settings-dock{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}.cover{width:min(80vw,286px)!important}}@media (width<=680px){.app{padding-bottom:calc(138px + env(safe-area-inset-bottom))!important;position:relative!important}.audio-dock,.dukko-chat,.settings-dock{top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;margin:0!important;position:absolute!important;transform:none!important}.audio-dock{left:auto!important;right:104px!important}.dukko-chat{left:auto!important;right:56px!important}.settings-dock{left:auto!important;right:8px!important}.feature-page,.stats-welcome,.stats-dashboard{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}.settings-panel,.dukko-chat .chat-panel,.audio-dock .audio-panel,.dukko-chat.open:before,.audio-dock.open:before{position:fixed!important}}@media (width<=360px){.audio-dock{right:98px!important}.dukko-chat{right:53px!important}.settings-dock{right:8px!important}}@media (width>=681px){.settings-dock{z-index:130!important;inset:14px 20px auto auto!important;transform:none!important}.settings-panel{inset:60px 0 auto auto!important;transform:none!important}.app>header .header-badge{padding-right:62px}.settings-dock.open,.dukko-chat.open,.audio-dock.open{z-index:400!important}.dukko-chat.open,.audio-dock.open{transform:none!important}.settings-dock.open:before,.dukko-chat.open:before,.audio-dock.open:before{content:"";-webkit-backdrop-filter:blur(10px);background:#02050ad4;z-index:0!important;position:fixed!important;inset:0!important}.settings-dock.open>.settings-launch,.dukko-chat.open>.chat-launch,.audio-dock.open>.audio-main{opacity:0;pointer-events:none}.settings-panel,.dukko-chat .chat-panel,.audio-dock .audio-panel{z-index:1!important;margin:0!important;position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important}.settings-panel{max-height:calc(100vh - 70px);overflow-y:auto;width:min(360px,100vw - 48px)!important}.dukko-chat .chat-panel{width:min(410px,100vw - 48px)!important;height:min(650px,100vh - 70px)!important}.audio-dock .audio-panel{width:min(330px,100vw - 48px)!important}.settings-panel header button,.dukko-chat .chat-panel>header button,.audio-dock .audio-panel>div:first-child button{cursor:pointer;border-radius:10px;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.settings-panel header button:hover,.dukko-chat .chat-panel>header button:hover,.audio-dock .audio-panel>div:first-child button:hover{color:#fff;background:#ffffff0d}.brand-hover .duck-pop{transform-origin:0!important;top:50%!important;left:calc(100% + 10px)!important;right:auto!important;transform:translate(-12px,-50%)scale(.65)rotate(-8deg)!important}.brand-hover:hover .duck-pop{transform:translateY(-50%)scale(1)rotate(0)!important}}.stats-welcome{background:radial-gradient(circle at 78% 40%, color-mix(in srgb, var(--cyan) 12%, transparent), transparent 28%);grid-template-columns:minmax(450px,1.05fr) minmax(360px,.75fr);align-items:center;gap:8vw;min-height:calc(100vh - 76px);padding:7vh 8vw;display:grid}.stats-access-screen{background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--cyan) 17%, transparent), transparent 30%), linear-gradient(150deg, #080d15, #05070c 62%);isolation:isolate;place-items:center;min-height:calc(100vh - 76px);padding:42px 18px;display:grid;position:relative;overflow:hidden}.stats-lock-grid{opacity:.22;background-image:linear-gradient(color-mix(in srgb, var(--cyan) 16%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--cyan) 16%, transparent) 1px, transparent 1px);background-size:54px 54px;animation:14s linear infinite statsGridDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 36%,#0000 75%);mask-image:radial-gradient(circle,#000 0 36%,#0000 75%)}.stats-access-screen:before,.stats-access-screen:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.stats-access-screen:before{border:1px solid color-mix(in srgb, var(--cyan) 18%, transparent);width:500px;height:500px;box-shadow:0 0 80px color-mix(in srgb, var(--cyan) 8%, transparent), inset 0 0 80px color-mix(in srgb, var(--cyan) 5%, transparent);animation:5s ease-in-out infinite statsRingPulse}.stats-access-screen:after{background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:680px;height:1px;box-shadow:0 0 22px var(--cyan);opacity:.3;animation:4.5s ease-in-out infinite statsSecurityScan}.stats-access-orb{border:1px solid color-mix(in srgb, var(--cyan) 65%, transparent);width:72px;height:72px;color:var(--cyan);box-shadow:0 0 35px color-mix(in srgb, var(--cyan) 30%, transparent), inset 0 0 24px color-mix(in srgb, var(--cyan) 12%, transparent);z-index:2;background:linear-gradient(145deg,#112337,#09111c);border-radius:22px;place-items:center;animation:3s ease-in-out infinite statsOrbFloat;display:grid;position:absolute;top:calc(50% - 265px);left:50%;translate:-50%}.stats-access-orb span{text-shadow:0 0 15px var(--cyan);font-size:25px;font-weight:900}.stats-access-orb i{border:1px solid color-mix(in srgb, var(--cyan) 35%, transparent);border-radius:28px;animation:2.4s ease-out infinite statsOrbSignal;position:absolute;inset:-8px}.stats-access-orb i:nth-of-type(2){animation-delay:.8s}.stats-access-orb i:nth-of-type(3){animation-delay:1.6s}.stats-access-card{z-index:3;border:1px solid color-mix(in srgb, var(--cyan) 22%, #263444);width:min(100%,480px);box-shadow:0 42px 120px #000c, 0 0 55px color-mix(in srgb, var(--cyan) 10%, transparent), inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#101722f2,#090e16f5);border-radius:25px;padding:50px 42px 34px;animation:.7s cubic-bezier(.2,.9,.2,1) both statsCardEnter;position:relative}.stats-access-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);height:1px;box-shadow:0 0 14px var(--cyan);position:absolute;inset:0 20% auto}.stats-access-kicker{color:var(--cyan);letter-spacing:.2em;font-size:8px;font-weight:950}.stats-access-card h1{letter-spacing:-.035em;margin:18px 0 15px;font:500 48px/.88 UglyHandwriting,cursive}.stats-access-card h1 em{color:#0000;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 25px color-mix(in srgb, var(--cyan) 25%, transparent);font-style:normal}.stats-access-card>p{color:#8492a2;margin:0 0 27px;font-size:11px;line-height:1.65}.stats-access-card label>span{color:#718093;letter-spacing:.16em;margin-bottom:7px;font-size:7px;font-weight:950;display:block}.stats-access-card label>div{background:#090f17;border:1px solid #2a3949;border-radius:12px;grid-template-columns:38px 1fr 54px;align-items:center;height:54px;transition:border-color .25s,box-shadow .25s,transform .25s;display:grid}.stats-access-card label>div:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb, var(--cyan) 9%, transparent), 0 0 25px color-mix(in srgb, var(--cyan) 10%, transparent);transform:translateY(-1px)}.stats-access-card label b{color:var(--cyan);place-items:center;font-size:17px;display:grid}.stats-access-card input{color:#fff;letter-spacing:.06em;background:0 0;border:0;outline:0;min-width:0;height:100%;font-size:13px;font-weight:800}.stats-access-card label button{color:#8191a2;cursor:pointer;background:#162230;border:0;border-radius:7px;height:28px;margin-right:7px;font-size:6px;font-weight:950}.stats-access-error{color:#ff7588;margin:9px 2px -3px;font-size:8px;animation:.25s statsErrorIn;display:block}.stats-unlock-button{color:#031017;background:linear-gradient(115deg, var(--cyan), color-mix(in srgb, var(--cyan) 55%, #fff));width:100%;height:50px;box-shadow:0 15px 38px color-mix(in srgb, var(--cyan) 19%, transparent);cursor:pointer;border:0;border-radius:11px;justify-content:space-between;align-items:center;margin-top:18px;padding:0 10px 0 17px;transition:transform .2s,filter .2s,box-shadow .2s;display:flex}.stats-unlock-button:hover{filter:brightness(1.08);box-shadow:0 20px 45px color-mix(in srgb, var(--cyan) 28%, transparent);transform:translateY(-2px)}.stats-unlock-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.stats-unlock-button b{letter-spacing:.1em;font-size:9px}.stats-unlock-button>span{background:#06131d22;border-radius:8px;place-items:center;width:31px;height:31px;font-size:18px;display:grid}.stats-session-note{color:#586779;text-align:center;letter-spacing:.08em;margin-top:18px;font-size:7px;display:block}.stats-access-card.denied{border-color:#ff597066;animation:.36s statsDenied}.stats-button-spinner{border:2px solid #06141d33;border-top-color:#06141d;border-radius:50%;width:14px;height:14px;animation:.65s linear infinite statsSpin}.stats-access-screen.checking{color:#8393a5;letter-spacing:.18em;align-content:center;gap:14px;font-size:8px}.stats-access-loader{gap:7px;display:flex}.stats-access-loader i{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 12px var(--cyan);border-radius:50%;animation:1s ease-in-out infinite statsLoader}.stats-access-loader i:nth-child(2){animation-delay:.14s}.stats-access-loader i:nth-child(3){animation-delay:.28s}.stats-access-content{animation:.7s cubic-bezier(.2,.9,.2,1) both statsUnlockReveal;position:relative}.stats-unlock-flash{z-index:200;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--cyan) 35%, white), transparent 58%);animation:.8s ease-out forwards statsUnlockFlash;position:fixed;inset:0}@keyframes statsGridDrift{to{background-position:54px 54px}}@keyframes statsRingPulse{50%{opacity:.55;scale:1.06}}@keyframes statsSecurityScan{0%,to{opacity:0;translate:0 -280px}35%,65%{opacity:.35}50%{translate:0 280px}}@keyframes statsOrbFloat{50%{transform:translateY(-8px)}}@keyframes statsOrbSignal{to{opacity:0;border-radius:38px;inset:-34px}}@keyframes statsCardEnter{0%{opacity:0;filter:blur(8px);transform:translateY(22px)scale(.96)}}@keyframes statsErrorIn{0%{opacity:0;translate:0 -4px}}@keyframes statsDenied{25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}@keyframes statsLoader{50%{opacity:.45;transform:translateY(-7px)}}@keyframes statsUnlockReveal{0%{opacity:0;filter:blur(8px);transform:scale(.985)}}@keyframes statsUnlockFlash{0%{opacity:.9}to{opacity:0;visibility:hidden}}@media (width<=680px){.stats-access-screen{min-height:calc(100dvh - 62px);padding:88px 14px 95px}.stats-access-screen:before{width:330px;height:330px}.stats-access-screen:after{width:430px}.stats-access-orb{border-radius:19px;width:62px;height:62px;top:48px}.stats-access-card{border-radius:21px;padding:40px 20px 27px}.stats-access-card h1{font-size:41px}.stats-access-card>p{font-size:10px}}@media (prefers-reduced-motion:reduce){.stats-lock-grid,.stats-access-screen:before,.stats-access-screen:after,.stats-access-orb,.stats-access-orb i,.stats-access-loader i,.stats-access-card,.stats-unlock-flash,.stats-access-content{animation:none!important}}.stats-welcome-copy{max-width:670px}.stats-welcome h1{margin:22px 0;font:500 clamp(52px,6vw,88px)/.86 UglyHandwriting,cursive}.stats-welcome h1 em{color:#0000;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 35px color-mix(in srgb, var(--cyan) 25%, transparent);font-style:normal}.stats-welcome-copy>p{color:#8c9aaa;font-size:13px;line-height:1.7}.username-search{border:1px solid color-mix(in srgb, var(--cyan) 22%, #2a3542);background:#0b1119;border-radius:15px;grid-template-columns:42px 1fr auto;align-items:center;min-height:60px;margin-top:28px;display:grid;overflow:hidden;box-shadow:0 22px 65px #0008}.username-search>b{color:var(--cyan);place-items:center;font-size:20px;display:grid}.username-search input{color:#f2f7fb;background:0 0;border:0;outline:0;min-width:0;height:100%;font-size:15px;font-weight:800}.username-search button{background:linear-gradient(135deg, var(--cyan), var(--theme-deep));color:#041018;border:0;border-radius:9px;height:42px;margin-right:8px;padding:0 18px;font-size:9px;font-weight:950}.stats-trust{color:color-mix(in srgb, var(--cyan) 60%, #8998a8);flex-wrap:wrap;gap:18px;margin-top:20px;font-size:8px;font-weight:800;display:flex}.data-note{color:#596879;margin-top:24px;font-size:8px;line-height:1.6;display:block}.stats-demo-card{border:1px solid color-mix(in srgb, var(--cyan) 18%, #283441);background:linear-gradient(155deg, color-mix(in srgb, var(--cyan) 7%, #111823), #070b11);height:460px;box-shadow:0 50px 130px #000a, 0 0 60px color-mix(in srgb, var(--cyan) 10%, transparent);border-radius:28px;padding:24px;animation:5s ease-in-out infinite cardFloat}.stats-demo-card header{letter-spacing:.15em;color:#718294;justify-content:space-between;font-size:8px;display:flex}.stats-demo-card header b{color:var(--cyan);font-size:18px}.mini-score{align-items:flex-end;gap:10px;margin:55px 0 30px;display:flex}.mini-score strong{font:500 80px/.72 UglyHandwriting,cursive}.mini-score span{letter-spacing:.12em;color:#68798c;font-size:7px}.mini-bars{align-items:flex-end;gap:7px;height:150px;display:flex}.mini-bars i{background:linear-gradient(var(--cyan), var(--theme-deep));opacity:.72;border-radius:4px 4px 0 0;flex:1}.mini-metrics{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px;display:grid}.mini-metrics span{color:#647487;border:1px solid #24313e;border-radius:10px;padding:10px;font-size:7px}.mini-metrics b{color:#fff;font-size:14px;display:block}.stats-error{color:#ff8895;background:#ff59690c;border:1px solid #ff596933;border-radius:8px;margin-top:12px;padding:10px;font-size:9px}.template-download{color:#8fa0b0;background:#0e151d;border:1px solid #2a3947;border-radius:8px;margin-top:17px;padding:9px 12px;font-size:8px;font-weight:900}.manual-import-card{border:1px solid color-mix(in srgb, var(--cyan) 20%, #2a3542);background:linear-gradient(145deg, color-mix(in srgb, var(--cyan) 5%, #0d141d), #090e15);border-radius:15px;grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;margin-top:16px;padding:14px;display:grid;box-shadow:0 18px 55px #0005}.manual-import-head{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.manual-import-head>span{background:color-mix(in srgb, var(--cyan) 12%, #111b24);width:30px;height:30px;color:var(--cyan);border-radius:8px;place-items:center;font-size:8px;font-weight:950;display:grid}.manual-import-head b,.manual-import-head small,.manual-upload-button b,.manual-upload-button small{display:block}.manual-import-head b{color:#d9e3ec;letter-spacing:.08em;font-size:8px}.manual-import-head small{color:#68798a;margin-top:4px;font-size:7px;line-height:1.4}.manual-import-card .template-download{color:#d9f8ff;border-color:color-mix(in srgb, var(--cyan) 35%, #2a3947);min-width:155px;min-height:44px;margin:0}.manual-upload-button{text-align:left;color:#041018;background:linear-gradient(135deg, var(--cyan), var(--theme-deep));cursor:pointer;border:0;border-radius:9px;align-items:center;gap:10px;min-width:155px;min-height:50px;padding:8px 12px;display:flex}.manual-upload-button>i{background:#ffffff45;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-style:normal;font-weight:950;display:grid}.manual-upload-button b{font-size:9px}.manual-upload-button small{opacity:.7;margin-top:3px;font-size:7px}.stats-dashboard{background:linear-gradient(145deg, color-mix(in srgb, var(--cyan) 3%, #080b10), #06080c);min-height:calc(100vh - 76px);padding:22px 26px 100px}.stats-topbar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;align-items:center!important;gap:20px!important;height:62px!important;padding:0!important;display:flex!important;position:relative!important}.profile-chip{align-items:center;gap:10px;margin-right:auto;display:flex}.profile-chip>span{background:color-mix(in srgb, var(--cyan) 15%, #111b25);border:1px solid color-mix(in srgb, var(--cyan) 35%, #273544);width:38px;height:38px;color:var(--cyan);border-radius:11px;place-items:center;font-weight:900;display:grid}.profile-chip b,.profile-chip small{display:block}.profile-chip b{font-size:12px}.profile-chip small{color:#66788b;letter-spacing:.12em;margin-top:4px;font-size:6px}.range-tabs{background:#0d131b;border:1px solid #242f3b;border-radius:9px;padding:3px;display:flex}.range-tabs button{color:#617286;background:0 0;border:0;border-radius:6px;padding:8px 12px;font-size:7px;font-weight:900}.range-tabs button.active{background:color-mix(in srgb, var(--cyan) 16%, #17212c);color:#fff}.stats-top-actions{gap:7px;display:flex}.stats-top-actions button{color:#90a0b0;background:#101720;border:1px solid #293746;border-radius:8px;padding:9px 12px;font-size:7px;font-weight:900}.source-banner{background:#1bd68709;border:1px solid #43d99d35;border-radius:10px;align-items:center;gap:12px;min-height:44px;margin-bottom:14px;padding:8px 12px;display:flex}.source-banner.demo{background:#ffbd2410;border-color:#ffcb6238}.source-banner>span{color:#6de6ae;letter-spacing:.13em;font-size:7px;font-weight:950}.source-banner.demo>span{color:#ffd36b}.source-banner p{color:#758698;margin:0;font-size:8px}.source-banner button{color:#0a1018;background:#fff;border:0;border-radius:7px;margin-left:auto;padding:7px 10px;font-size:7px;font-weight:900}.metric-grid{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.metric-card,.analytics-card{border:1px solid color-mix(in srgb, var(--cyan) 9%, #27313d);background:linear-gradient(155deg, color-mix(in srgb, var(--cyan) 3.5%, #10161e), #0a0e14);border-radius:14px;box-shadow:0 16px 45px #0004}.metric-card{min-height:125px;padding:14px;position:relative}.metric-card>span{color:var(--cyan);position:absolute;top:11px;right:12px}.metric-card small,.metric-card strong,.metric-card i{display:block}.metric-card small{color:#68798a;text-transform:uppercase;font-size:7px}.metric-card strong{margin-top:18px;font:500 28px/1 UglyHandwriting,cursive}.metric-card i{color:#526273;margin-top:9px;font-size:6px;font-style:normal}.stats-main-grid{grid-template-columns:minmax(0,2.35fr) minmax(230px,.65fr);gap:10px;margin-top:10px;display:grid}.analytics-card{padding:17px}.analytics-card>header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;justify-content:space-between!important;align-items:flex-start!important;height:auto!important;min-height:38px!important;padding:0!important;display:flex!important}.analytics-card>header span,.analytics-card>header b{display:block}.analytics-card>header span{color:var(--cyan);letter-spacing:.16em;font-size:6px;font-weight:900}.analytics-card>header b{margin-top:5px;font-size:11px}.analytics-card>header em{color:#718294;font-size:7px;font-style:normal}.trend-chart{height:250px;margin-top:10px}.trend-chart svg{width:100%;height:220px;overflow:visible}.trend-chart line{stroke:#27323d}.trend-chart polyline{fill:none;stroke:var(--cyan);stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px var(--cyan))}.chart-axis{color:#506173;justify-content:space-between;font-size:6px;display:flex}.health-card{text-align:center}.health-ring{--health:50%;background:radial-gradient(circle, #0c1118 57%, transparent 59%), conic-gradient(var(--cyan) var(--health), #1e2934 0);border-radius:50%;place-content:center;width:130px;height:130px;margin:4px auto 9px;display:grid}.health-ring strong{font:500 42px/.8 UglyHandwriting,cursive}.health-ring small{color:#627486;font-size:7px}.health-card>p{font-size:9px;font-weight:900}.health-row{color:#66788b;border-top:1px solid #202c37;justify-content:space-between;padding:8px 2px;font-size:7px;display:flex}.health-row b{color:#b8c6d3}.stats-lower-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.forecast-controls{grid-template-columns:1fr 1fr;gap:9px;display:grid}.forecast-controls label>span{color:#627385;margin-bottom:5px;font-size:6px;font-weight:900;display:block}.forecast-controls select{color:#c4d0db;background:#0d141d;border:1px solid #293644;border-radius:8px;width:100%;padding:9px;font-size:8px}.forecast-numbers{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.forecast-numbers>div{background:#0b1118;border:1px solid #263441;border-radius:10px;padding:12px}.forecast-numbers small,.forecast-numbers strong,.forecast-numbers span{display:block}.forecast-numbers small{color:#68798a;font-size:7px}.forecast-numbers strong{margin:12px 0 7px;font:500 28px/1 UglyHandwriting,cursive}.forecast-numbers span{color:var(--cyan);font-size:6px}.forecast-note{color:#596a7b;font-size:7px}.coach-list{gap:7px;display:grid}.coach-list>div{background:#0c121a;border:1px solid #263440;border-radius:9px;grid-template-columns:31px 1fr;gap:9px;padding:9px;display:grid}.coach-list>div>span{background:color-mix(in srgb, var(--cyan) 12%, #111b24);width:27px;height:27px;color:var(--cyan);border-radius:7px;place-items:center;font-size:7px;display:grid}.coach-list p{color:#93a2b1;margin:0;font-size:8px;line-height:1.5}@keyframes cardFloat{50%{transform:translateY(-7px)}}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.stats-main-grid,.stats-welcome{grid-template-columns:1fr}.stats-demo-card{display:none}}@media (width<=680px){.stats-welcome{min-height:calc(100dvh - 62px);padding:32px 14px calc(126px + env(safe-area-inset-bottom));display:block}.stats-welcome h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(43px,14vw,56px);line-height:.9}.stats-welcome-copy>p{font-size:11px;line-height:1.6}.username-search{grid-template-columns:35px 1fr;padding:7px}.username-search input{min-height:42px;font-size:16px}.username-search button{grid-column:1/-1;width:100%;min-height:44px;margin:7px 0 0}.manual-import-card{grid-template-columns:1fr;gap:11px;padding:13px}.manual-import-card .template-download,.manual-upload-button{width:100%;min-width:0}.manual-import-card .template-download{margin-bottom:5px}.stats-trust{gap:9px 14px}.stats-dashboard{width:100%;max-width:100vw;min-height:calc(100dvh - 62px);padding:12px 10px calc(126px + env(safe-area-inset-bottom));overflow-x:hidden}.stats-topbar{margin-bottom:10px;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;height:auto!important;display:grid!important}.profile-chip{width:100%;min-width:0;margin:0}.profile-chip>div{min-width:0}.profile-chip small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.range-tabs{grid-column:auto;width:100%}.range-tabs button{flex:1;min-height:40px}.stats-top-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.stats-top-actions button,.live-source-link{text-align:center;place-items:center;min-width:0;min-height:42px;padding:8px 6px;display:grid}.source-banner{flex-wrap:wrap;align-items:flex-start;padding:11px}.source-banner button{margin-left:0}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{min-width:0;min-height:112px;padding:13px 11px}.metric-card strong{font-size:25px}.stats-main-grid,.stats-lower-grid{display:block}.analytics-card{margin-top:10px;padding:14px 12px;overflow:hidden}.trend-chart{height:210px}.trend-chart svg{height:180px}.forecast-controls,.forecast-numbers{grid-template-columns:1fr}.forecast-controls select{min-height:44px}.coach-list>div{grid-template-columns:28px minmax(0,1fr)}.live-stats-dashboard .stats-top-actions{grid-template-columns:1fr 1fr}}@media (width<=370px){.stats-dashboard{padding-inline:8px}.stats-top-actions{grid-template-columns:1fr 1fr}.stats-top-actions button:last-child{grid-column:1/-1}.metric-card strong{font-size:22px}}.low-power-studio .stats-demo-card{animation:none}.low-power-studio .trend-chart polyline{filter:none}.preview-link{color:#71869a;text-underline-offset:3px;background:0 0;border:0;margin-top:10px;font-size:8px;text-decoration:underline}.username-search button:disabled{opacity:.58;cursor:wait}.live-profile-chip img{object-fit:cover;border:1px solid color-mix(in srgb, var(--cyan) 35%, #273544);border-radius:11px;width:38px;height:38px}.live-source-link{border:1px solid color-mix(in srgb, var(--cyan) 25%, #293746);background:color-mix(in srgb, var(--cyan) 7%, #101720);color:var(--cyan);border-radius:8px;padding:9px 12px;font-size:7px;font-weight:900;text-decoration:none}.live-source-banner{border-color:color-mix(in srgb, var(--cyan) 30%, #274050);background:color-mix(in srgb, var(--cyan) 6%, #0c141c)}.single-control{grid-template-columns:minmax(180px,280px)}.generator-lock-screen{isolation:isolate;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--cyan) 15%, transparent), transparent 31%), linear-gradient(155deg, #070d17, #03060b 68%);place-items:center;min-height:calc(100dvh - 76px);padding:52px 24px 120px;display:grid;position:relative;overflow:hidden}.generator-lock-grid{z-index:-3;opacity:.2;background-image:linear-gradient(color-mix(in srgb, var(--cyan) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--cyan) 14%, transparent) 1px, transparent 1px);background-size:58px 58px;animation:18s linear infinite generatorGridMove;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 34%,#0000 72%);mask-image:radial-gradient(circle,#000 0 34%,#0000 72%)}.generator-lock-aura{aspect-ratio:1;z-index:-2;border:1px solid color-mix(in srgb, var(--cyan) 16%, transparent);width:min(72vw,700px);box-shadow:0 0 85px color-mix(in srgb, var(--cyan) 7%, transparent), inset 0 0 85px color-mix(in srgb, var(--cyan) 5%, transparent);border-radius:50%;animation:5s ease-in-out infinite generatorAuraPulse;position:absolute}.generator-lock-aura:before,.generator-lock-aura:after{content:"";border:1px dashed color-mix(in srgb, var(--cyan) 17%, transparent);border-radius:inherit;animation:28s linear infinite generatorAuraSpin;position:absolute;inset:11%}.generator-lock-aura:after{border-style:solid;animation-duration:18s;animation-direction:reverse;inset:24%}.generator-wip-message{z-index:2;text-align:center;justify-items:center;animation:.75s cubic-bezier(.2,.9,.2,1) both generatorMessageIn;display:grid;position:relative}.generator-lock-mark{border:1px solid color-mix(in srgb, var(--cyan) 55%, transparent);width:76px;height:76px;color:var(--cyan);box-shadow:0 0 42px color-mix(in srgb, var(--cyan) 24%, transparent), inset 0 1px #ffffff14;background:linear-gradient(145deg,#112237,#08111d);border-radius:24px;place-items:center;margin-bottom:28px;display:grid;position:relative}.generator-lock-mark span{text-shadow:0 0 17px var(--cyan);font-size:31px;font-weight:950}.generator-lock-mark i{border:1px solid color-mix(in srgb, var(--cyan) 28%, transparent);border-radius:30px;animation:2.6s ease-out infinite generatorSignal;position:absolute;inset:-9px}.generator-lock-mark i:last-child{animation-delay:1.3s}.generator-wip-kicker{color:var(--cyan);letter-spacing:.24em;font-size:9px;font-weight:950}.generator-wip-message h1{color:#f6fbff;letter-spacing:-.045em;text-shadow:0 22px 60px #000c;margin:17px 0 7px;font:500 clamp(58px,9vw,110px)/.78 UglyHandwriting,cursive}.generator-wip-message p{color:#8d9baa;letter-spacing:.32em;margin:14px 0 17px;font-size:10px;font-weight:900}.generator-wip-message em{border:1px solid color-mix(in srgb, var(--cyan) 35%, transparent);color:var(--cyan);background:color-mix(in srgb, var(--cyan) 8%, #07101a);box-shadow:0 0 24px color-mix(in srgb, var(--cyan) 10%, transparent);letter-spacing:.18em;border-radius:999px;padding:7px 13px;font-size:8px;font-style:normal;font-weight:950}.generator-corner-access{left:max(22px, env(safe-area-inset-left));bottom:max(22px, calc(env(safe-area-inset-bottom) + 10px));z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080e16e8;border:1px solid #263445;border-radius:14px;width:min(290px,100% - 44px);padding:13px;position:absolute;box-shadow:0 18px 55px #0009,inset 0 1px #ffffff0a}.generator-corner-access>label{color:#667589;letter-spacing:.17em;margin:0 0 7px 2px;font-size:7px;font-weight:950;display:block}.generator-corner-access>div{background:#050a10;border:1px solid #293747;border-radius:9px;grid-template-columns:minmax(0,1fr) 39px;height:41px;transition:border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.generator-corner-access>div:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb, var(--cyan) 8%, transparent)}.generator-corner-access input{color:#fff;background:0 0;border:0;outline:0;min-width:0;padding:0 12px;font-size:11px;font-weight:800}.generator-corner-access input::placeholder{color:#526072}.generator-corner-access button{color:#06131b;background:var(--cyan);cursor:pointer;border:0;border-radius:6px;place-items:center;margin:5px;font-size:16px;font-weight:950;display:grid}.generator-corner-access button:disabled{opacity:.3;cursor:not-allowed}.generator-corner-access button i{border:2px solid #06131b55;border-top-color:#06131b;border-radius:50%;width:13px;height:13px;animation:.65s linear infinite generatorSpin}.generator-corner-access>small{color:#ff7889;margin:8px 2px 0;font-size:8px;display:block}.generator-corner-access.denied{border-color:#ff647b66;animation:.36s generatorDenied}.generator-access-content{animation:.55s ease-out both generatorUnlockIn;position:relative}.generator-unlock-flash{z-index:200;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--cyan) 30%, white), transparent 58%);animation:.72s ease-out forwards generatorUnlockFlash;position:fixed;inset:0}@keyframes generatorGridMove{to{background-position:58px 58px}}@keyframes generatorAuraPulse{50%{opacity:.62;scale:1.04}}@keyframes generatorAuraSpin{to{rotate:360deg}}@keyframes generatorSignal{to{opacity:0;border-radius:42px;inset:-36px}}@keyframes generatorMessageIn{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.97)}}@keyframes generatorDenied{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes generatorSpin{to{rotate:360deg}}@keyframes generatorUnlockIn{0%{opacity:0;filter:blur(7px)}}@keyframes generatorUnlockFlash{0%{opacity:.85}to{opacity:0;visibility:hidden}}@media (width<=680px){.generator-lock-screen{min-height:calc(100dvh - 62px);padding:44px 18px 130px}.generator-lock-aura{width:125vw}.generator-lock-mark{border-radius:21px;width:66px;height:66px;margin-bottom:24px}.generator-wip-message h1{font-size:clamp(58px,19vw,80px)}.generator-wip-message p{letter-spacing:.24em;font-size:8px}.generator-corner-access{left:max(14px, env(safe-area-inset-left));bottom:max(14px, calc(env(safe-area-inset-bottom) + 8px));width:min(280px,100% - 28px)}}@media (prefers-reduced-motion:reduce){.generator-lock-grid,.generator-lock-aura,.generator-lock-aura:before,.generator-lock-aura:after,.generator-lock-mark i,.generator-wip-message,.generator-corner-access,.generator-access-content,.generator-unlock-flash{animation:none!important}}.text-layer-add{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#111824,#0d121a);border:1px solid #2b3745;border-radius:11px;grid-template-columns:34px 1fr 22px;align-items:center;gap:9px;width:100%;min-height:54px;margin:-15px 0 24px;padding:9px 10px;transition:all .25s;display:grid}.layer-stack{margin:-12px 0 24px;max-width:none!important;display:block!important;overflow:visible!important}.layer-stack-head{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.layer-stack-head span{color:#697586;letter-spacing:.14em;font-size:7px;font-weight:900}.layer-stack-head small{color:#4f6071;letter-spacing:.09em;font-size:5px;font-weight:900}.layer-row{background:#101720;border:1px solid #263341;border-radius:9px;grid-template-columns:minmax(0,1fr) 48px 27px;align-items:center;gap:4px;min-width:0;margin:5px 0;padding:4px;transition:border-color .2s,background .2s;display:grid}.layer-row.active{background:#142330;border-color:#3d718e;box-shadow:inset 0 0 0 1px #55d8ff16}.layer-stack .layer-select{color:#8a95a5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:5px;width:auto;min-width:0;min-height:39px;margin:0;padding:5px 6px;display:grid}.layer-stack .layer-select:hover{color:#fff;box-shadow:none;background:#ffffff06;border:0;transform:none}.layer-select>i{color:var(--cyan);letter-spacing:.02em;font-size:6px;font-style:normal;font-weight:900}.layer-select>span{min-width:0;display:block}.layer-select b,.layer-select small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.layer-select b{color:#d5dee6;font-size:8px}.layer-select small{color:#647486;text-transform:uppercase;margin-top:3px;font-size:5px;font-weight:800}.layer-stepper{grid-template-columns:1fr 1fr;gap:3px;display:grid}.layer-stack .layer-stepper button,.layer-stack .layer-delete{color:#9aabba;cursor:pointer;text-align:center;background:#151e28;border:1px solid #2d3c4b;border-radius:6px;place-items:center;width:100%;min-width:0;height:31px;margin:0;padding:0;font-size:12px;font-weight:900;display:grid}.layer-stack .layer-stepper button:hover:not(:disabled){border-color:var(--cyan);color:#fff;background:#183044}.layer-stack .layer-stepper button:disabled{opacity:.25;cursor:not-allowed}.layer-stack .layer-delete{color:#84909f;height:31px;font-size:16px}.layer-stack .layer-delete:hover{color:#fff;background:#2a1218;border-color:#f67}.layer-order-panel{background:#0e151e;border:1px solid #2a3846;border-radius:10px;margin:0 0 17px;padding:10px}.layer-order-panel>div:first-child{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.layer-order-panel>div:first-child b{color:#d7e2e9;letter-spacing:.11em;font-size:7px}.layer-order-panel>div:first-child span{color:#607082;text-align:right;font-size:5px}.layer-order-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.layer-order-actions button{color:#c4d0d9;cursor:pointer;background:#121b25;border:1px solid #2b3b4b;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:45px;padding:5px 2px;display:flex}.layer-order-actions button:hover:not(:disabled){border-color:var(--cyan);color:#fff;background:#172a3a}.layer-order-actions button:disabled{opacity:.3;cursor:not-allowed}.layer-order-actions i{color:var(--cyan);font-size:16px;font-style:normal;line-height:1}.layer-order-actions span{white-space:nowrap;font-size:5px;font-weight:900}@media (width<=680px){.layer-stack{grid-template-columns:none!important;gap:0!important;display:block!important}.layer-row{grid-template-columns:minmax(0,1fr) 84px 38px;gap:6px;padding:5px}.layer-stack .layer-select{min-height:52px;margin:0}.layer-select b{font-size:10px}.layer-select small{font-size:7px}.layer-stack .layer-stepper button,.layer-stack .layer-delete{touch-action:manipulation;height:44px;min-height:44px;font-size:17px}.layer-order-panel{padding:11px}.layer-order-panel>div:first-child{flex-direction:column;align-items:flex-start}.layer-order-panel>div:first-child b{font-size:8px}.layer-order-panel>div:first-child span{text-align:left;font-size:7px}.layer-order-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.layer-order-actions button{min-height:54px}.layer-order-actions i{font-size:20px}.layer-order-actions span{font-size:7px}}.text-layer-add:hover{border-color:#55d8ff80;transform:translateY(-2px);box-shadow:0 14px 35px #0008,0 0 26px #55d8ff0e}.text-layer-add>span{height:32px;color:var(--cyan);background:#182433;border-radius:8px;place-items:center;font:900 17px Georgia,serif;display:grid}.text-layer-add b,.text-layer-add small{display:block}.text-layer-add b{font-size:10px}.text-layer-add small{color:#708092;margin-top:4px;font-size:7px}.text-layer-add>i{color:var(--cyan);font-size:18px;font-style:normal}.mobile-transform-dock{display:none}.multiline-hint{color:#607184;letter-spacing:.04em;margin:5px 0 0 2px;font-size:7px;font-weight:800;display:block}.input:has(.multiline-hint) textarea{resize:vertical;white-space:pre-wrap;min-height:82px}.base-image{transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s!important}.overlay-object{transform-origin:50%;transform:translate(-50%, -50%) rotate(var(--layer-rotation,0deg))!important}.overlay-object.selected{animation:none!important}.layer-content{pointer-events:none;width:100%;min-height:1px;transition:filter .16s;transform:translateZ(0)}.layer-content>img{width:100%;height:auto;display:block}.canvas-custom-text{white-space:pre-wrap;overflow-wrap:break-word;text-transform:none;-webkit-user-select:none;user-select:none;width:100%;font-weight:900}.handle{z-index:4;touch-action:none;background:#c9f7ff;border:3px solid #071018;border-radius:50%;width:22px;height:22px;margin:0;padding:0;display:none;position:absolute;box-shadow:0 0 0 1px #55d8ff,0 0 13px #55d8ff99}.overlay-object.selected .handle{display:block}.resize-handle{cursor:nwse-resize;bottom:-12px;right:-12px}.resize-handle:after{content:"↘";color:#06111a;place-items:center;width:100%;height:100%;font-size:10px;font-weight:900;display:grid}.rotate-handle{cursor:grab;top:-38px;left:calc(50% - 11px)}.rotate-handle:before{content:"";background:#73e7ff;width:1px;height:17px;position:absolute;top:19px;left:50%;box-shadow:0 0 7px #55d8ff}.rotate-handle:after{content:"↻";color:#06111a;place-items:center;width:100%;height:100%;font-size:12px;font-weight:900;display:grid}.sticker-delete-handle{z-index:6;color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(145deg,#ff7384,#e52e49);border-color:#19070b;top:-12px;right:-12px;box-shadow:0 0 0 1px #ff8e9b,0 5px 15px #000b,0 0 14px #ff365766}.sticker-delete-handle span{pointer-events:none;place-items:center;width:100%;height:100%;font-size:16px;font-weight:900;line-height:1;display:grid;transform:translateY(-1px)}.sticker-delete-handle:hover{background:linear-gradient(145deg,#ff91a0,#ff3657);box-shadow:0 0 0 1px #ffd0d6,0 6px 18px #000c,0 0 20px #ff365799}.text-layer-controls{background:linear-gradient(145deg,#111923,#0c121a);border:1px solid #2b3947;border-radius:11px;margin:16px 0;padding:12px}.text-layer-controls .input textarea{font-size:13px}.headline-block{transition:padding .18s}.headline-block>i{transition:left .18s,right .18s,top .18s,bottom .18s,width .18s,height .18s,transform .18s,border-radius .18s}.headline-block.headline-align-left{padding:0 0 0 calc(var(--headline-bar-thickness,5px) + 11px)}.headline-block.headline-align-left>i{width:var(--headline-bar-thickness,5px);border-radius:3px;height:auto;inset:0 auto 0 0;transform:none}.headline-block.headline-align-center{padding:calc(var(--headline-bar-thickness,5px) + 10px) 0 0}.headline-block.headline-align-center>i{width:42px;height:var(--headline-bar-thickness,5px);border-radius:999px;inset:0 auto auto 50%;transform:translate(-50%)}.headline-block.headline-align-right{padding:0 calc(var(--headline-bar-thickness,5px) + 11px) 0 0}.headline-block.headline-align-right>i{width:var(--headline-bar-thickness,5px);border-radius:3px;height:auto;inset:0 0 0 auto;transform:none}.subline-block{z-index:6;max-width:86%;transition:padding .18s;position:absolute}.subline-block .subline{overflow-wrap:break-word;max-width:100%;margin:0;position:static;transform:none}.subline-block>i{transition:left .18s,right .18s,top .18s,bottom .18s,width .18s,height .18s,transform .18s;animation:1.8s ease-in-out infinite textCharge;position:absolute}.subline-block.subline-align-left{padding:0 0 0 11px}.subline-block.subline-align-left>i{border-radius:2px;width:3px;height:auto;inset:0 auto 0 0;transform:none}.subline-block.subline-align-center{padding:9px 0 0}.subline-block.subline-align-center>i{border-radius:999px;width:30px;height:3px;inset:0 auto auto 50%;transform:translate(-50%)}.subline-block.subline-align-right{padding:0 11px 0 0}.subline-block.subline-align-right>i{border-radius:2px;width:3px;height:auto;inset:0 0 0 auto;transform:none}.text-layer-controls .select{margin:14px 0;display:block}.text-layer-colors{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.gradient-controls{background:linear-gradient(145deg,#111923,#0c1219);border:1px solid #283543;border-radius:11px;margin:12px 0 16px;padding:0 10px;transition:border-color .2s,box-shadow .2s}.gradient-controls.active{border-color:color-mix(in srgb, var(--cyan) 48%, #283543);box-shadow:0 0 20px color-mix(in srgb, var(--cyan) 8%, transparent)}.gradient-controls>.toggle{padding:10px 0}.gradient-controls-body{border-top:1px solid #25313d;padding:1px 0 11px}.gradient-controls-body .range{margin:12px 0}.gradient-colors{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gradient-preview{height:7px;box-shadow:0 0 13px color-mix(in srgb, var(--cyan) 18%, transparent);border-radius:999px;margin-top:10px}.text-texture-picker{background:linear-gradient(145deg,#111923,#0c1219);border:1px solid #283543;border-radius:11px;margin:12px 0 16px;padding:10px}.text-texture-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.text-texture-head span{color:#778493;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.text-texture-head b{color:var(--cyan);letter-spacing:.05em;text-transform:uppercase;font-size:8px}.text-texture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.text-texture-grid button{color:#8795a4;cursor:pointer;background:#0b1118;border:1px solid #293744;border-radius:8px;align-items:center;gap:7px;min-width:0;min-height:43px;padding:6px 8px;transition:border-color .16s,background .16s,transform .16s;display:flex}.text-texture-grid button:hover{border-color:#455869;transform:translateY(-1px)}.text-texture-grid button.active{border-color:color-mix(in srgb, var(--cyan) 65%, #385064);background:color-mix(in srgb, var(--cyan) 9%, #0b1118);color:#e9f8fc}.text-texture-grid button i{flex:0 0 30px;font-family:Impact,Arial Black,sans-serif;font-size:20px;font-style:normal;line-height:1}.text-texture-grid button span{letter-spacing:.04em;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:7px;font-weight:900;overflow:hidden}.text-texture-picker>small{color:#596979;margin-top:8px;font-size:7px;line-height:1.35;display:block}.text-align-control{margin:14px 0}.text-align-control>span{color:#6f7a8a;letter-spacing:.13em;margin-bottom:7px;font-size:8px;font-weight:900;display:block}.text-align-control>div{background:#0c1118;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.text-align-control button{color:#738193;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:34px;font-size:8px;font-weight:900}.text-align-control button.active{color:#dff9ff;background:#243240;box-shadow:inset 0 0 0 1px #55d8ff33}.text-layer-controls>.range:last-child{margin-bottom:4px}.cover.export-snapshot .overlay-object,.cover.export-snapshot .overlay-object.selected{transform:translate(-50%, -50%) rotate(var(--layer-rotation,0deg))!important}.cover.export-snapshot .handle{display:none!important}.mobile-canvas-text-editor{display:none}@media (width<=680px){.headline-block,.subline-block,.text-object{touch-action:none;-webkit-user-select:none;user-select:none}.headline-block,.subline-block{cursor:grab}.headline-block:active,.subline-block:active,.text-object:active{cursor:grabbing}.headline-block.canvas-touch-selected,.subline-block.canvas-touch-selected{outline:1px dashed var(--cyan);outline-offset:6px;filter:drop-shadow(0 0 9px color-mix(in srgb, var(--cyan) 45%, transparent))}.headline-block.canvas-touch-selected:after,.subline-block.canvas-touch-selected:after{content:"DRAG • TAP TO TYPE";background:var(--cyan);color:#061018;letter-spacing:.1em;pointer-events:none;border-radius:5px;width:max-content;padding:4px 6px;font-size:5px;font-weight:950;line-height:1;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 5px 14px #0009}.text-object.canvas-touch-selected{outline:1px dashed var(--cyan);outline-offset:5px}.mobile-canvas-text-editor{left:8px;right:8px;bottom:calc(73px + env(safe-area-inset-bottom));z-index:510;border:1px solid color-mix(in srgb, var(--cyan) 55%, #304253);box-shadow:0 24px 70px #000e, 0 0 32px color-mix(in srgb, var(--cyan) 16%, transparent);-webkit-backdrop-filter:blur(24px);background:linear-gradient(155deg,#101923fa,#080d14fc);border-radius:17px;padding:11px;animation:.22s ease-out mobileCanvasEditorIn;display:block;position:fixed}.mobile-canvas-text-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.mobile-canvas-text-head>span{color:#aab8c5;letter-spacing:.12em;font-size:7px;font-weight:950}.mobile-canvas-text-head>span i{color:var(--cyan);margin-right:6px;font-style:normal}.mobile-canvas-text-head>button{background:var(--cyan);color:#051018;cursor:pointer;touch-action:manipulation;border:0;border-radius:9px;min-width:58px;min-height:32px;font-size:8px;font-weight:950}.mobile-canvas-text-editor>textarea{resize:vertical;color:#f5f8fb;background:#0b121a;border:1px solid #334453;border-radius:11px;outline:0;width:100%;min-height:58px;max-height:106px;padding:10px 11px;font-size:16px;font-weight:800;line-height:1.18;display:block}.mobile-canvas-text-editor>textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb, var(--cyan) 10%, transparent)}.mobile-canvas-text-tools{grid-template-columns:minmax(0,1fr) minmax(110px,.75fr);align-items:end;gap:10px;display:grid}.mobile-canvas-text-tools .text-align-control{margin:8px 0 0}.mobile-canvas-text-tools .text-align-control>span{margin-bottom:4px;font-size:6px}.mobile-canvas-text-tools .text-align-control button{min-height:30px;padding:3px;font-size:6px}.mobile-canvas-texture-select{margin-top:8px;display:block}.mobile-canvas-texture-select>span{color:#6f7a8a;letter-spacing:.13em;margin-bottom:4px;font-size:6px;font-weight:900;display:block}.mobile-canvas-texture-select select{color:#e9f5fa;background:#0c1118;border:1px solid #2d3b49;border-radius:8px;outline:0;width:100%;min-height:36px;padding:0 8px;font-size:10px;font-weight:800;display:block}.mobile-canvas-text-tools>small{color:#778798;grid-column:1/-1;align-items:center;gap:6px;min-height:38px;font-size:6px;font-weight:800;line-height:1.35;display:flex}.mobile-canvas-text-tools>small b{color:var(--cyan);font-size:16px}@keyframes mobileCanvasEditorIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.text-layer-add{margin-top:-12px}.handle{width:36px;height:36px}.resize-handle{bottom:-19px;right:-19px}.rotate-handle{top:-56px;left:calc(50% - 18px)}.rotate-handle:before{height:21px;top:33px}.sticker-delete-handle{top:-19px;right:-19px}.sticker-delete-handle span{font-size:24px}.text-layer-controls{padding:12px 10px}.text-layer-colors{gap:10px}.mobile-transform-dock{background:#0d141d;border:1px solid #2c3a48;border-radius:13px;margin:0 10px 9px;padding:10px;display:block;box-shadow:0 12px 32px #0008}.mobile-transform-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.mobile-transform-head span{color:var(--cyan);letter-spacing:.14em;font-size:7px;font-weight:900}.mobile-transform-head b{color:#aebbc7;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-size:8px;overflow:hidden}.mobile-transform-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.mobile-transform-actions button{color:#d9e5ec;touch-action:manipulation;background:#121b25;border:1px solid #2c3b49;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:52px;padding:5px 2px;display:flex}.mobile-transform-actions button:active{border-color:var(--cyan);background:#183044}.mobile-transform-actions button i{color:var(--cyan);font-size:18px;font-style:normal;line-height:1}.mobile-transform-actions button span{color:#8291a0;white-space:nowrap;font-size:6px;font-weight:900}.mobile-transform-actions .touch-reset{border-color:#385064}.mobile-text-quick-edit{border-top:1px solid #25313c;grid-template-columns:minmax(0,1fr) 68px;gap:8px;margin-top:10px;padding-top:10px;display:grid}.mobile-text-quick-edit label:first-child,.mobile-text-quick-edit .mobile-text-texture{grid-column:1/-1}.mobile-text-quick-edit .text-align-control{grid-column:1/-1;margin:0}.mobile-text-quick-edit label{min-width:0}.mobile-text-quick-edit label>span{color:#758394;letter-spacing:.11em;margin-bottom:5px;font-size:7px;font-weight:900;display:block}.mobile-text-quick-edit textarea,.mobile-text-quick-edit select,.mobile-text-quick-edit input{color:#f4f8fb;background:#111923;border:1px solid #2d3b49;border-radius:9px;outline:0;width:100%}.mobile-text-quick-edit textarea{resize:vertical;min-height:76px;padding:10px;font-size:13px;line-height:1.25}.mobile-text-quick-edit select{min-height:43px;padding:0 9px;font-size:10px}.mobile-text-quick-edit label>small{color:#617080;margin-top:4px;font-size:7px;display:block}.mobile-text-color input{height:43px;padding:4px}}.low-power-note{border:1px solid color-mix(in srgb, var(--cyan) 20%, #25313d);color:#8091a1;background:#0a1118;border-radius:8px;margin:-3px 8px 7px;padding:8px 9px;font-size:7px;font-weight:700;line-height:1.45;display:block}html.low-power-studio *,html.low-power-studio :before,html.low-power-studio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html.low-power-studio .app *,html.low-power-studio .app :before,html.low-power-studio .app :after{-webkit-backdrop-filter:none!important}html.low-power-studio body,html.low-power-studio .app,html.low-power-studio .canvas-wrap,html.low-power-studio .feature-page,html.low-power-studio .stats-shell,html.low-power-studio .stats-page{background-color:#080b10!important;background-image:none!important}html.low-power-studio body:before,html.low-power-studio .app:before,html.low-power-studio .app:after,html.low-power-studio .dukko-atmosphere,html.low-power-studio .energy-ribbon,html.low-power-studio .spark-field,html.low-power-studio .circuit-rail,html.low-power-studio .electric-wrap,html.low-power-studio .theme-cursor-trail,html.low-power-studio .copilot-ping,html.low-power-studio .cover:before,html.low-power-studio .stage:before,html.low-power-studio .stage:after,html.low-power-studio header:after,html.low-power-studio nav button:before,html.low-power-studio .primary:after,html.low-power-studio .dropzone:after,html.low-power-studio .result-card:before,html.low-power-studio .dukko-chat.open:before,html.low-power-studio .audio-dock.open:before{display:none!important}html.low-power-studio header,html.low-power-studio header nav,html.low-power-studio .tool-panel,html.low-power-studio .inspect,html.low-power-studio .canvas-head,html.low-power-studio .canvas-foot,html.low-power-studio .result-card,html.low-power-studio .prompt-box,html.low-power-studio .settings-panel,html.low-power-studio .chat-panel,html.low-power-studio .audio-panel,html.low-power-studio .settings-launch,html.low-power-studio .chat-launch,html.low-power-studio .audio-main,html.low-power-studio .mobile-transform-dock,html.low-power-studio .stats-card,html.low-power-studio .stats-lock-card,html.low-power-studio .stats-summary-card{box-shadow:none!important}html.low-power-studio header,html.low-power-studio header nav,html.low-power-studio .tool-panel,html.low-power-studio .inspect,html.low-power-studio .canvas-head,html.low-power-studio .canvas-foot{background:#0a0e14!important}html.low-power-studio .settings-panel,html.low-power-studio .chat-panel,html.low-power-studio .audio-panel,html.low-power-studio .result-card,html.low-power-studio .prompt-box,html.low-power-studio .mobile-transform-dock{background:#0d1219!important}html.low-power-studio .cover,html.low-power-studio .cover:hover{transform:none!important;box-shadow:0 8px 24px #000a!important}html.low-power-studio .layer-content{transform:none}html.low-power-studio .overlay-object.selected,html.low-power-studio .handle,html.low-power-studio .live-dot,html.low-power-studio .audio-main>i,html.low-power-studio .chat-launch img,html.low-power-studio .duck-pop img{box-shadow:none!important;filter:none!important}html.low-power-studio .mobile-electric-logo,html.low-power-studio .primary,html.low-power-studio .themes button,html.low-power-studio .dropzone,html.low-power-studio .overlay-add,html.low-power-studio .text-layer-add{transform:none!important}html.low-power-studio .audio-main em,html.low-power-studio .zap,html.low-power-studio .electricity,html.low-power-studio .stats-orbit,html.low-power-studio .stats-sparkles{display:none!important}@media (width<=680px){html.low-power-studio .tool-panel,html.low-power-studio .inspect{content-visibility:auto;contain-intrinsic-block-size:auto 900px}html.low-power-studio .feature-page,html.low-power-studio .stats-page,html.low-power-studio .stats-shell{content-visibility:auto;contain-intrinsic-block-size:auto 760px}html.low-power-studio header nav{background:#0b1017!important}html body .app>header{contain:none!important;filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;transform:none!important}html body .app>header>nav{visibility:visible!important;opacity:1!important;left:7px!important;right:7px!important;bottom:max(6px, env(safe-area-inset-bottom))!important;pointer-events:auto!important;z-index:300!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;width:auto!important;height:58px!important;min-height:58px!important;padding:4px!important;display:grid!important;position:fixed!important;overflow:visible!important;transform:none!important}html body .app>header>nav>button{visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:100%!important;min-width:0!important;height:48px!important;display:flex!important}}