@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3e5302f118d6bde7-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bb36247b0b027bd1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bca7023bf625e650-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3e5302f118d6bde7-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bb36247b0b027bd1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bca7023bf625e650-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3e5302f118d6bde7-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bb36247b0b027bd1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bca7023bf625e650-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3e5302f118d6bde7-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bb36247b0b027bd1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Fredoka_c621a5;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bca7023bf625e650-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Fredoka_Fallback_c621a5;src:local("Arial");ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.00%;size-adjust:101.84%}.__className_c621a5{font-family:__Fredoka_c621a5,__Fredoka_Fallback_c621a5;font-style:normal}.__variable_c621a5{--font-fredoka:"__Fredoka_c621a5","__Fredoka_Fallback_c621a5"}:root{--brand-purple:#2b1d5e;--brand-purple-2:#4d3ea9;--brand-gold:#ffd84d;--brand-gold-strong:#f9b200;--brand-cream:#f8f7f4;--brand-soft:#efe9ff;--ink:#1d1734;--muted:#59577a}*{box-sizing:border-box;font-family:var(--font-fredoka),sans-serif}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background-color:#f9f7fb;background-image:linear-gradient(#eceaf6 1px,transparent 0),linear-gradient(90deg,#eceaf6 1px,transparent 0);background-size:33px 33px;font-family:var(--font-fredoka),sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit}.brand{position:absolute;top:22px;left:24px;z-index:2;display:block}.brand img{display:block;width:118px;height:auto}.page{width:min(100%,1270px);padding:42px 24px 20px}.hero,.page{margin:0 auto}.hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:52px;gap:52px;align-items:center;max-width:940px;min-height:480px}.intro{padding-left:8px}h1{font-size:clamp(3.3rem,5.25vw,4.4rem);line-height:.94;letter-spacing:-2px;margin:0}h1,h2{font-weight:500}.gradient{display:inline-block;width:6.1em;max-width:100%;height:auto;vertical-align:middle;margin-top:8px}.benefits{display:grid;grid-gap:8px;gap:8px;margin-top:35px;font-size:14px}.benefits p{display:flex;align-items:center;margin:0}.benefits span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:20px;margin-right:2px;flex:0 0 23px}.benefits span img{display:block;width:20px;height:20px;object-fit:contain}.generator{width:100%;max-width:465px;justify-self:end;min-height:390px;padding:22px 20px 20px;border:2px solid #111;border-radius:13px;background:#fff;box-shadow:4px 5px 0 #111;display:flex;flex-direction:column;justify-content:center;align-items:center}.generator h2{text-align:center;font-size:23px;line-height:1.15;margin:0 0 12px;font-weight:500}.comparison{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center;grid-gap:5px;gap:5px;width:min(100%,408px);margin:0 0 10px}.comparison>img:not(.arrow){width:100%;height:auto;aspect-ratio:1;min-width:0;object-fit:cover;border-radius:7px;border:2px solid #ccc;background:#f5f6f8}.arrow{width:38px;height:38px;object-fit:contain}.rating{text-align:center;color:#7d8492;font-size:13px;margin:5px 0 9px}.avatars{display:flex;justify-content:center;padding-left:16px;margin-bottom:8px}.avatars img,.more{width:34px;height:34px;margin-left:-8px;border:2px solid #fff;border-radius:50%;object-fit:cover}.more{display:grid;place-items:center;background:#111;color:#fff;font-size:10px;font-weight:500}.stars{display:flex;justify-content:center;gap:4px}.stars img{width:15px;height:15px;object-fit:contain}.try{width:80%;margin-top:14px;padding:6px 12px;border:2px solid var(--brand-purple);border-radius:7px;background:linear-gradient(135deg,var(--brand-gold) 0,var(--brand-gold-strong) 100%);box-shadow:3px 3px 0 var(--brand-purple);color:var(--brand-purple);font-size:18px;font-weight:500;cursor:pointer}.try:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--brand-purple)}.examples{margin:78px auto 0;max-width:940px;text-align:center}.examples h2{font-size:35px;margin:0 0 21px;font-weight:500}.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-bottom:39px}.filter{border:2px solid #111;border-radius:6px;padding:7px 14px;background:#e9eaed;color:#293241;font-size:13px;cursor:pointer}.filter,.filter.active{box-shadow:1px 1px 0 #111}.filter.active{background:var(--brand-soft);color:#111;border-color:var(--brand-purple)}.filter:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 #111}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;text-align:left}.gallery img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover;border-radius:7px;transition:transform .2s ease}.gallery img:hover{transform:scale(1.04)}.faq,.love{max-width:940px;margin:92px auto 0}.faq h2,.love h2{text-align:center;font-size:35px;margin:0 0 28px;font-weight:500}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.testimonial{min-height:160px;padding:19px;border:2px solid #111;border-radius:8px;background:#fff;box-shadow:4px 4px 0 #111}.person{display:flex;align-items:center;gap:12px}.person>img{width:45px;height:45px;border:2px solid #111;border-radius:7px;object-fit:cover}.person strong{display:block;font-size:14px}.stars-small{display:inline-flex;gap:2px;vertical-align:middle}.stars-small img{width:13px;height:13px;object-fit:contain;border:0;border-radius:0}.testimonial p{margin:16px 0 0;font-size:13px;line-height:1.5}.faq{max-width:620px;margin-top:100px}.faq-list{display:grid;grid-gap:12px;gap:12px}.faq-item{overflow:hidden;border:2px solid #111;border-radius:7px;background:#fff;box-shadow:3px 3px 0 #111}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;border:0;background:linear-gradient(180deg,var(--brand-soft),#e7dcff);color:var(--brand-purple);text-align:left;font-size:14px;font-weight:500;cursor:pointer}.faq-icon{position:relative;flex:0 0 18px;width:18px;height:18px;border:2px solid var(--brand-purple);border-radius:50%}.faq-icon:after,.faq-icon:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:2px;border-radius:2px;background:var(--brand-purple);transform:translate(-50%,-50%);transition:transform .2s ease}.faq-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-answer{max-height:0;padding:0 17px;overflow:hidden;background:#fff;font-size:13px;line-height:1.55;transition:max-height .25s ease,padding .25s ease}.faq-item.open .faq-answer{max-height:180px;padding:14px 17px 16px}.faq-item.open .faq-icon:after{transform:translate(-50%,-50%) rotate(0deg)}.site-footer{max-width:940px;margin:80px auto 0;padding:8px 0 0}.page>.site-footer{margin-bottom:0}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 28px}.footer-links a{color:#2d2554;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.footer-copyright{margin-top:18px;text-align:center;color:#645d86;font-size:13px;letter-spacing:.01em}.footer-legal{display:grid;grid-gap:20px;gap:20px;margin-top:22px}.footer-policy{padding:18px 20px;border:2px solid #1d1734;border-radius:16px;background:hsla(0,0%,100%,.72)}.footer-policy h3{margin:0 0 8px;font-size:1.05rem;letter-spacing:-.02em}.footer-policy p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.legal-page{min-height:100vh;padding:42px 18px 72px;background:#f8f4ff}.legal-shell{width:min(100%,760px);margin:0 auto;padding:28px 24px 30px;border:2px solid #1d1734;border-radius:18px;background:#fff;box-shadow:6px 6px 0 #1d1734}.legal-shell h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-1px;line-height:1.08}.legal-back{display:inline-block;margin-bottom:18px;color:#5f50b6;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.legal-content{display:grid;grid-gap:18px;gap:18px;margin-top:18px}.legal-content h2{margin:0;font-size:1.15rem}.legal-content li,.legal-content p{color:#4b4763;font-size:15px;line-height:1.75}.legal-content ul{margin:0;padding-left:20px}@media (max-width:800px){.brand{position:relative;top:auto;left:auto;width:-moz-fit-content;width:fit-content;margin:0 auto 18px}.brand img{width:108px}.page{padding:28px 16px 50px}.hero{grid-template-columns:1fr;gap:35px}.intro{text-align:center;padding:0}.intro h1 br:first-of-type{display:none}.benefits{justify-items:center;text-align:left}.generator{justify-self:center;min-width:0}.comparison{width:100%}.comparison>img:not(.arrow){width:100%;height:auto;aspect-ratio:1;min-width:0}.examples{margin-top:55px}.gallery{grid-template-columns:repeat(2,1fr)}.testimonials{grid-template-columns:1fr;max-width:520px;margin:0 auto}.faq,.love{margin-top:70px}}@media (max-width:440px){.brand img{width:100px}h1{font-size:3rem}.comparison>img:not(.arrow){width:100%;height:auto}.generator{padding-inline:12px}}.support-link-wrap{display:flex;justify-content:center;margin-bottom:16px;width:100%}.support-link{border:0;background:transparent;padding:0;color:#5f50b6;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;line-height:1.4}.support-page{min-height:100vh;display:grid;place-items:center;padding:32px 16px 56px;background:#f8f4ff}.support-shell{width:min(100%,680px);padding:28px 24px 26px;border:2px solid #1d1734;border-radius:18px;background:#fff;box-shadow:6px 6px 0 #1d1734}.support-shell h1{margin:0;font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-1px;line-height:1.05}.support-subtitle{margin:10px 0 0;color:#59577a;font-size:14px;line-height:1.5}.support-form{margin-top:22px;display:grid;grid-gap:18px;gap:18px}.field{display:grid;grid-gap:8px;gap:8px}.field label{color:#312c49;font-size:14px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:2px solid #d6d0ee;border-radius:12px;padding:12px 14px;background:#faf9ff;color:#1d1734;font:inherit;resize:vertical}.field textarea{min-height:130px}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(95,80,182,.15);border-color:#5f50b6}.support-meta{color:#59577a;font-size:12px;line-height:1.4}.support-submit{justify-self:start;border:2px solid #1d1734;border-radius:12px;background:linear-gradient(135deg,#ffd84d,#f9b200);box-shadow:3px 3px 0 #1d1734;color:#1d1734;font-weight:600;padding:8px 18px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.support-submit:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 #1d1734}.support-submit:disabled{opacity:.7;cursor:wait}.support-status{margin-top:6px;font-size:14px;color:#1f6f4d}.support-status.error{color:#a42424}.studio-page{min-height:100vh;padding:30px clamp(18px,4vw,64px) 64px;color:#18233b;background:#f4f0e8;background-image:radial-gradient(#ded6c8 1px,transparent 0);background-size:18px 18px}.studio-header{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;align-items:start;grid-gap:24px;gap:24px;max-width:1380px;margin:0 auto 32px}.studio-brand img{width:118px;height:auto}.studio-title{max-width:650px}.eyebrow{color:#af5d2e;font-size:10px;font-weight:700;letter-spacing:1.8px}.frame-heading h2,.studio-title h1,.workspace-topline h2{margin:5px 0 0;color:#18233b;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.8px}.studio-title p{max-width:470px;margin:12px 0 0;color:#6f6c76;font-size:14px;line-height:1.5}.studio-back{justify-self:end;padding-top:8px;color:#6f6c76;font-size:13px;text-decoration:underline;text-underline-offset:3px}.studio-layout{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:22px;gap:22px;max-width:1380px;margin:0 auto}.studio-sidebar,.studio-workspace{min-width:0}.studio-sidebar{display:grid;align-content:start;grid-gap:12px;gap:12px}.studio-panel,.studio-workspace,.upload-zone{border:2px solid #1e2941;border-radius:14px;background:#fffdf9;box-shadow:4px 5px 0 #1e2941}.upload-zone{position:relative;display:grid;justify-items:center;grid-gap:6px;gap:6px;padding:24px 18px;text-align:center;transition:border-color .2s ease,background .2s ease}.upload-zone.dragging{border-color:#c56631;background:#fff3e4}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:4px;border:2px solid #c56631;border-radius:50%;color:#c56631;font-size:24px;line-height:1}.upload-zone strong{max-width:230px;overflow:hidden;color:#1e2941;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.empty-sequence,.panel-note,.upload-zone span{color:#88838a;font-size:11px}.anchor-buttons button,.export-actions button,.upload-zone button{border:2px solid #1e2941;border-radius:7px;background:#fffdf9;color:#1e2941;cursor:pointer}.upload-zone button{margin-top:9px;padding:7px 13px;font-size:12px}.studio-panel{padding:16px}.check-row,.control-row,.panel-heading,.range-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading{margin-bottom:15px;color:#1e2941;font-size:13px;font-weight:600}.panel-heading output,.panel-heading small,.range-row output{color:#c56631;font-size:11px;font-weight:600}.check-row,.control-row,.range-row{color:#5f5c68;font-size:12px}.check-row+.range-row,.control-row+.check-row,.range-row+.range-row{margin-top:14px}.control-row input{width:28px;height:25px;padding:0;border:0;background:none;cursor:pointer}.check-row{justify-content:flex-start}.check-row input{accent-color:#c56631}.range-row{flex-wrap:wrap}.range-row input,.wide-range{width:100%;accent-color:#c56631}.anchor-buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px}.anchor-buttons button{min-height:42px;padding:5px;font-size:10px;text-transform:capitalize}.anchor-buttons button.selected{border-color:#c56631;background:#c56631;color:#fff}.panel-note{margin:12px 0 0;line-height:1.45}.studio-workspace{display:grid;grid-template-rows:auto minmax(310px,1fr) auto auto;overflow:hidden}.frame-heading,.workspace-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 17px}.frame-heading h2,.workspace-topline h2{font-size:21px}.frame-heading>span,.status-pill{flex:0 0 auto;padding:6px 10px;border-radius:99px;background:#f9e7d5;color:#a1532a;font-size:11px}.preview-stage{display:grid;place-items:center;min-height:310px;margin:0 18px;border:2px dashed #d1c7b9;border-radius:11px;background-color:#f3eee5;background-image:linear-gradient(45deg,#e6ded1 25%,transparent 0),linear-gradient(-45deg,#e6ded1 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e6ded1 0),linear-gradient(-45deg,transparent 75%,#e6ded1 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.preview-canvas{width:min(76%,430px);height:min(76%,430px);object-fit:contain;image-rendering:pixelated}.empty-preview{max-width:250px;padding:20px;text-align:center}.empty-preview>span{color:#c56631;font-size:34px}.empty-preview strong{display:block;margin-top:10px;color:#1e2941;font-size:17px}.empty-preview p{margin:8px 0 0;color:#88838a;font-size:12px;line-height:1.5}.player-bar{display:flex;align-items:center;gap:14px;padding:17px 24px;border-bottom:1px solid #e6ddd1}.play-button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#1e2941;color:#fff;cursor:pointer;font-size:13px}.frame-readout{color:#88838a;font-size:12px}.frame-readout strong{color:#1e2941}.export-actions{display:flex;justify-content:flex-end;gap:7px;margin-left:auto}.export-actions button{padding:8px 11px;font-size:11px}.anchor-buttons button:hover,.upload-zone button:hover{transform:translateY(-1px)}.export-actions .primary-action{border-color:#c56631;background:#c56631;color:#fff}.export-actions button:disabled{cursor:wait;opacity:.65}.studio-lower{padding:2px 24px 24px}.frame-heading{padding:20px 0 14px}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));grid-gap:9px;gap:9px}.frame-card{position:relative;min-height:91px;padding:8px;border:2px solid #ded5c8;border-radius:9px;background:#f9f5ee;cursor:pointer;text-align:left}.frame-card.active{border-color:#c56631;box-shadow:inset 0 0 0 1px #c56631}.frame-number{color:#8e8790;font-size:10px}.frame-check{position:absolute;top:6px;right:7px;color:#c56631;font-size:13px;font-weight:700}.frame-thumb{display:block;width:100%;height:54px;margin-top:4px;background-repeat:no-repeat;background-size:auto;image-rendering:pixelated;opacity:.38}.frame-card.active .frame-thumb{opacity:1}.empty-sequence{margin:0;padding:10px 0}.studio-notice{min-height:17px;margin:0;padding:0 24px 17px;color:#a1532a;font-size:13px}@media (max-width:900px){.studio-header{grid-template-columns:1fr auto}.studio-title{grid-column:1/-1;grid-row:2}.studio-back{grid-column:2;grid-row:1}.studio-layout{grid-template-columns:1fr}.studio-sidebar{grid-template-columns:repeat(2,1fr)}.upload-zone{grid-row:span 2}}@media (max-width:600px){.studio-page{padding:20px 12px 35px}.studio-header{margin-bottom:22px}.studio-brand img{width:92px}.studio-sidebar{grid-template-columns:1fr}.upload-zone{grid-row:auto}.frame-heading,.player-bar,.workspace-topline{align-items:flex-start;flex-direction:column;padding-inline:16px}.preview-stage{min-height:250px;margin-inline:12px}.preview-canvas{width:80%;height:80%}.export-actions{width:100%;margin-left:0}.export-actions button{flex:1 1;padding-inline:5px}.studio-lower,.studio-notice{padding-inline:16px}}.guided-studio{width:min(100%,680px);margin:0 auto}.stepper{justify-content:center;gap:0;margin-bottom:24px}.step,.stepper{display:flex;align-items:center}.step{gap:9px;color:#a39b9a;font-size:12px}.step:not(:last-child):after{width:clamp(38px,10vw,92px);height:2px;margin:0 12px;background:#d7cec2;content:""}.step>span{display:grid;place-items:center;width:27px;height:27px;border:2px solid #cfc5b8;border-radius:50%;font-size:11px;font-weight:600}.step.current{color:#1e2941}.step.complete>span,.step.current>span{border-color:#c56631;background:#c56631;color:#fff}.step.complete{color:#8b5a41}.guided-card,.output-card{border:2px solid #1e2941;border-radius:16px;background:#fffdf9;box-shadow:5px 6px 0 #1e2941}.guided-card{width:100%;margin:0 auto;padding:clamp(26px,5vw,52px);text-align:left}.guided-card h2,.output-heading h2{margin:0;color:#1e2941;font-size:28px;line-height:1.1;letter-spacing:-.6px}.guided-intro,.output-heading p{max-width:470px;margin:12px 0 26px;color:#111;font-size:15px;line-height:1.5}.generate-button{display:block;margin:20px auto 0}.guided-dropzone{display:grid;align-items:center;justify-items:center;grid-gap:10px;gap:10px;width:100%;height:220px;min-height:220px;padding:32px 20px;border:2px dashed #cfc3b4;border-radius:12px;color:#687184;cursor:pointer;transition:border-color .2s ease}.guided-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.guided-upload-icon{display:block;width:35px;height:35px;opacity:.3;object-fit:contain}.guided-dropzone strong{font-size:17px;font-weight:500;line-height:1.4}.guided-dropzone span,.upload-confirmation span{color:#7e8797;font-size:13px}.generate-button,.guided-dropzone button,.start-over{border:2px solid #1e2941;border-radius:8px;cursor:pointer;font:inherit}.guided-dropzone button{margin-top:9px;padding:8px 15px;background:#1e2941;color:#fff;font-size:12px}.upload-confirmation{display:flex;align-items:center;gap:16px;width:100%;max-width:100%;min-height:0;height:auto;padding:10px;border:1px solid #dfd4c7;border-radius:10px;background:#f8f3eb;text-align:left;box-sizing:border-box}.file-preview{display:grid;flex-shrink:0;place-items:center;width:82px;height:82px;overflow:hidden;border-radius:7px;background:repeating-conic-gradient(#e7ded0 0 25%,#f7f1e8 0 50%) 50% /14px 14px}.file-preview img{display:block;width:100%;height:100%;object-fit:cover}.upload-confirmation-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.upload-confirmation span,.upload-confirmation strong{display:block}.upload-confirmation strong{max-width:350px;color:#1e2941;font-size:14px}.upload-confirmation span,.upload-confirmation strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-confirmation span{margin-top:5px;color:#66805f;line-height:1.45}.generate-button{align-self:center;display:flex;justify-content:center;align-items:center;width:190px;min-width:190px;margin-top:20px;padding:6px 12px;box-sizing:border-box;border-radius:7px;background:#c56631;color:#fff;font-size:18px;font-weight:500;box-shadow:3px 3px 0 var(--brand-purple)}.export-actions button:hover:not(:disabled),.generate-button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--brand-purple)}.generate-button:disabled{border-color:#b8bdc8;background:#dfe2e8;color:#8c94a3;cursor:not-allowed;opacity:1;box-shadow:2px 2px 0 #aeb4c0}.generate-button span{margin-left:8px;font-size:20px}.generate-button .generation-word{margin-left:0;font-size:inherit}.generate-button .generation-dots{display:inline-block;width:24px;margin-left:0;font-size:inherit;text-align:left}.guided-notice{min-height:16px;margin:16px 0 0;color:#a1532a;font-size:11px}.output-card{overflow:hidden}.output-heading{justify-content:space-between;gap:18px;padding:20px 30px 18px}.output-heading,.output-title{display:flex;align-items:center}.output-title{gap:10px;margin:0}.output-title h2{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.6px}.output-confetti{width:42px;height:42px;object-fit:contain}.output-heading p{margin:8px 0 0}.start-over{flex:0 0 auto;padding:6px 0;border:0;background:transparent;color:var(--brand-purple);font-size:14px;font-weight:600;letter-spacing:0;box-shadow:none}.start-over span{display:inline-block;margin-left:4px;transition:transform .16s ease}.start-over:hover{color:var(--brand-purple-dark)}.start-over:hover span{transform:translateX(3px)}.output-stage{display:grid;place-items:center;padding:28px;margin:0 20px;border:2px solid #d9cfc2;border-radius:12px}.output-stage .preview-canvas{max-height:300px;object-fit:contain}.preview-loading{color:var(--muted);font-size:13px}.preview-placeholder{position:relative;width:min(100%,260px);aspect-ratio:1;overflow:hidden;border:2px solid #d1d6df;border-radius:8px;background:#f5f2fc}.preview-placeholder img{display:block;width:100%;height:100%;object-fit:cover;opacity:.85;filter:saturate(.8) contrast(.98)}.preview-placeholder span{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(29,23,52,.72);color:#fff;font-size:11px;letter-spacing:.02em}.output-controls{display:flex;flex-direction:column;width:100%;min-height:100%;padding:0;color:#807879;font-size:12px}.output-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;grid-gap:20px;gap:20px;padding:0 30px 24px}.output-controls .support-link-wrap{display:flex;justify-content:center;width:100%}.output-controls .export-actions{display:grid;grid-gap:12px;gap:12px;justify-items:center}.output-controls .export-actions button{width:100%;min-height:46px;padding:4px 12px;border:2px solid var(--brand-purple);border-radius:7px;background:#fff;box-shadow:3px 3px 0 var(--brand-purple);color:var(--brand-purple);font-size:18px;font-weight:500;white-space:nowrap}.output-controls .export-actions button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--brand-purple)}.output-controls .export-actions button.primary-action{background:linear-gradient(135deg,var(--brand-gold) 0,var(--brand-gold-strong) 100%)}@media (max-width:600px){.step:not(:last-child):after{width:25px;margin-inline:6px}.step{gap:5px;font-size:10px}.guided-card{padding:28px 16px}.upload-confirmation{text-align:left}.file-preview{width:62px;height:62px}.upload-confirmation strong{max-width:190px}.output-controls,.output-heading{padding-inline:16px}.output-heading{flex-direction:column}.output-stage{padding:20px;margin-inline:12px}.output-controls{flex-wrap:wrap}.output-controls .export-actions{width:100%;margin-left:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.output-controls .export-actions button{min-height:44px;font-size:14px;padding:8px 6px}}.studio-page{background-color:#f9f7fb;background-image:linear-gradient(#eceaf6 1px,transparent 0),linear-gradient(90deg,#eceaf6 1px,transparent 0);background-size:33px 33px}.frame-heading h2,.guided-card h2,.output-heading h2,.studio-page,.studio-title h1,.workspace-topline h2{color:var(--ink)}.eyebrow,.guided-notice,.panel-heading output,.panel-heading small,.range-row output{color:var(--brand-purple-2)}.guided-card,.output-card,.studio-panel,.studio-workspace,.upload-zone{border-color:#111;background:#fff;box-shadow:4px 5px 0 #111}.guided-dropzone,.upload-confirmation{border-color:#d7d2e7;background:#f5f2fc}.guided-dropzone.dragging{border-color:var(--brand-purple-2);background:#e4dcff}.guided-upload-icon,.upload-icon{border-color:var(--brand-gold-strong);color:var(--brand-gold-strong)}.frame-readout strong,.guided-card h2,.guided-dropzone strong,.output-heading h2,.panel-heading,.studio-back,.studio-title h1,.upload-confirmation strong{color:var(--ink)}.anchor-buttons button,.export-actions button,.generate-button,.guided-dropzone button,.start-over,.upload-zone button{border-color:var(--brand-purple)}.anchor-buttons button.selected,.export-actions .primary-action,.generate-button,.guided-dropzone button{background:linear-gradient(135deg,var(--brand-gold) 0,var(--brand-gold-strong) 100%);color:var(--brand-purple);box-shadow:3px 3px 0 var(--brand-purple)}.step.complete>span,.step.current>span{border-color:var(--brand-purple-2);background:var(--brand-purple-2)}.step.complete,.step.current{color:var(--brand-purple)}.step:not(:last-child):after{background:#d7d2e7}.step>span{border-color:#cbc5dc}.output-stage,.preview-stage{border-color:#d7d2e7;background-color:#f5f2fc;background-image:linear-gradient(45deg,#e5e0f2 25%,transparent 0),linear-gradient(-45deg,#e5e0f2 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e5e0f2 0),linear-gradient(-45deg,transparent 75%,#e5e0f2 0)}.status-pill{background:var(--brand-soft);color:var(--brand-purple-2)}.play-button{background:var(--brand-purple)}.output-controls{border-color:#e5e1ef;justify-content:center;align-items:center;justify-self:center}.output-stage{min-height:0;padding:0;margin:0;border:0;background:#fff;background-image:none}.output-stage .preview-canvas{display:block;width:min(100%,260px);height:auto;max-height:none;margin:0 auto;border:2px solid #d1d6df;border-radius:8px;background:#fff}.output-stage canvas.preview-canvas{height:auto;aspect-ratio:1}.output-controls .export-actions{width:min(100%,240px);margin:0 auto}@media (max-width:600px){.output-body{grid-template-columns:1fr;gap:16px;padding:0 16px 20px}.output-stage{margin-inline:0}.output-controls .export-actions{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.output-controls .export-actions button{min-height:44px;font-size:14px;padding:8px 6px}}.guided-dropzone{border-color:#d1d6df;background:#f1f2f5}.choice-card{text-align:left}.choice-card .guided-intro{margin-inline:0}.style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px;gap:22px;max-width:560px;margin:28px auto 8px}.choice-card .generate-button{margin-inline:auto}.style-option{display:grid;grid-gap:10px;gap:10px;padding:10px;border:2px solid #d1d6df;border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;font:inherit;text-align:center;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.style-option img{display:block;width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover}.style-option strong{font-size:17px}.style-option.selected,.style-option:hover{border-color:var(--brand-purple);box-shadow:3px 3px 0 var(--brand-purple);transform:translateY(-2px)}.movement-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;max-width:620px;margin:28px auto 8px}.movement-option{min-height:54px;padding:10px 12px;border:2px solid #d1d6df;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;font:inherit;font-size:15px;transition:border-color .16s ease,background .16s ease,color .16s ease}.movement-option.selected,.movement-option:hover{border-color:var(--brand-purple);background:#f0eefa;color:var(--brand-purple)}@media (max-width:600px){.style-options{gap:12px}.movement-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.guided-dropzone.dragging,.guided-dropzone:hover{border-color:#a9a1b8;background:#f1f2f5}.guided-upload-icon{border:0;color:#9da6b6}.guided-dropzone strong{color:#687184}.guided-dropzone span{color:#7e8797}