@font-face{font-family:Fredoka;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;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;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;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;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;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;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;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;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;src:local("Arial");ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.00%;size-adjust:101.84%}.__className_160d87{font-family:Fredoka,Fredoka Fallback;font-style:normal}.__variable_160d87{--font-fredoka:"Fredoka","Fredoka Fallback"}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-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:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-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:Nunito Fallback;src:local("Arial");ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.00%;size-adjust:101.39%}.__className_eef148{font-family:Nunito,Nunito Fallback;font-style:normal}.__variable_eef148{--font-nunito:"Nunito","Nunito Fallback"}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/64418ffc17e50301-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:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0e96d314a90a6138-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:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba43ea3467e29870-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:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b7ea2ab4a8ad1f81-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:DM Mono Fallback;src:local("Arial");ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9ef920{font-family:DM Mono,DM Mono Fallback;font-style:normal}.__variable_9ef920{--font-mono:"DM Mono","DM Mono Fallback"}:root{color-scheme:light;--bg:#ffffff;--panel:#ffffff;--ink:#0e1a3a;--ink-2:#44506b;--muted:#6b7690;--line:#e7ebf3;--line-2:#d6dcea;--brand:#2563ff;--brand-deep:#1a47cc;--brand-soft:#eaf0ff;--brand-mid:#a9c1ff;--sun:#ffc933;--orange:#ff6b4a;--pink:#ff8fb1;--mint:#d4f5e6;--mint-deep:#17b886;--lav:#eaf0ff;--peach:#ffe9dc;--butter:#fff3cf;--blush:#ffe6ee;--sky:#e6f0ff;--wash:#f5f8ff;--accent:var(--brand);--accent-ink:#ffffff;--accent-soft:var(--brand-soft);--danger:#c2382b;--ok:#1e8e5a;--radius:20px;--font-body:var(--font-nunito),system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:var(--font-fredoka),var(--font-nunito),system-ui,sans-serif;--font-accent:var(--font-display);--font-code:var(--font-mono),ui-monospace,Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}img,svg{display:block;max-width:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-deep);font-weight:700;font-size:14px;letter-spacing:.01em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand)}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;line-height:1.04;margin:0}.accent{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:var(--brand);padding:0 .07em;margin:0 -.07em;background:linear-gradient(transparent 64%,var(--sun) 64%,var(--sun) 93%,transparent 93%);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.12em}.muted{color:var(--muted)}.error,.muted{font-size:15px}.error{color:var(--danger)}.ok{color:var(--ok);font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--line-2);background:var(--panel);border-radius:999px;padding:10px 20px;cursor:pointer;font-weight:700;text-decoration:none;color:var(--ink);transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}.btn:hover:not(:disabled){border-color:var(--brand);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 20px -8px rgba(37,99,255,.65)}.btn.primary:hover:not(:disabled){background:var(--brand-deep);border-color:var(--brand-deep);box-shadow:0 12px 24px -10px rgba(37,99,255,.7)}.btn.primary:active:not(:disabled){transform:translateY(1px)}.btn.lg{padding:15px 28px;font-size:18px}.btn.small{padding:6px 14px;font-size:15px}.btn.ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.chip{border:1.5px solid var(--line-2);background:var(--panel);border-radius:999px;padding:6px 15px;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s}.chip:hover{border-color:var(--brand)}.chip.idea{display:inline-flex;align-items:center;gap:8px}.chip-thumb{width:28px;height:28px;border-radius:50%;object-fit:contain;margin:-3px 0 -3px -9px}.chip-thumb,.chip.on{background:var(--brand-soft)}.chip.on{border-color:var(--brand);color:var(--brand-deep)}.studio{min-height:100vh}.studio-top{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.studio-top-in{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-main,.studio-top-in{max-width:1180px;margin:0 auto}.studio-main{padding:28px 20px 80px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-display);font-size:24px;letter-spacing:-.02em}.logo,.logo b{font-weight:600}.logo b{color:var(--brand)}.logo-mark{width:30px;height:30px}.progress{gap:4px}.progress,.pstep{display:flex;align-items:center}.pstep{gap:8px;border:0;background:transparent;padding:6px 10px;border-radius:999px;cursor:pointer;color:var(--muted);font-weight:700;font-size:15px}.pstep i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line-2);font-size:13px;font-weight:700;background:var(--panel)}.pstep.done i{background:var(--brand-soft);border-color:var(--brand-mid);color:var(--brand-deep)}.pstep.active{color:var(--ink)}.pstep.active i{background:var(--brand);border-color:var(--brand);color:#fff}.pstep:disabled{opacity:.4;cursor:default}.pbar{width:18px;height:2px;background:var(--line-2);border-radius:2px}@media (max-width:720px){.pstep span{display:none}.pstep.active span{display:inline}.pbar{width:8px}}.banner{display:inline-flex;gap:8px;align-items:center;background:var(--butter);border-radius:999px;padding:6px 14px;font-size:13px;margin-bottom:18px}.step-head{margin-bottom:22px}.step-head h1{font-size:clamp(32px,4.4vw,48px)}.step-head p{margin:10px 0 0;color:var(--ink-2);font-size:17px;max-width:46ch}.grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.grid{grid-template-columns:1fr}}.grid>section:first-child{width:100%;max-width:min(100%,72vh);justify-self:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.panel p{margin:0}.panel h2{font-family:var(--font-display);font-size:18px;font-weight:600;margin:0 0 4px}.panel h3{font-size:13px;margin:14px 0 8px;color:var(--muted);font-weight:700}.stack{flex-direction:column;gap:14px}.row,.stack{display:flex}.row{gap:8px;align-items:center;flex-wrap:wrap}.stage{position:relative;aspect-ratio:1;width:100%;max-width:min(100%,72vh);border-radius:var(--radius);overflow:hidden;background-color:var(--panel);border:1px solid var(--line);background-image:radial-gradient(circle,#d5dcec 1px,transparent 1.4px);background-size:22px 22px}.stage img,.stage svg{position:absolute;inset:0;width:100%;height:100%}.stage .center{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);text-align:center;padding:24px}.stage .veil{background:color-mix(in srgb,var(--panel) 78%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--ink)}.player-box{position:absolute;inset:0}.rive-canvas{width:100%;height:100%;display:block}.zoombar{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px;box-shadow:0 6px 18px -8px rgba(28,26,34,.25);font-size:13px}.zoombar span{min-width:46px;text-align:center;color:var(--muted);font-size:13px;font-weight:700}.zoombar button{border:0;background:transparent;border-radius:8px;min-width:32px;height:32px;padding:0 8px;cursor:pointer;font-weight:500;font-size:16px}.zoombar button:last-child{font-size:13px}.zoombar button:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-deep)}.zoombar button:disabled{opacity:.35;cursor:default}input[type=text],textarea{width:100%;border:1px solid var(--line-2);background:var(--panel);border-radius:14px;padding:12px 14px;outline:none;transition:border-color .12s,box-shadow .12s}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}textarea{resize:none;min-height:96px}select{border:1px solid var(--line-2);background:var(--panel);border-radius:10px;padding:8px 10px}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));grid-gap:8px;gap:8px}.thumb{aspect-ratio:1;border:2px solid transparent;border-radius:14px;background:var(--lav);padding:0;cursor:pointer;overflow:hidden;transition:transform .12s}.thumb:hover{transform:translateY(-2px)}.thumb img{width:100%;height:100%;object-fit:contain;display:block}.thumb.on{border-color:var(--brand)}.seg{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:3px}.seg button{border:0;background:transparent;padding:6px 14px;border-radius:9px;cursor:pointer;font-weight:500;font-size:14px;color:var(--muted)}.seg button.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px rgba(40,30,60,.12)}.presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px}.preset{border:1px solid var(--line-2);border-radius:14px;background:var(--panel);padding:10px 12px;cursor:pointer;text-align:left;transition:border-color .12s,transform .12s}.preset:hover:not(:disabled){border-color:var(--brand);transform:translateY(-1px)}.preset b{display:block;font-size:14px;font-weight:500}.preset small{color:var(--muted);font-size:13px}.preset.on{border-color:var(--brand);background:var(--brand-soft)}.preset-wrap{position:relative}.preset-wrap .preset{width:100%;height:100%}.preset-x{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;display:grid;place-items:center}.preset-x:hover{background:var(--blush);color:var(--danger)}.custom-open{width:100%;justify-content:flex-start;border-style:dashed;color:var(--brand-deep)}.custom-open span{font-size:18px;line-height:1}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}.field small{font-weight:400}.slider{display:grid;grid-template-columns:70px 1fr 32px;grid-gap:8px;gap:8px;align-items:center;font-size:14px}input[type=range]{width:100%;accent-color:var(--brand)}details>summary{cursor:pointer;font-weight:500;font-size:14px;color:var(--ink-2);list-style:none;display:flex;align-items:center;gap:6px}details>summary:before{content:"+";display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--brand-soft);color:var(--brand-deep);font-family:var(--font-code)}details[open]>summary:before{content:"–"}details[open]>summary{margin-bottom:12px}pre.code{background:#0e1a3a;color:#e6ecfb;border-radius:14px;padding:14px 16px;font-family:var(--font-code);font-size:12.5px;line-height:1.6;overflow-x:auto;margin:0;white-space:pre}.files{display:grid;grid-gap:10px;gap:10px}.file{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--panel)}.file b{font-weight:500;font-size:15px;word-break:break-all}.file.hero-file{background:var(--brand-soft);border-color:var(--brand-mid)}.legend{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted)}.legend i{width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.legend i,.spinner{display:inline-block}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--brand);animation:spin .8s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}.prompt-hero{max-width:760px;margin:40px auto 0;text-align:center}.prompt-hero h1{font-size:clamp(38px,6vw,64px)}.prompt-box{margin-top:28px;background:var(--panel);border:1.5px solid var(--line-2);border-radius:26px;padding:14px;text-align:left;box-shadow:0 10px 30px -18px rgba(37,99,255,.3);transition:border-color .12s,box-shadow .12s}.prompt-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 5px var(--brand-soft)}.prompt-box textarea{border:0;padding:6px 8px;min-height:84px;font-size:18px;box-shadow:none!important}.prompt-box textarea:focus{box-shadow:none}.prompt-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.upload-link{background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:14px}.upload-link:hover{color:var(--brand)}