.public{background:var(--surface);min-height:100vh}.public .sp,.lfoot .sp{flex:1}.lnav{border-bottom:2px solid var(--edge);background:var(--surface);z-index:40;align-items:center;gap:18px;padding:14px 28px;display:flex;position:sticky;top:0}.lnav-links{gap:18px;margin-left:16px;display:flex}.lnav-links a{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.lnav-links a:hover{color:var(--ink)}.lhero{text-align:center;max-width:1100px;margin:0 auto;padding:60px 24px 30px}.lpill{border:1.5px solid var(--edge);background:var(--p3);border-radius:999px;margin-bottom:18px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.lhero h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:64px;line-height:1.02}.lhero h1 mark{background:var(--logo);border:2px solid var(--edge);color:inherit;box-shadow:5px 5px 0 var(--shadow-ink);margin-top:8px;padding:0 12px;display:inline-block;transform:rotate(-1.5deg)}.lhero p{color:var(--muted);max-width:660px;margin:22px auto 26px;font-size:18px}.lhero p b{color:var(--ink)}.lcta{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px;display:flex}.lphones{justify-content:center;align-items:flex-end;gap:22px;margin-top:44px;display:flex}.lphones .ph{width:190px}.lphones>div:nth-child(2) .ph{width:230px}.lphones>div:first-child{transform:rotate(-5deg)}.lphones>div:nth-child(3){transform:rotate(5deg)}.ph{aspect-ratio:9/16;border:3px solid var(--edge);box-shadow:7px 7px 0 var(--shadow-ink);color:#fff;background:#000;border-radius:18px;position:relative;overflow:hidden}.ph-bg{object-fit:cover;width:100%;height:100%;animation:10s ease-in-out infinite alternate ph-kb;position:absolute;inset:0}@keyframes ph-kb{to{transform:scale(1.1)}}.ph-tx{text-align:center;text-transform:uppercase;text-shadow:0 2px 10px #000000bf;font-size:15px;font-weight:700;line-height:1.05;position:absolute;bottom:14%;left:8%;right:8%}.ph-tx em{color:#ff8cc4;font-style:normal}.lsec{max-width:1180px;margin:0 auto;padding:60px 24px 10px}.lsec h2,.lfinal h2{text-align:center;margin:0;font-size:40px}.lsub{text-align:center;color:var(--muted);margin:8px 0 26px;font-size:16px}.lsteps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;display:grid}.lstep{padding:22px}.lstep h3{margin:12px 0 6px;font-size:22px}.lstep p{color:var(--muted);margin:0}.ln{border:2px solid var(--edge);background:var(--accent);border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:700;display:grid}.lstep:nth-child(2) .ln{background:var(--p2)}.lstep:nth-child(3) .ln{background:var(--logo)}.gal{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.gal .ph{box-shadow:4px 4px 0 var(--shadow-ink);border-width:2px;border-radius:12px}.gal .ph-tx{font-size:13px;bottom:8%}.lfinal{text-align:center;background:var(--p1);max-width:900px;margin:70px auto 50px;padding:44px 24px}.lfinal p{color:var(--muted);margin:8px 0 22px;font-size:17px}.lfoot{border-top:2px solid var(--edge);flex-wrap:wrap;align-items:center;gap:20px;padding:26px 28px;display:flex}.onb{flex-direction:column;align-items:flex-start;gap:18px;max-width:880px;margin:0 auto;padding:50px 24px;display:flex}.onb h1{margin:0;font-size:44px}.onb-gift{background:var(--p3);align-items:center;gap:14px;padding:14px 20px;display:inline-flex}.onb-gift b{font-size:22px;display:block}.onb-gift small{color:var(--muted)}.page{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:34px 24px 80px;overflow-y:auto}.page-h{align-items:center;gap:12px;margin-bottom:22px;display:flex}.page-h h1{margin:0;font-size:36px}.page-h .btn{margin-left:auto}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;display:flex}.empty p{max-width:420px;margin:0 0 8px}.acct-pane{gap:16px;max-width:820px;display:grid}.plan-now{flex-wrap:wrap;align-items:center;gap:16px;padding:20px;display:flex}.plan-now .pn{font-size:22px;display:block}.plan-now .grow{flex:1;min-width:200px}.plan-now small{color:var(--muted);overflow-wrap:anywhere;display:block}.bal{flex-wrap:wrap;gap:14px;display:flex}.bal>div{border:1.5px solid var(--line);border-radius:12px;flex:1;min-width:150px;padding:16px}.bal b{font-size:28px;display:block}.bal small{color:var(--muted)}@media (width<=1100px){.gal{grid-template-columns:repeat(4,1fr)}}@media (width<=860px){.lnav{gap:8px;padding:12px 14px}.lnav-links{display:none}.lnav .btn{padding:0 10px}.lhero{padding:36px 16px 10px}.lhero h1{font-size:38px}.lhero p{font-size:16px}.lphones{gap:10px}.lphones .ph{width:100px}.lphones>div:nth-child(2) .ph{width:130px}.ph-tx{font-size:10px}.lsec{padding:44px 16px 0}.lsec h2,.lfinal h2{font-size:30px}.lsteps{grid-template-columns:1fr}.gal{grid-template-columns:repeat(2,1fr)}.lfinal{margin:44px 16px}.onb{padding:30px 16px}.onb h1{font-size:32px}.page{padding:24px 16px 80px}.page-h h1{font-size:28px}}.auth{background:var(--soft) radial-gradient(var(--dots) 1px, transparent 1.1px) 0 0 / 20px 20px;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:30px 16px;display:flex}.auth .auth-card{width:min(420px,100%);margin:0;padding:28px;display:block}.auth-card.center{justify-content:center;align-items:center;gap:10px;display:flex}.auth-card h2{margin:0;font-size:28px}.auth-card>.muted{margin:4px 0 18px}.auth-card form{flex-direction:column;gap:12px;display:flex}.auth-card .invited{margin-bottom:14px}.sso{border:1.5px solid var(--edge);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;font-weight:600;transition:transform .12s,box-shadow .12s;display:flex}.sso:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sso:disabled{opacity:.5;cursor:not-allowed}.sso small{color:var(--faint);border:1px solid var(--line);border-radius:5px;padding:0 5px;font-size:11px;font-weight:500}.sso .g{color:#4285f4;font-size:17px;font-weight:800}.sso .a{background:var(--ink);border-radius:50% 50% 45% 45%;width:16px;height:16px}.or{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:4px 0;font-size:12.5px;font-weight:600;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1.5px}.auth-card .check{align-items:flex-start;gap:9px;font-size:13px;font-weight:400;display:flex}.auth-card .check input{flex:none;margin-top:2px}.auth-card .check a{color:var(--ink);text-underline-offset:2px;font-weight:600;text-decoration:underline}.aerr{color:var(--ko-text);font-size:13px;font-weight:500}.sent{border:1.5px solid var(--edge);background:var(--p3);border-radius:10px;align-items:flex-start;gap:10px;padding:12px;font-size:13.5px;display:flex}.sent svg{flex:none;margin-top:1px}.sent .more{margin-top:8px;display:block}.more{color:var(--accent-text);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:none}.more:hover{text-decoration:underline}.auth-switch{text-align:center;color:var(--muted);margin:16px 0 0;font-size:13.5px}.auth-switch button{color:var(--ink);background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.mine-tools{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.mine-search{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;height:40px;padding:0 12px;display:flex}.mine-search:focus-within{border-color:var(--edge)}.mine-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0}.mine-filter{flex-wrap:wrap}.mine-sort{width:auto;height:40px}.mine-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px;display:grid}.vcard{flex-direction:column;gap:8px;min-width:0;display:flex;position:relative}.vcard-ph{background:0 0;border:0;padding:0;display:block;position:relative}.vcard .ph{box-shadow:4px 4px 0 var(--shadow-ink);border-width:2px;border-radius:12px;transition:transform .12s}.vcard-ph:hover .ph{transform:translate(-2px,-2px)}.vcard .ph-tx{font-size:12px}.vcard h4{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;line-height:1.25;overflow:hidden}.vcard .meta2{color:var(--faint);font-size:12px}.vst{z-index:4;border:1.5px solid var(--edge);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.vst.ready{background:var(--logo)}.vst.exported{background:var(--surface)}.vst.running{background:var(--p5)}.vst.failed{background:var(--ko-soft-2)}.vrun{z-index:3;color:#fff;background:#00000073;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.vacts{gap:6px;display:flex}.vacts button,.vacts a{border:1.5px solid var(--line);background:var(--surface);height:32px;color:var(--ink);border-radius:8px;flex:1;place-items:center;display:grid}.vacts button:hover:not(:disabled),.vacts a:hover{border-color:var(--edge)}.vacts button:disabled{opacity:.4;cursor:not-allowed}@media (width<=860px){.mine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mine-tools .seg{flex-wrap:nowrap;max-width:100%;overflow-x:auto}}.acct-tabs{flex-wrap:wrap;margin:0 0 22px}.acct-box{gap:12px;padding:18px;display:grid}.acct-box p{margin:0}.acct-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.danger-text{color:var(--ko-text)}.reasons{flex-wrap:wrap;gap:8px;display:flex}.profile-form{max-width:560px}.profile-form .toggle{margin-top:6px}.tbl-wrap{overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:13.5px}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1.5px solid var(--edge);padding:8px 10px;font-size:11.5px}.tbl td{border-bottom:1px solid var(--line);padding:10px}.tbl .num{text-align:right;white-space:nowrap}.tbl .plus{color:var(--ok);font-weight:700}.tbl .minus{color:var(--ko-text);font-weight:700}.tdl{border:1.5px solid var(--line);color:var(--ink);border-radius:7px;align-items:center;gap:5px;padding:3px 8px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.tdl:hover{border-color:var(--edge)}@media (width<=860px){.tbl{font-size:12.5px}.acct-tabs{flex-wrap:nowrap;max-width:100%;overflow-x:auto}}.onb h3{margin:8px 0 0;font-size:22px}.onb p{margin:0}.onb-dots{gap:6px;width:120px;display:flex}.onb-dots i{border:1.5px solid var(--edge);border-radius:99px;flex:1;height:8px}.onb-dots i.on{background:var(--logo)}.niches{flex-wrap:wrap;gap:10px;display:flex}.niches .chip{height:40px;padding:0 16px;font-size:14px}.onb-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.onb-plan{flex-direction:column;gap:6px;padding:16px;display:flex;position:relative}.onb-plan.hot{border:2px solid var(--edge);box-shadow:5px 5px 0 var(--accent), 5px 5px 0 2px var(--shadow-ink)}.onb-plan .pp b{font-size:26px}.onb-plan .btn{margin-top:6px}.onb .ribbon{background:var(--accent);border:1.5px solid var(--edge);border-radius:6px;padding:1px 8px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:14px}@media (width<=860px){.onb-plans{grid-template-columns:1fr}}.lplans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:960px;margin:0 auto;display:grid}.lplan{flex-direction:column;gap:6px;padding:18px;display:flex;position:relative}.lplan.hot{border:2px solid var(--edge);box-shadow:5px 5px 0 var(--accent), 5px 5px 0 2px var(--shadow-ink)}.lplan .pn{font-size:16px}.lplan .pp b{letter-spacing:-.02em;font-size:30px}.lplan .pc{color:var(--muted);font-size:12.5px;font-weight:600}.lplan ul{flex:1;gap:5px;margin:8px 0 12px;padding:0;font-size:13px;list-style:none;display:grid}.lplan li:before{content:"✓ ";color:var(--ok);font-weight:700}.lplan .ribbon{background:var(--accent);border:1.5px solid var(--edge);border-radius:6px;padding:1px 8px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:14px}.faq{gap:10px;max-width:760px;margin:24px auto 0;display:grid}.faq details{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:14px 18px}.faq details[open]{border:2px solid var(--edge);box-shadow:var(--shadow-sm)}.faq summary{cursor:pointer;justify-content:space-between;gap:10px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:20px;line-height:1}.faq details[open] summary:after{content:"−"}.faq p{color:var(--muted);margin:8px 0 0}.lfoot-links{flex-wrap:wrap;flex:1;gap:16px;display:flex}.lfoot-links a,.lfoot-links button{color:var(--muted);background:0 0;border:0;padding:0;font-size:13px;font-weight:500;text-decoration:none}.lfoot-links a:hover,.lfoot-links button:hover{color:var(--ink);text-decoration:underline}@media (width<=860px){.lplans{grid-template-columns:1fr}}.legal{max-width:860px;margin:0 auto;padding:34px 24px 60px}.legal h1{margin:18px 0 10px;font-size:36px}.legal-tabs{flex-wrap:wrap;display:flex}.legal-tabs a{height:30px;color:var(--muted);border-radius:7px;align-items:center;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.legal-tabs a.on{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1.5px var(--edge)}.legal-warn{background:var(--warn-soft);border:1.5px solid var(--gold2);border-radius:9px;margin:14px 0;padding:10px 12px;font-size:13px;font-weight:500}.legal-body h2{margin:22px 0 6px;font-size:18px}.legal-body p,.legal-body li{color:var(--muted);font-size:14px}.legal-body p{margin:0 0 6px}.legal-body ul{margin:4px 0;padding-left:18px}.ph-t{background:var(--p5);color:var(--ink);border-radius:4px;padding:0 4px;font-weight:600}@media (width<=860px){.legal{padding:24px 16px 40px}.legal h1{font-size:28px}}.pw-switch{align-self:center}.gen-page{flex:1;overflow-y:auto}.gen{grid-template-columns:260px minmax(0,1fr);align-items:center;gap:44px;max-width:900px;margin:0 auto;padding:50px 24px;display:grid}.gen-ph .ph{width:260px}.gen .ph .ph-bg{filter:blur(6px)saturate(1.1);transform:scale(1.1)}.gen .veil{color:#fff;background:#0a0a1080;place-items:center;display:grid;position:absolute;inset:0}.gen .veil .spinner{border-width:3px;width:28px;height:28px}.gen-main{min-width:0}.gen h2{margin:0;font-size:38px}.prio{border:1.5px solid var(--edge);background:var(--gold3);border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.gsteps{gap:12px;margin:22px 0;padding:0;list-style:none;display:grid}.gsteps li{color:var(--faint);align-items:center;gap:12px;font-size:15px;font-weight:600;transition:color .2s;display:flex}.gsteps li i{border:2px solid var(--line);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-style:normal;display:grid}.gsteps li.run{color:var(--ink)}.gsteps li.run i{border-color:var(--edge);background:var(--accent);animation:1s infinite gpulse}.gsteps li.ok{color:var(--ink)}.gsteps li.ok i{border-color:var(--edge);background:var(--logo)}.gsteps li.ko{color:var(--ko-text)}.gsteps li.ko i{border-color:var(--edge);background:var(--ko-soft-2)}@keyframes gpulse{50%{transform:scale(1.12)}}.gbar{border:2px solid var(--edge);background:var(--surface);border-radius:999px;height:14px;overflow:hidden}.gbar b{background:var(--accent);width:0;height:100%;transition:width .35s;display:block}.prio-on .gbar b{background:linear-gradient(90deg, var(--gold2), var(--gold1))}.gleft{color:var(--muted);margin:10px 0 0;font-size:13px}.gtip{align-items:flex-start;gap:8px;margin-top:18px;padding:12px 14px;font-size:13px;display:flex}.gtip svg{flex:none;margin-top:1px}.gfail{border:2px solid var(--edge);background:var(--ko-soft);border-radius:12px;margin-top:16px;padding:16px;box-shadow:4px 4px #ff6b6b}.gfail b{margin-bottom:4px;font-size:16px;display:block}.gfail p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13.5px}.gfail .refund{background:var(--logo);border:1.5px solid var(--edge);border-radius:999px;margin:10px 0 12px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.gfail .row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}@media (width<=860px){.gen{grid-template-columns:1fr;justify-items:center;gap:24px;padding:24px 16px}.gen-ph .ph{width:180px}.gen-main{width:100%}.gen h2{font-size:28px}}.gtrack{margin-top:-8px;padding-top:128px;position:relative}.mascot{z-index:2;pointer-events:none;width:88px;height:88px;margin-left:-44px;transition:left .8s cubic-bezier(.3,.8,.3,1);position:absolute;bottom:4px}.gtrack .mascot{left:clamp(44px, var(--m-left,0%), calc(100% - 44px))}.mascot svg{display:block;overflow:visible}.m-bubble{white-space:nowrap;background:var(--surface);border:2px solid var(--edge);box-shadow:2px 2px 0 var(--shadow-ink);border-radius:10px;padding:3px 9px;font-size:12px;font-weight:700;animation:.3s ease-out m-pop;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.m-bubble:after{content:"";background:var(--surface);border-right:2px solid var(--edge);border-bottom:2px solid var(--edge);width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.m-fail .m-bubble{background:var(--ko-soft)}.m-done .m-bubble{background:var(--p3)}@keyframes m-pop{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}.m-start .m-bubble{left:4px;transform:none}.m-start .m-bubble:after{left:40px}.m-end .m-bubble{left:auto;right:4px;transform:none}.m-end .m-bubble:after{left:auto;right:34px;transform:rotate(45deg)}.walking .m-body{animation:.5s ease-in-out infinite m-bob}.walking .m-leg{transform-box:fill-box}.walking .m-leg.l{transform-origin:top;animation:.5s ease-in-out infinite m-step}.walking .m-leg.r{transform-origin:top;animation:.5s ease-in-out infinite reverse m-step}@keyframes m-bob{50%{transform:translateY(-2px)}}@keyframes m-step{0%,to{transform:rotate(14deg)}50%{transform:rotate(-14deg)}}.m-eye{transform-box:fill-box;transform-origin:50%;animation:3.2s infinite m-blink}@keyframes m-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.m-pencil{transform-box:fill-box;transform-origin:20% 90%;animation:.35s ease-in-out infinite alternate m-scribble}@keyframes m-scribble{0%{transform:translate(-1px)rotate(-6deg)}to{transform:translate(2px,1px)rotate(4deg)}}.m-wave{opacity:0;animation:1s ease-out infinite m-wave}.m-wave.w2{animation-delay:.35s}@keyframes m-wave{0%{opacity:0}30%{opacity:1}to{opacity:0;transform:translate(3px)}}.m-mouth-sing{transform-box:fill-box;transform-origin:50%;animation:.4s ease-in-out infinite alternate m-sing}@keyframes m-sing{to{transform:scaleY(.4)}}.m-rec{animation:1s step-end infinite m-rec}@keyframes m-rec{50%{opacity:0}}.m-camera{transform-box:fill-box;transform-origin:10% 80%;animation:2.4s ease-in-out infinite m-pan}@keyframes m-pan{50%{transform:rotate(-4deg)}}.m-screen{animation:1.6s ease-in-out infinite m-glow}@keyframes m-glow{50%{fill:#bfe9ff}}.m-clips{animation:1.2s linear infinite m-scroll}@keyframes m-scroll{to{transform:translate(-3px)}}.m-type{transform-box:fill-box;transform-origin:top;animation:.25s ease-in-out infinite alternate m-tap}@keyframes m-tap{to{transform:translateY(1.5px)}}.m-done svg{animation:.6s ease-in-out infinite m-jump}@keyframes m-jump{50%{transform:translateY(-6px)}}.m-star{transform-box:fill-box;transform-origin:50%;animation:.8s ease-in-out infinite alternate m-twinkle}.m-star.s2{animation-delay:.3s}@keyframes m-twinkle{to{transform:scale(1.3)rotate(20deg)}}.m-fail svg{transform:rotate(-4deg)}@media (prefers-reduced-motion:reduce){.mascot{transition:none}.mascot *,.mascot svg{animation:none!important}.m-wave{opacity:1}}.create{flex:1;overflow-y:auto}.home{max-width:1080px;margin:0 auto;padding:48px 24px 70px}.create-title{text-align:center;text-wrap:balance;max-width:900px;margin:0 auto;font-size:54px}.create .sub{text-align:center;color:var(--muted);margin:14px 0 30px;font-size:17px}.gw{text-align:center;white-space:nowrap;vertical-align:bottom;background:var(--logo);border:2px solid var(--edge);color:inherit;box-shadow:4px 4px 0 var(--shadow-ink);padding:0 10px;display:inline-block;position:relative;overflow:hidden;transform:rotate(-2deg)}.gw:before,.gw:after{content:attr(data-text);opacity:0;pointer-events:none;background:var(--logo);padding:0 10px;position:absolute;inset:0}.gw.glitch{animation:.5s steps(2,end) gshake}.gw.glitch:before{opacity:1;color:var(--accent);text-shadow:-3px 0 var(--pro);animation:.5s steps(4,end) both g1}.gw.glitch:after{opacity:1;color:var(--pro);text-shadow:3px 0 var(--accent);animation:.5s steps(4,end) both g2}@keyframes g1{0%{clip-path:inset(8% 0 62%);transform:translate(-6px,-2px)}25%{clip-path:inset(55% 0 12%);transform:translate(5px,1px)}50%{clip-path:inset(28% 0 44%);transform:translate(-3px,2px)}75%{clip-path:inset(70% 0 4%);transform:translate(4px,-1px)}to{clip-path:inset(0 0 100%);transform:none}}@keyframes g2{0%{clip-path:inset(60% 0 8%);transform:translate(6px,2px)}25%{clip-path:inset(10% 0 66%);transform:translate(-5px,-1px)}50%{clip-path:inset(40% 0 30%);transform:translate(3px,-2px)}75%{clip-path:inset(5% 0 80%);transform:translate(-4px,1px)}to{clip-path:inset(100% 0 0);transform:none}}@keyframes gshake{0%{transform:rotate(-2deg)translate(0)}20%{transform:rotate(-3.5deg)translate(-3px,1px)skew(-6deg)}40%{transform:rotate(-1deg)translate(3px,-1px)skew(5deg)}60%{transform:rotate(-2.5deg)translate(-2px)}80%{transform:rotate(-1.5deg)translate(2px,1px)skew(-3deg)}to{transform:rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.gw:before,.gw:after{display:none}}.composer{min-width:0;max-width:820px;margin:0 auto;padding:16px;position:relative}.c-top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.c-top .lbl{margin:0}.mt-hint{color:var(--muted);margin-left:auto;font-size:12.5px;animation:.3s ui-fade}.composer>textarea{resize:none;background:0 0;border:0;outline:none;width:100%;min-height:64px;padding:4px 0;font-size:20px;line-height:1.35}.composer>textarea:focus{border:0}.composer.with-video>textarea{min-height:44px;font-size:17px}.c-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.c-row .meta{color:var(--faint);margin-left:auto;font-size:12.5px}.ok-text{color:var(--ok);font-weight:600}.dice{color:var(--accent-text)}.c-opts{border-top:1.5px dashed var(--line);grid-template-columns:minmax(0,1fr);gap:16px;margin-top:14px;padding-top:14px;display:grid}.c-opts>*{min-width:0}.composer .lbl{align-items:center;gap:6px;margin-bottom:8px;display:flex}.composer .lbl .cost{text-transform:none;letter-spacing:0;color:var(--faint);text-align:right;margin-left:auto;font-weight:500}.reveal{animation:.35s ease-out ui-in}.mt{border:2px solid var(--edge);background:var(--surface);width:168px;height:40px;box-shadow:3px 3px 0 var(--shadow-ink);-webkit-user-select:none;user-select:none;border-radius:999px;flex:none;grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative;overflow:hidden}.mt .mt-thumb{background:var(--logo);border:2px solid var(--edge);z-index:0;border-radius:999px;width:calc(50% - 3px);transition:transform .32s cubic-bezier(.22,.9,.3,1),background .3s;position:absolute;top:3px;bottom:3px;left:3px}.mt[data-v=pro] .mt-thumb{background:var(--accent);transform:translate(100%)}.mt button{z-index:1;color:var(--muted);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;font-size:13.5px;font-weight:700;transition:color .25s,transform .12s;display:flex;position:relative}.mt button svg{transition:transform .4s}.mt[data-v=auto] button[data-m=auto],.mt[data-v=pro] button[data-m=pro]{color:var(--ink)}.mt[data-v=auto] button[data-m=auto] svg{transform:rotate(-15deg)scale(1.1)}.mt[data-v=pro] button[data-m=pro] svg{transform:rotate(25deg)scale(1.1)}.mt button:active{transform:scale(.94)}.mt.mt-sm{width:150px;height:36px}.composer .or{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:14px 0 12px;font-size:12.5px;font-weight:600;display:flex}.composer .or:before,.composer .or:after{content:"";background:var(--line);flex:1;height:1.5px}.vdrop{border:1.5px dashed var(--edge);background:var(--soft);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:background .15s,transform .15s;display:flex}.vdrop:hover,.vdrop.over{background:var(--p2);transform:translateY(-1px)}.vdrop-t{flex-direction:column;gap:2px;min-width:0;display:flex}.vdrop-t b{font-size:14px}.vdrop-t small{color:var(--muted);font-size:12.5px}.vdrop-tip{color:var(--muted);cursor:help;flex:none;place-items:center;margin-left:auto;display:grid}.vcost{margin:6px 0 0;font-size:12px}.verr{border:1.5px solid var(--ko);background:var(--ko-soft);color:var(--ko-text);border-radius:8px;margin-top:10px;padding:10px 12px;font-size:13px;font-weight:500}.vwarn{background:var(--warn-soft);border:1.5px solid var(--gold2);border-radius:8px;margin-top:8px;padding:8px 10px;font-size:12.5px}.vbox{grid-template-columns:140px minmax(0,1fr);align-items:start;gap:18px;display:grid}.vbox video,.vbox-ph{aspect-ratio:9/16;object-fit:cover;border:2px solid var(--edge);width:140px;box-shadow:4px 4px 0 var(--shadow-ink);background:#000;border-radius:12px}.vinfo{min-width:0}.vname{word-break:break-all;align-items:center;gap:8px;font-weight:700;display:flex}.vx{border:1.5px solid var(--line);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}.vx:hover{border-color:var(--edge)}.vsteps{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.vsteps li{color:var(--faint);align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex}.vsteps li i{border:2px solid var(--line);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;display:grid}.vsteps li.run{color:var(--ink)}.vsteps li.run i{border-color:var(--edge);background:var(--accent)}.vsteps li.ok{color:var(--ink)}.vsteps li.ok i{border-color:var(--edge);background:var(--logo)}.vsteps .spinner{width:10px;height:10px}.recipe{margin-top:12px}.rgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ritem{text-align:left;border:1.5px solid var(--edge);background:var(--surface);border-radius:9px;padding:9px 11px;font-size:12.5px;transition:opacity .15s}.ritem b{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.ritem.off{opacity:.35;border-style:dashed;text-decoration:line-through}.vlegal{color:var(--faint);margin:10px 0 0;font-size:12px}.auto-note{background:var(--p3);border:1.5px solid var(--edge);border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;font-size:13.5px;animation:.3s ease-out ui-in;display:flex}.auto-note svg{flex:none}.auto-note .ai{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.auto-note .ai span{background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:2px 9px;font-size:12px}.strip{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fl,0px), #000 calc(100% - var(--fr,0px)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fl,0px), #000 calc(100% - var(--fr,0px)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--fl,0px), #000 calc(100% - var(--fr,0px)), transparent 100%);gap:10px;padding:4px 6px 8px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.st{text-align:center;width:86px;color:var(--ink);background:0 0;border:0;flex:none;padding:0;font-size:11.5px;font-weight:600}.st .th{aspect-ratio:1;border:2px solid var(--line);border-radius:10px;margin-bottom:5px;transition:transform .12s,border-color .12s;display:block;overflow:hidden}.st .th img{object-fit:cover;width:100%;height:100%;display:block}.st:hover .th{border-color:var(--edge);transform:translateY(-2px)}.st.on .th{border-color:var(--edge);box-shadow:3px 3px 0 var(--accent), 3px 3px 0 2px var(--shadow-ink)}.dur-sl{align-items:center;gap:14px;display:flex}.dur-sl input{accent-color:var(--accent);flex:1;height:24px}.dur-sl b{text-align:right;min-width:52px;font-size:18px}.dur-marks{color:var(--faint);justify-content:space-between;margin:2px 66px 0 0;font-size:11.5px;display:flex}.opt-line{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.opt-line .seg{flex-wrap:wrap}.pro-tag{background:var(--pro);color:#fff;border-radius:4px;margin-left:4px;padding:1px 4px;font-size:9.5px;font-weight:700}.xhead{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.xhead .tag{background:var(--accent);border:1.5px solid var(--edge);border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700}.xgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.xgrid>*{min-width:0}.xgrid .wide{grid-column:span 2}.xgrid .full{grid-column:1/-1}.xgrid select,.xgrid input[type=text]{height:38px;padding:0 10px}.xgrid .seg{flex-wrap:wrap;max-width:100%;display:flex}.xgrid .seg button{padding:0 7px;font-size:12.5px}.xgrid .field>span em{text-transform:none;letter-spacing:0;margin-left:6px;font-style:normal;font-weight:600}.xgrid .soon>span em{background:var(--soft-2);border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:0 5px;font-size:10.5px}.drop{border:1.5px dashed var(--edge);background:var(--soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.drop .btn{margin-left:auto}.ai-sec{border:1.5px solid var(--line);background:var(--soft);border-radius:12px;padding:14px}.ai-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ai-top>div{flex:1;min-width:200px}.ai-top b{font-size:15px}.ai-top .faint{font-size:12.5px}.ai-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ai-list{gap:7px;display:grid}.aic{text-align:left;width:100%;color:var(--ink);border:1.5px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,transform .12s;display:flex}.aic:hover{border-color:var(--edge);transform:translateY(-1px)}.aic .r{border:2px solid var(--line);border-radius:50%;flex:none;width:16px;height:16px}.aic.on{border:2px solid var(--edge);box-shadow:3px 3px 0 var(--shadow-ink)}.aic.on .r{border:5px solid var(--accent);outline:1.5px solid var(--ink)}.aic .n{flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.aic .sp{color:var(--muted);margin-top:1px;font-size:12px;display:block}.aic .cr{color:var(--faint);white-space:nowrap;text-align:right;margin-left:auto;font-size:11.5px;font-weight:600}.aic .cr small{font-size:10.5px;font-weight:500;display:block}.reco{border:1.5px solid var(--edge);background:var(--logo);white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700}.ai-why{color:var(--muted);align-items:flex-start;gap:8px;margin-top:12px;font-size:12.5px;display:flex}.ai-why svg{color:var(--ink);flex:none}.ai-why b{color:var(--ink)}.go-row{align-items:center;gap:14px;margin-top:16px;display:flex}.go-row .btn{margin-left:auto}.go-row .price{color:var(--muted);text-align:right;flex:1;font-size:13px}.go-row .price b{color:var(--ink)}@media (width<=860px){.home{padding:28px 16px 60px}.create-title{font-size:34px}.create .sub{margin-bottom:22px;font-size:15px}.composer>textarea{font-size:17px}.c-top{flex-wrap:wrap}.mt-hint{order:3;width:100%;margin:0}.c-row .meta{width:100%;margin-left:0}.vbox{grid-template-columns:1fr}.vbox video,.vbox-ph{width:120px}.rgrid,.ai-cols{grid-template-columns:1fr}.auto-note{flex-wrap:wrap}.auto-note .ai{margin-left:0}.xgrid{grid-template-columns:minmax(0,1fr)}.xgrid .wide,.xgrid .full{grid-column:auto}.go-row{flex-wrap:wrap}.go-row .btn{width:100%;margin:0}.go-row .price{text-align:left;order:2}}.quick-packs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick-packs .pack{text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:transform .12s,border-color .12s;display:flex;position:relative}.quick-packs .pack:hover:not(:disabled){border-color:var(--edge);transform:translateY(-2px)}.quick-packs .pack:disabled{cursor:not-allowed;opacity:.7}.quick-packs .pack.hot{border:2px solid var(--edge);box-shadow:5px 5px 0 var(--accent), 5px 5px 0 2px var(--shadow-ink)}.quick-packs .ribbon{background:var(--accent);border:1.5px solid var(--edge);border-radius:6px;padding:1px 8px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:14px}.quick-packs .pn{align-items:center;gap:6px;font-size:16px;font-weight:700;display:inline-flex}.quick-packs .pp b{letter-spacing:-.02em;font-size:26px}@media (width<=860px){.quick-packs{grid-template-columns:1fr}}.aic.locked{opacity:.7}.aic.locked:hover{opacity:1}.mo{gap:16px;min-width:0;display:grid}.mo>*{min-width:0}.mo-genres{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.mo-genre{border:1.5px solid var(--line);background:var(--surface);min-height:74px;color:var(--ink);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 9px;font-size:12px;font-weight:700;line-height:1.15;transition:transform .15s,border-color .15s;display:flex}.mo-genre:hover{border-color:var(--edge);transform:translateY(-2px)}.mo-genre.on{border:2px solid var(--edge);background:var(--accent);box-shadow:3px 3px 0 var(--shadow-ink)}.mo-emo{font-size:22px;line-height:1}.mo-pals{flex-wrap:wrap;gap:8px;display:flex}.mo-pal{border:1.5px solid var(--line);background:var(--surface);height:34px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 11px 0 4px;font-size:12.5px;font-weight:600;display:inline-flex}.mo-pal:hover{border-color:var(--edge)}.mo-pal.on{border:2px solid var(--edge);box-shadow:2px 2px 0 var(--shadow-ink);font-weight:700}.mo-sw{border:1.5px solid var(--edge);background:var(--soft-2,#f2f0ea);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:9.5px;font-weight:800;display:grid}.mo .tags{flex-wrap:wrap;gap:6px;display:flex}.mo .tags .chip{height:30px}@media (width<=860px){.mo-genres{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){.mo-genres{grid-template-columns:repeat(2,minmax(0,1fr))}}.dur-hint{margin:6px 0 0;font-size:12px}.mo-row{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.mo-btn.on{box-shadow:3px 3px 0 var(--accent), 3px 3px 0 2px var(--shadow-ink)}.mo-sum{min-width:180px;color:var(--muted);flex:1;font-size:12.5px}.mo-row .mo-sum{font-weight:600}.mo-reset{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:600;text-decoration:underline}.mo-reset:disabled{opacity:.4;cursor:default}.mo-modal .mo{gap:18px}.mo-foot{border-top:1.5px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}@media (width<=860px){.mo-modal .xgrid{grid-template-columns:1fr 1fr}.mo-modal .xgrid .wide,.mo-modal .xgrid .full{grid-column:1/-1}}@media (width<=480px){.mo-modal .xgrid{grid-template-columns:1fr}}.mo-modal .lbl{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.mo-modal .lbl .cost{text-transform:none;letter-spacing:0;color:var(--faint);font-weight:500}.studio-page{flex-direction:column;flex:1;min-height:0;display:flex}.studio-bar{border-bottom:1.5px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;display:flex}.studio-bar h2{white-space:nowrap;text-overflow:ellipsis;max-width:520px;margin:0;font-size:22px;overflow:hidden}.studio-bar .saved{color:var(--ok);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.studio-bar .mode-switch{margin-left:auto}.studio{flex:1;grid-template-columns:340px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.stage{border-right:1.5px solid var(--line);background:var(--soft) radial-gradient(var(--dots) 1px, transparent 1.1px) 0 0 / 18px 18px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex;overflow-y:auto}.stage-ph{width:min(270px,56.25vh - 168.75px);max-width:100%}.stage-ph[style*="16 / 9"],.stage-ph[style*="1920 / 1080"]{width:100%}.stage .chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.stage .chips span{background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12px}.edit{min-width:0;padding:24px 28px 110px;overflow-y:auto}.edit>*{max-width:980px}.sec{margin-bottom:30px}.sec h3{align-items:center;gap:8px;margin:0 0 4px;font-size:19px;display:flex}.sec h3 .faint{font-size:14px;font-weight:500}.sec .desc{color:var(--muted);margin:0 0 14px;font-size:13px}.studio-err{align-items:flex-start;gap:10px;margin:0 0 16px;display:flex}.studio-err span{overflow-wrap:anywhere;flex:1}.studio-err button{color:inherit;background:0 0;border:0;padding:0}.busy-line{background:var(--p2);border:1.5px solid var(--edge);border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.hooks{gap:8px;display:grid}.hook{text-align:left;width:100%;color:var(--ink);align-items:center;gap:12px;padding:12px 14px;display:flex}.hook .r{border:2px solid var(--line);border-radius:50%;flex:none;width:18px;height:18px}.hook.on{border:2px solid var(--edge);box-shadow:var(--shadow-sm)}.hook.on .r{border:5px solid var(--accent);outline:2px solid var(--ink)}.hook b{font-weight:600}.hook small{color:var(--faint);white-space:nowrap;margin-left:auto;padding-left:8px}.hook.skeleton{color:var(--muted)}.sec .more{align-items:center;gap:6px;margin-top:8px;display:inline-flex}.quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.qa{text-align:left;width:100%;color:var(--ink);align-items:center;gap:10px;padding:14px;font-weight:600;display:flex}.qa:hover:not(:disabled){border-color:var(--edge)}.qa:disabled{opacity:.5;cursor:not-allowed}.qa .e{font-size:22px}.qa small{color:var(--muted);font-size:12px;font-weight:400;display:block}.qa .c{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:11.5px;font-weight:600}.qa.on{border:2px solid var(--edge);box-shadow:var(--shadow-sm);background:var(--p3)}.qa-custom{margin-top:12px}.kit-row{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.kit-row .grow{flex:1;min-width:160px;font-size:13px}.kit-row .grow small{color:var(--muted);display:block}.kit-row .sw3{gap:4px;display:flex}.kit-row .sw3 i{border:1.5px solid var(--edge);border-radius:5px;width:18px;height:18px}.blogo{border:1.5px solid var(--edge);color:var(--ink);border-radius:9px;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.blogo img{object-fit:contain;background:var(--surface);width:100%;height:100%}.brand-grid{grid-template-columns:minmax(0,1fr) 220px;gap:24px;display:grid}.bform{gap:14px;display:grid}.bform .vdrop{text-align:left;width:100%;font:inherit;color:inherit}.bcols{gap:10px;display:flex}.bcols label{color:var(--muted);text-transform:none;letter-spacing:0;flex-direction:column;flex:1;gap:4px;font-size:12px;display:flex}.bcols input{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;width:100%;height:36px;padding:2px}.bph{width:200px}.brand-mark{color:#fff;text-shadow:0 1px 4px #0009;z-index:3;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex;position:absolute}.brand-mark.tl{top:14px;left:10px}.brand-mark.tr{flex-direction:row-reverse;top:14px;right:10px}.brand-mark.br{flex-direction:row-reverse;bottom:14px;right:10px}.brand-outro{text-align:center;z-index:3;border:1.5px solid #111;border-radius:6px;padding:5px 6px;font-size:11px;font-weight:700;position:absolute;bottom:44px;left:8%;right:8%}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.pub{gap:12px;max-width:760px;margin-top:12px;display:grid}.cp{align-items:flex-start;gap:8px;display:flex}.cp input,.cp textarea{flex:1}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags .chip{height:28px}.tags .chip.off{opacity:.35;text-decoration:line-through}.pub-act{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pub-act .more{margin:0}.decl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dc{text-align:left;width:100%;color:var(--ink);align-items:center;gap:10px;padding:11px 12px;display:flex}.dc:hover:not(:disabled){border-color:var(--edge)}.dc:disabled{opacity:.45;cursor:not-allowed}.dc .e{font-size:20px}.dc b{font-size:13.5px}.dc small{color:var(--muted);font-size:12px;display:block}.dc .c{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:11.5px;font-weight:600}.decl-list{gap:8px;margin-top:12px;display:grid}.dl{border:1.5px solid var(--edge);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.dl .mini{border:1.5px solid var(--edge);border-radius:6px;flex:none;place-items:center;width:34px;height:50px;font-size:16px;display:grid}.dl .st{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;font-size:12.5px;font-weight:600;display:flex}.row2{grid-template-columns:minmax(0,1fr);gap:30px;display:grid}.row2>*{min-width:0}.voices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:760px;margin-top:12px;display:grid}.vc{align-items:center;gap:6px;padding:6px 8px 6px 4px;display:flex}.vc.on{border:2px solid var(--edge);background:var(--p3)}.vc-pick{text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:3px 4px;display:flex}.vc .av{border:1.5px solid var(--edge);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.vc-t{min-width:0}.vc .n{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.vc .t{color:var(--muted);font-size:11.5px;display:block}.vc .pl{border:1.5px solid var(--line);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.vc .pl:hover:not(:disabled){border-color:var(--edge)}.vsliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:760px;margin-top:14px;display:grid}.rng{align-items:center;gap:10px;display:flex}.rng input{flex:1}.rng b{text-align:right;min-width:38px;font-size:13px}.board{scroll-snap-type:x proximity;gap:14px;padding:4px 4px 14px;display:flex;overflow-x:auto}.sc{scroll-snap-align:start;cursor:pointer;flex-direction:column;flex:none;gap:8px;width:196px;padding:10px;transition:transform .12s;display:flex}.sc:hover{transform:translateY(-2px)}.sc.on{border:2px solid var(--edge);box-shadow:4px 4px 0 var(--accent), 4px 4px 0 2px var(--shadow-ink)}.sc .hd{align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.sc .hd .n{border:1.5px solid var(--edge);border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.sc .hd small{color:var(--faint);margin-left:auto;font-weight:500}.sc-ph{aspect-ratio:9/12;border:2px solid var(--edge);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.sc-ph img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sc-tx{color:#fff;text-transform:uppercase;text-align:center;text-shadow:0 2px 8px #000000b3;padding:0 8px;font-size:12px;font-weight:800;position:relative}.sc textarea{resize:none;min-height:56px;font-size:12.5px}.xscene{margin-top:16px;padding:16px}.xscene .xhead{margin-bottom:12px}.tracks{gap:5px;min-width:0;margin-top:14px;font-size:11px;display:grid}.tracks .tr{align-items:center;gap:8px;display:flex}.tracks .tr>b{width:70px;color:var(--muted);flex:none;font-weight:600}.tracks .lane{flex:1;gap:2px;min-width:0;height:26px;display:flex;position:relative}.tracks .lane button,.tracks .lane i{border:1.5px solid var(--edge);white-space:nowrap;border-radius:5px;align-items:center;min-width:0;padding:0 6px;font-size:11px;font-style:normal;font-weight:600;display:flex;overflow:hidden}.tracks .lane button.on{box-shadow:inset 0 -4px 0 var(--shadow-ink)}.tracks .wave{background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 5px) center / 100% 45% no-repeat, var(--p3)}.tracks .empty-lane{color:var(--faint);flex:1;border-style:dashed!important;border-color:var(--line)!important}.tracks .head{pointer-events:none;background:#e5484d;width:2px;position:absolute;top:-4px;bottom:-4px}.dock{background:var(--surface);border-top:2px solid var(--edge);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:12px 28px;display:flex}.dock .info{color:var(--muted);font-size:13px}.dock .info b{color:var(--ink)}.dock .pending{background:var(--p5);border:1.5px solid var(--edge);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.dock .more{margin:0}.dock-export{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.render-st{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}@media (width<=1100px){.voices{grid-template-columns:1fr 1fr}}@media (width<=860px){.studio-page{overflow-y:auto}.studio{grid-template-columns:1fr;overflow:visible}.stage{border-right:0;border-bottom:1.5px solid var(--line);padding:18px;overflow:visible}.stage-ph{width:190px}.edit{padding:20px 16px 30px;overflow:visible}.studio-bar{padding:12px 16px}.studio-bar h2{flex-basis:100%;order:2;max-width:100%;font-size:18px}.studio-bar .saved{order:3}.quick,.decl,.voices,.vsliders,.brand-grid{grid-template-columns:1fr}.bph{width:160px}.cp{flex-direction:column}.cp .btn{width:100%}.dock{padding:10px 14px;position:sticky;bottom:0}.dock .info{display:none}.dock-export{width:100%;margin-left:0}.dock-export .btn{flex:1}.hook small{display:none}}.studio-bar .saved.ko{color:var(--ko-text)}.bill{align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.save{background:var(--logo);border:1.5px solid var(--edge);border-radius:5px;padding:0 5px;font-size:11px}.plans,.packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.modal .plan,.modal .pack{border:1.5px solid var(--line);background:var(--surface);text-align:left;color:var(--ink);box-shadow:none;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex;position:relative}.modal .plan.hot{border:2px solid var(--edge);box-shadow:5px 5px 0 var(--accent), 5px 5px 0 2px var(--shadow-ink)}.modal .plan.current{outline:3px solid var(--logo);outline-offset:3px}.modal .plan-studio{background:linear-gradient(160deg, var(--gold-soft-1), var(--gold-soft-2))}.modal .pack{cursor:pointer;transition:transform .12s,border-color .12s}.modal .pack:hover:not(:disabled){border-color:var(--edge);transform:translateY(-2px)}.modal .pack:disabled{cursor:not-allowed;opacity:.6}.ribbon{background:var(--accent);border:1.5px solid var(--edge);border-radius:6px;padding:1px 8px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:14px}.modal .pn{align-items:center;gap:6px;font-size:16px;font-weight:700;display:inline-flex}.modal .pp b{letter-spacing:-.02em;font-size:30px}.modal .pp small{color:var(--muted);margin-left:3px}.modal .pc{color:var(--muted);font-size:12.5px;font-weight:600}.modal .plan ul{flex:1;gap:5px;margin:8px 0 12px;padding:0;font-size:13px;list-style:none;display:grid}.modal .plan li{padding-left:0}.modal .plan li:before{content:"✓ ";color:var(--ok);font-weight:700;position:static}.modal .plan .btn{width:100%}.small-print{align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.sub-now{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.sub-now .grow{flex:1;min-width:200px;font-size:13.5px}.order .row{flex-wrap:wrap;gap:10px;display:flex}.consent{border:1.5px solid var(--line);border-radius:10px;align-items:flex-start;gap:9px;padding:10px 12px;font-size:13px;font-weight:400;display:flex}.consent input{flex:none;margin-top:2px}.consent a{color:var(--ink);font-weight:600}.consent.missing{border-color:var(--ko);background:var(--ko-soft)}.modal.wel{text-align:center;align-items:center;width:min(460px,100%);overflow:hidden}.wel h2{text-wrap:balance;font-size:28px;padding:0!important}.wel-badge{letter-spacing:.1em;border:2px solid var(--edge);background:var(--logo);border-radius:8px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.w-createur .wel-badge{background:var(--accent)}.wel.w-studio{background:linear-gradient(170deg, var(--gold-soft-1), var(--gold-soft-2))}.w-studio .wel-badge,.w-studio .wel-go{background:linear-gradient(110deg, var(--gold2), var(--gold1) 45%, var(--gold3) 50%, var(--gold1) 55%, var(--gold2));background-size:250% 100%;animation:2.5s linear infinite shine}.wel-credits{border:2px solid var(--edge);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.wel-credits b{font-size:26px}.wel-list{text-align:left;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.wel-list li{border:1.5px solid var(--line);background:var(--surface);opacity:0;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:600;animation:.4s ease-out forwards pop;display:flex;transform:translateY(8px)}.wel-list li span{color:var(--ok);font-weight:800}@keyframes pop{to{opacity:1;transform:none}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{opacity:.95;border-radius:2px;width:8px;height:12px;animation:linear forwards fall;position:absolute;top:-14px}@keyframes fall{to{opacity:0;transform:translateY(640px)rotate(720deg)}}@keyframes shine{to{background-position:-250% 0}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.wel-list li{opacity:1;transform:none}}.ref-hero{place-items:center;display:grid}.share{flex-wrap:wrap;gap:8px;display:flex}.steps5{gap:8px;margin:6px 0 14px;display:flex}.steps5 i{border:1.5px dashed var(--line);border-radius:9px;flex:1;place-items:center;height:34px;font-size:12px;font-style:normal;font-weight:700;display:grid}.steps5 i.on{background:var(--logo);border:1.5px solid var(--edge)}.ref-lbl{display:flex}.ref-lbl .cost{text-transform:none;letter-spacing:0;color:var(--faint);margin-left:auto;font-weight:500}.modal .ref-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.modal .ref-stats div{border:1.5px solid var(--line);text-align:center;background:var(--surface);border-radius:10px;padding:10px}.modal .ref-stats b{font-size:22px;display:block}.modal .ref-stats small{color:var(--muted);font-size:12px}.ref-list{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.ref-list li{border:1.5px solid var(--line);border-radius:8px;justify-content:space-between;gap:10px;padding:6px 10px;display:flex}.ref-list small{color:var(--muted)}@media (width<=860px){.plans,.packs{grid-template-columns:1fr}}.top{background:var(--surface);border-bottom:2px solid var(--edge);z-index:40;flex:none;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.top .sp{flex:1}.top-nav{gap:4px;margin-left:18px;display:flex}.top-nav a{height:34px;color:var(--muted);border-radius:8px;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.top-nav a:hover{color:var(--ink)}.top-nav a.on{color:var(--ink);background:var(--soft)}.top-warn{align-items:center;gap:5px;display:inline-flex}.hbtn{border:1.5px solid var(--line);background:var(--surface);border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid;position:relative}.hbtn:hover{border-color:var(--edge)}.hbtn .dot{background:var(--accent);border:1.5px solid var(--edge);border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.credits{border:1.5px solid var(--line);background:var(--surface);border-radius:8px;flex:none;align-items:center;gap:6px;height:38px;padding:0 12px;font-weight:600;display:flex}.credits:hover{border-color:var(--edge)}.credits small{color:var(--muted);font-weight:400}.credits .plus{background:var(--logo);border:1.5px solid var(--edge);border-radius:50%;place-items:center;width:18px;height:18px;margin-left:2px;font-size:12px;font-weight:700;line-height:1;display:grid}.credits.empty{border-color:var(--ko);background:var(--ko-soft)}.umenu{flex:none;position:relative}.top .avatar{border:2px solid var(--edge);background:var(--p4);width:38px;height:38px;color:var(--ink);border-radius:50%;place-items:center;font-weight:700;display:grid}.umenu .menu{background:var(--surface);border:2px solid var(--edge);width:240px;box-shadow:var(--shadow);z-index:70;border-radius:12px;padding:6px;animation:.15s ui-in;position:absolute;top:calc(100% + 8px);right:0}.menu-h{border-bottom:1.5px solid var(--line);margin-bottom:4px;padding:8px 10px;overflow:hidden}.menu-h b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.menu-h small{color:var(--muted);font-size:12px;display:block}.umenu .menu button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-weight:500;display:flex}.umenu .menu button:hover,.umenu .menu button:focus-visible{background:var(--soft)}.menu-sep{background:var(--line);height:1.5px;margin:4px 2px}@media (width<=860px){.top{gap:8px;padding:10px 14px}.top .logo{font-size:16px}.top .logo-mark{width:28px;height:28px}.top-nav,.top-warn,.credits small,.credits .plus{display:none}.credits{gap:4px;padding:0 8px}.offer-btn{padding:0 10px}.offer-btn .offer-t{display:none}.hbtn,.top .avatar{width:34px;height:34px}}.umenu .tier{letter-spacing:.08em;border:1.5px solid var(--edge);white-space:nowrap;pointer-events:none;color:var(--ink);border-radius:4px;padding:1px 5px;font-size:8.5px;font-weight:800;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}html[data-plan=starter] .top .avatar{box-shadow:0 0 0 2.5px var(--bg), 0 0 0 4.5px var(--logo)}html[data-plan=starter] .tier{background:var(--logo)}html[data-plan=createur] .top .avatar{box-shadow:0 0 0 2.5px var(--bg), 0 0 0 5px var(--accent)}html[data-plan=createur] .tier{background:var(--accent)}html[data-plan=createur] .offer-btn{background:var(--accent);color:var(--ink)}html[data-plan=studio] .top .avatar{background:linear-gradient(135deg, var(--gold3), var(--gold1));box-shadow:0 0 0 2.5px var(--bg), 0 0 0 5px var(--gold2), 0 0 18px #e2a93b8c}html[data-plan=studio] .tier,html[data-plan=studio] .offer-btn,html[data-plan=studio] .studio-tag{background:linear-gradient(110deg, var(--gold2), var(--gold1) 45%, var(--gold3) 50%, var(--gold1) 55%, var(--gold2));color:var(--ink);background-size:250% 100%;animation:3s linear infinite shine}html[data-plan=createur] .composer{box-shadow:5px 5px 0 var(--accent), 5px 5px 0 2px var(--shadow-ink)}html[data-plan=studio] .composer{box-shadow:6px 6px 0 var(--gold1), 6px 6px 0 2px var(--shadow-ink), 0 18px 50px #e2a93b40}.studio-tag{letter-spacing:.06em;border:1.5px solid var(--edge);border-radius:6px;padding:2px 10px;font-size:11px;font-weight:800;display:none;position:absolute;top:-13px;right:22px}html[data-plan=studio] .studio-tag{display:block}.pay-banner{text-align:center;background:var(--ko-soft-2);border-bottom:2px solid var(--edge);padding:8px 16px;font-size:13px;font-weight:600}.pay-banner button{background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}@media (prefers-reduced-motion:reduce){html[data-plan=studio] *{animation:none!important}}.offline{z-index:120;text-align:center;background:var(--ko-soft-2);border-bottom:2px solid var(--edge);padding:9px 16px;font-size:13.5px;font-weight:600;position:fixed;top:0;left:0;right:0}.cookies{z-index:95;gap:10px;width:min(440px,100vw - 40px);padding:18px;animation:.25s ui-in;display:grid;position:fixed;bottom:20px;left:20px}.cookies p{color:var(--muted);margin:0;font-size:13px}.cookies p a{color:var(--ink);font-weight:600}.ck-btns{flex-wrap:wrap;gap:8px;display:flex}.ck-btns .btn{flex:1 1 0;min-width:0}.ck-list{gap:8px;font-size:13px;display:grid}@media (width<=860px){.cookies{width:calc(100vw - 20px);bottom:10px;left:10px}}.menu-theme{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px 8px 6px;display:grid}.menu-theme>span{color:var(--muted);grid-column:1/-1;font-size:12px;font-weight:600}.umenu .menu .menu-theme button{border:1.5px solid var(--line);background:var(--surface);border-radius:7px;justify-content:center;align-items:center;gap:4px;width:auto;min-width:0;height:28px;padding:0 7px;font-size:12px;font-weight:600;display:inline-flex}.umenu .menu .menu-theme button.on{border-color:var(--edge);background:var(--accent);color:var(--on-color)}:root{--bg:#fff;--soft:#f6f6f3;--soft-2:#efefea;--line:#d9d9d2;--ink:#111;--muted:#4a4a4a;--faint:#7a7a7a;--accent:#ff5ca8;--accent-text:#d81b78;--pro:#4d7cfe;--logo:#2bd97c;--ok:#00a862;--ko:#e5484d;--ko-text:#b42318;--p1:#ffd8ec;--p2:#bfe9ff;--p3:#d4f7cf;--p4:#e3d4ff;--p5:#ffd8b0;--gold1:#f7d774;--gold2:#e2a93b;--gold3:#fff3c4;--rad:10px;--shadow-ink:var(--ink);--edge:var(--ink);--shadow:4px 4px 0 var(--shadow-ink);--shadow-sm:3px 3px 0 var(--shadow-ink);--panel:#fff;--card:var(--soft);--text:var(--ink);--accent-ink:var(--ink);--pink:var(--accent-text);--radius:12px;--surface:#fff;--on-color:#111;--ko-soft:var(--ko-soft);--ko-soft-2:var(--ko-soft-2);--warn-soft:var(--warn-soft);--gold-soft-1:var(--gold-soft-1);--gold-soft-2:#fff3d1;--dots:#d9d9d2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#131317;--surface:#1e1e25;--soft:#19191f;--soft-2:#2a2a33;--line:#34343e;--ink:#f2f1ec;--edge:#5b5b68;--shadow-ink:#000;--muted:#c4c3bc;--faint:#95938c;--accent:#ff6fb5;--logo:#34d483;--pro:#5b86ff;--accent-text:#ff8cc6;--accent-tint:#ff6fb52e;--ok:#2bd97c;--ko-text:#ff8f87;--p1:#4b2438;--p2:#1d3a4c;--p3:#1f3f2a;--p4:#352a52;--p5:#4b3420;--gold3:#3b3216;--panel:#1c1c22;--ko-soft:#3a1c1f;--ko-soft-2:#4a2226;--warn-soft:#3a3217;--gold-soft-1:#262214;--gold-soft-2:#33290f;--dots:#2c2c35;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] :is(.btn:not(.blue):not(.danger):not(.white),.chip.on,.chip.active,.save,.ribbon,.wel-badge,.steps5 i.on,.xhead .tag,.reco,.mo-genre.on,.vst.ready,.tier,.gfail .refund,.hbtn .dot,.lstep:not(:nth-child(2)) .ln,.lhero h1 mark,.mt-thumb,.gsteps li.run i,.gsteps li.ok i,.prio,.credits .plus,.gw,.blogo),:root[data-theme=dark] .btn:not(.blue):not(.danger):not(.white) svg{color:var(--on-color)}:root[data-theme=dark] :is(.chip.on,.chip.active,.mo-genre.on,.mo-pal.on,.umenu .menu .menu-theme button.on,.aic.on,.ritem.on){background:var(--accent-tint);border-color:var(--accent);color:var(--ink)}:root[data-theme=dark] :is(.mo-genre.on,.mo-pal.on){box-shadow:3px 3px 0 var(--shadow-ink)}:root[data-theme=dark] :is(.input,input,select,textarea):focus{border-color:var(--accent)}:root[data-theme=dark] .hero-card,:root[data-theme=dark] .modal{border-color:#4a4a56}:root[data-theme=dark] img{color-scheme:normal}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font:14px/1.45 Space Grotesk,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{letter-spacing:-.02em;line-height:1.08}:focus-visible{outline:3px solid var(--pro);outline-offset:2px}.muted{color:var(--muted)}.faint{color:var(--faint)}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:2px solid var(--edge);border-radius:var(--rad);background:var(--accent);height:46px;color:var(--ink);white-space:nowrap;box-shadow:var(--shadow);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:6px 6px 0 var(--shadow-ink);transform:translate(-2px,-2px)}.btn:active:not(:disabled){box-shadow:1px 1px 0 var(--shadow-ink);transform:translate(3px,3px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.pink{background:var(--accent)}.btn.green{background:var(--logo)}.btn.blue{background:var(--pro);color:#fff}.btn.white{background:var(--surface)}.btn.sm{height:36px;box-shadow:var(--shadow-sm);padding:0 13px;font-size:13px}.btn.lg{height:54px;padding:0 26px;font-size:16px}.btn.btn-block{width:100%}.btn svg{flex:none}.hero-card{border:2px solid var(--edge);background:var(--surface);box-shadow:5px 5px 0 var(--shadow-ink);border-radius:14px}.box{border:1.5px solid var(--line);border-radius:var(--rad);background:var(--surface)}.input,input:not([type]),input[type=text],input[type=email],input[type=number],input[type=search],input[type=password],input[type=url],select,textarea{border:1.5px solid var(--line);background:var(--surface);border-radius:8px;outline:none;width:100%;padding:9px 11px;transition:border-color .12s}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--edge)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=range]{accent-color:var(--accent);width:100%}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span,.lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:12px;font-weight:600}.field-hint{color:var(--faint);font-size:12.5px}.field-error{color:var(--ko-text);font-size:12.5px;font-weight:500}.chip{border:1.5px solid var(--line);background:var(--surface);height:32px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:border-color .12s,background .12s;display:inline-flex}.chip:hover{border-color:var(--edge)}.chip.on,.chip.active{border:2px solid var(--edge);background:var(--accent);font-weight:600}.seg{border:1.5px solid var(--line);background:var(--soft);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.seg button{height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;padding:0 12px;font-size:13px;font-weight:600}.seg button.on,.seg button.active{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1.5px var(--edge)}.toggle{cursor:pointer;align-items:center;gap:10px;font-size:13px;display:inline-flex;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .sw{border:2px solid var(--edge);background:var(--surface);border-radius:999px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.toggle .sw:after{content:"";background:var(--ink);border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.sw{background:var(--accent)}.toggle input:checked+.sw:after{left:18px}.toggle input:focus-visible+.sw{outline:3px solid var(--pro);outline-offset:2px}.toggle input:disabled+.sw{opacity:.5}.modal-back{z-index:80;background:#00000073;place-items:center;padding:16px;animation:.15s ui-fade;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:2px solid var(--edge);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:5px 5px 0 var(--shadow-ink);border-radius:14px;flex-direction:column;gap:16px;padding:26px;animation:.2s ease-out ui-in;display:flex;position:relative;overflow:auto}.modal-wide{width:min(940px,100%)}.modal h2{margin:0;padding-right:40px;font-size:26px}.modal h3{margin:0 0 8px;font-size:15px}.modal-close{border:1.5px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{border-color:var(--edge)}.toasts{z-index:90;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border:2px solid var(--edge);background:var(--surface);box-shadow:var(--shadow);pointer-events:auto;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-weight:600;animation:.25s ease-out ui-in;display:flex}.toast.ok svg{color:var(--ok)}.toast.ko{background:var(--ko-soft)}.toast.ko svg{color:var(--ko-text)}@media (width<=860px){.toasts{left:16px;right:16px;transform:none}}@keyframes ui-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{flex-direction:column;height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.logo{letter-spacing:-.02em;color:var(--ink);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:20px;font-weight:700;display:inline-flex}.logo[role=link]{cursor:pointer}.logo-mark{filter:drop-shadow(0 3px 6px #3d32c847);flex:none;place-items:center;width:34px;height:34px;display:grid}.logo-mark svg{width:100%;height:100%;display:block}.logo-word b{color:#fff;background:linear-gradient(135deg,#8a3ff0,#3561ff);border-radius:6px;margin-left:2px;padding:0 5px;font-weight:700}.logo-sm{font-size:16px}.logo-sm .logo-mark{width:28px;height:28px}.keys{gap:8px;display:flex}.pill{border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600}.layout{flex:1;grid-template-columns:minmax(380px,560px) 1fr;min-height:0;display:grid}.panel{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:0;display:flex}.panel-body{flex:1;padding:18px 20px;overflow-y:auto}.panel-foot{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:14px 20px;display:flex}.tabs{border-bottom:1px solid var(--line);padding:0 12px;display:flex;overflow-x:auto}.tabs button{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 12px;font-weight:600;position:relative}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tabs .dot{background:var(--ok);border-radius:9px;width:6px;height:6px;position:absolute;top:12px;right:4px}.preview{background:var(--soft) radial-gradient(var(--dots) 1px, transparent 1.1px) 0 0 / 18px 18px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex;overflow-y:auto}.player-wrap{box-shadow:0 30px 80px transparent, 0 0 0 1px var(--soft-2);background:#000;border-radius:22px;overflow:hidden}.player-wrap.f-9x16{aspect-ratio:9/16;height:min(70vh,760px)}.player-wrap.f-1x1{aspect-ratio:1;height:min(60vh,620px)}.player-wrap.f-16x9{aspect-ratio:16/9;width:min(100%,900px)}.meta{text-align:center}.meta-title{font-size:16px;font-weight:700}.meta-sub{color:var(--muted);font-size:13px}.export{flex-direction:column;align-items:center;gap:8px;width:min(100%,420px);display:flex}.bar{background:var(--line);border-radius:9px;width:100%;height:6px;overflow:hidden}.bar>div{background:var(--accent);height:100%;transition:width .3s}.caption-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:min(100%,520px);padding:12px 14px}.caption-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.caption-box p{white-space:pre-wrap;margin:6px 0 0}.stack{flex-direction:column;gap:14px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.grow{flex:1}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.hint{color:var(--muted);margin:0;font-size:13px}.warn-text{color:var(--accent)}.check{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:inline-flex}.check.disabled{opacity:.5;cursor:not-allowed}.check input{accent-color:var(--accent);width:16px;height:16px}.chips{flex-wrap:wrap;gap:6px;display:flex}.revise{gap:8px;display:flex}.revise input{flex:1}.status{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.error{color:var(--ko);background:var(--ko-soft);border:1px solid var(--ko);border-radius:10px;padding:8px 12px;font-size:13px}.notice{background:var(--p2);border:1px solid var(--edge);border-radius:10px;padding:10px 12px;font-size:13px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);cursor:pointer;background:var(--card);place-items:center;min-height:180px;display:grid;overflow:hidden}.dropzone:hover{border-color:var(--muted)}.dropzone.has-file{cursor:default;border-style:solid}.dropzone-empty{text-align:center;flex-direction:column;gap:6px;padding:20px;display:flex}.dropzone-icon{font-size:34px}.ref-video{max-width:100%;max-height:320px;display:block}.frames{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.frames img{aspect-ratio:9/16;object-fit:cover;border:1px solid var(--line);border-radius:6px;width:100%}.swatch{border:1px solid var(--line);border-radius:8px;width:28px;height:28px}.voices{grid-template-columns:1fr 1fr;gap:8px;max-height:340px;padding-right:4px;display:grid;overflow-y:auto}.voice{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:9px;display:flex}.voice:hover{border-color:var(--muted)}.voice.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.play{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:99px;flex:none;font-size:11px}.play:disabled{opacity:.3}.voice-info{min-width:0}.voice-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.voice-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.voice-tags span{color:var(--muted);background:var(--soft-2);border-radius:99px;padding:1px 6px;font-size:10px}.sliders{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.slider{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.slider b{color:var(--text)}.slider em{opacity:.7;font-style:normal;font-weight:400}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:14px;display:flex}.card h3{margin:0;font-size:14px}.card input,.card select,.card textarea{background:var(--panel)}.colors{flex-wrap:wrap;gap:12px;display:flex}.color{color:var(--muted);cursor:pointer;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.color input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;width:42px;height:42px;padding:2px}.scene-head{align-items:center;gap:8px;display:flex}.scene-head select{width:auto;padding:6px 8px}.scene-num{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.scene-time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.scene-actions{gap:2px;display:flex}.scene-actions button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px}.scene-actions button:hover{background:var(--soft-2);color:var(--text)}@media (width<=900px){.layout{grid-template-columns:1fr;overflow-y:auto}.panel{border-right:0}.player-wrap.f-9x16{height:70vh}}.field em{font-style:normal;font-weight:400}.boot{height:100%;color:var(--muted);place-items:center;display:grid}.center{text-align:center}.hint.center{margin-top:4px}.keys{align-items:center}button.pill{cursor:pointer;color:var(--text);background:0 0}.pill.usage:hover{border-color:var(--muted)}.plan-pill{cursor:pointer;background:var(--card);color:var(--text);box-shadow:0 0 0 1px var(--line) inset;border:0;border-radius:99px;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.plan-pill b{color:var(--accent);font-weight:600}.plan-pill.p-creator,.plan-pill.p-pro{background:var(--accent);color:var(--accent-ink);box-shadow:none}.avatar{cursor:pointer;background:var(--p4);color:#fff;border:0;border-radius:99px;width:32px;height:32px;font-weight:800}.menu-pop{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:230px;padding:8px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 20px 50px #0000}.menu-pop .hint{text-overflow:ellipsis;padding:6px 10px;font-size:12px;overflow:hidden}.menu-pop button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px}.tabs .lock{margin-left:4px;font-size:11px}.gen-count{opacity:.7;margin-left:6px;font-size:12px;font-weight:600}.locked{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at top, var(--p1), transparent 70%);flex-direction:column;align-items:center;gap:10px;padding:34px 20px;display:flex}.locked h3{max-width:360px;margin:0}.locked p{max-width:380px}.locked-icon{font-size:34px}.plans{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.plan{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:6px;padding:20px;display:flex;position:relative}.plan-hl{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset, 0 20px 50px transparent}.plan-current{opacity:.85}.plan-badge{white-space:nowrap;background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.plan-name{font-size:17px;font-weight:800}.plan-tagline{color:var(--muted);font-size:13px}.plan-price{letter-spacing:-.03em;margin:8px 0 4px;font-size:34px;font-weight:800}.plan-price span{color:var(--muted);letter-spacing:0;font-size:14px;font-weight:500}.plan ul{flex-direction:column;flex:1;gap:7px;margin:4px 0 14px;padding:0;list-style:none;display:flex}.plan li{padding-left:22px;font-size:13px;position:relative}.plan li:before{content:"✓";color:var(--ok);font-weight:800;position:absolute;left:0}.checkout{flex-direction:column;gap:14px;display:flex}.sim-banner{background:var(--p3);border:1px solid var(--ok);color:var(--ok);border-radius:10px;padding:10px 12px;font-size:13px}.order{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px;display:flex}.order hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}.big-price{font-size:20px}.success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:10px 0;display:flex}.success-icon{font-size:48px}.invoices{border-collapse:collapse;width:100%;font-size:13px}.invoices td{border-bottom:1px solid var(--line);padding:8px 4px}.invoices .num{text-align:right;font-weight:700}@media (width<=900px){.plans{grid-template-columns:1fr}.plan-pill b,.keys .pill:not(.usage){display:none}}.plan-pill.p-creator b,.plan-pill.p-pro b{color:var(--accent-ink);opacity:.65}.ref-pill{cursor:pointer;background:var(--p4);color:#fff;border:0;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800}.ref-pill:hover{filter:brightness(1.1)}.ref-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--pink);font-size:12px;font-weight:800}.ref-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.ref-hero h2,.ref-teaser h2{font-size:28px!important}.ref-hero h2 span,.ref-teaser h2 span{background:var(--accent);color:#0000;-webkit-background-clip:text;background-clip:text}.ref-hero p{max-width:560px}.ref-link{gap:8px;display:flex}.ref-link input{background:var(--card);border:1px solid var(--line);border-radius:10px;flex:1;padding:10px 12px;font-family:ui-monospace,monospace;font-size:13px}.ref-code{color:var(--accent);letter-spacing:.08em}.ref-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ref-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.ref-stat.accent{border-color:var(--accent);background:var(--p1)}.ref-stat-value{letter-spacing:-.02em;font-size:22px;font-weight:800}.ref-payout{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ref-grid{grid-template-columns:1.2fr 1fr;gap:12px;display:grid}.ref-steps{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:13px;display:flex}.ref-sim{letter-spacing:-.03em;color:var(--accent);flex-direction:column;font-size:30px;font-weight:800;display:flex}.ref-sim span{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:500}.invoices th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:6px 4px;font-size:11px;font-weight:600}.invoices th.num{text-align:right}.invited{background:var(--p1);border:1px solid var(--accent);border-radius:12px;width:100%;padding:10px 12px;font-size:13px;font-weight:600}.ref-teaser{text-align:center;border:1px solid var(--line);background:radial-gradient(ellipse at top, var(--p1), transparent 70%);border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:min(100%,640px);padding:28px;display:flex}.ref-teaser h2{margin:0}@media (width<=900px){.ref-stats{grid-template-columns:1fr 1fr}.ref-grid{grid-template-columns:1fr}.ref-pill{display:none}}.costs-head{padding-right:44px}.costs-head select{width:auto}.kpi-sub{color:var(--muted);opacity:.8;margin-top:4px;font-size:11px}.kpi-bad .ref-stat-value,.invoices td.neg{color:var(--ko)}.daily{grid-template-columns:1fr;gap:4px;display:grid}.daily-max{font-size:11px}.daily-bars{border-top:1px dashed var(--line);border-bottom:1px solid var(--line);align-items:flex-end;gap:2px;height:140px;display:flex}.daily-slot{cursor:default;flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.daily-bar{background:var(--accent);border-radius:4px 4px 0 0;width:100%;min-height:0;transition:opacity .12s}.daily-tip{z-index:5;pointer-events:none;background:var(--card);border:1px solid var(--line);white-space:nowrap;border-radius:8px;flex-direction:column;padding:5px 8px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000}.daily-tip span{color:var(--muted);font-size:11px}.daily-axis{justify-content:space-between;font-size:11px;display:flex}.styles{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.style-card{cursor:pointer;background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 10px;display:flex}.style-card:hover{border-color:var(--muted)}.style-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.style-swatch{aspect-ratio:4/3;border-radius:8px;place-items:center;width:100%;font-size:24px;display:grid}.style-name{text-align:center;font-size:11px;font-weight:700;line-height:1.2}.visual-row{align-items:flex-start;gap:12px;display:flex}.thumb{aspect-ratio:9/16;background:var(--panel);border:1px solid var(--line);border-radius:10px;flex:none;place-items:center;width:96px;font-size:24px;display:grid;position:relative;overflow:hidden}.thumb img,.thumb video{object-fit:cover;width:100%;height:100%}.thumb-badge{background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:800;position:absolute;bottom:4px;left:4px}.visual-row select{width:auto;padding:6px 8px}@media (width<=900px){.styles{grid-template-columns:repeat(3,1fr)}}.credit-pill{cursor:pointer;background:var(--surface);color:var(--accent);box-shadow:0 0 0 1px var(--line) inset;border:0;border-radius:99px;align-items:center;gap:6px;padding:5px 6px 5px 12px;font-size:13px;font-weight:800;display:inline-flex}.credit-pill b{background:var(--accent);width:20px;height:20px;color:var(--accent-ink);border-radius:99px;place-items:center;font-size:14px;display:grid}.credit-pill.low{background:var(--ko-soft);color:var(--ko);box-shadow:0 0 0 1px var(--ko) inset}.credit-pill:hover{filter:brightness(1.15)}.credit-meter{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px;display:flex}.card .credit-meter{background:var(--panel)}.credit-total{letter-spacing:-.02em;color:var(--accent);font-size:28px;font-weight:800}.credit-total span{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:500}.wallet{color:var(--text)}.invoices td.pos{color:var(--ok)}.history{max-height:260px;overflow-y:auto}button.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.ref-stats.three{grid-template-columns:repeat(3,1fr)}.writers{flex-direction:column;gap:6px;display:flex}.writer{text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.writer:hover{border-color:var(--muted)}.writer.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.writer-main{flex:1;min-width:0}.writer-name{align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.writer-name em{background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:1px 7px;font-size:10px;font-style:normal;font-weight:800}.writer-tagline{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.35}.writer-cost{flex-direction:column;flex:none;align-items:flex-end;gap:3px;min-width:64px;display:flex}.writer-cost b{color:var(--accent);font-size:13px}.writer-cost small{color:var(--muted);font-size:10px}.writer-scale{gap:3px;display:flex}.writer-scale i{background:var(--line);border-radius:2px;width:8px;height:14px}.writer-scale i.on{background:var(--accent)}.panel-body{padding:16px 18px 24px}.blocks{gap:22px}.block{flex-direction:column;gap:10px;display:flex}.block+.block{border-top:1px solid var(--line);padding-top:18px}.block-title{letter-spacing:.02em;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.block-title i{background:var(--accent);width:20px;height:20px;color:var(--accent-ink);border-radius:99px;place-items:center;font-size:11px;font-style:normal;display:grid}.idea-input{border-radius:12px;min-height:120px;padding:12px 14px;font-size:15px;line-height:1.5}.idea-input::placeholder{color:#a3a3a3}.chips{align-items:center}.chips .hint{margin-right:2px;font-size:12px}.tabs{gap:2px;padding:0 10px}.tabs button{align-items:center;gap:6px;padding:13px 12px;font-size:13px;display:inline-flex}.tab-icon{filter:grayscale(.6);font-size:14px}.tabs button.active .tab-icon{filter:none}.styles{gap:6px}.style-card{border-radius:10px;gap:5px;padding:6px 4px 8px}.style-swatch{aspect-ratio:16/10;border-radius:7px;font-size:18px}.style-name{font-size:10.5px}.setting-row{text-align:left;cursor:pointer;background:var(--card);border:1px solid var(--line);width:100%;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.setting-row:hover{border-color:var(--muted)}.setting-row span{color:var(--muted);font-size:12px;font-weight:600}.setting-row b{flex:1;font-size:13px}.setting-row em{color:var(--accent);font-size:12px;font-style:normal;font-weight:700}details.fold>summary,details.fold-card>summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;font-weight:700;list-style:none;display:flex}details.fold>summary::-webkit-details-marker{display:none}details.fold-card>summary::-webkit-details-marker{display:none}details.fold>summary:before,details.fold-card>summary:before{content:"▸";font-size:11px}details[open].fold>summary:before,details[open].fold-card>summary:before{content:"▾"}details.fold[open]>summary{margin-bottom:10px}details.fold-card{gap:0}details.fold-card>summary{color:var(--text);font-size:13px}details.fold-card[open]>summary{margin-bottom:12px}details.fold-card>summary .hint{font-size:12px;font-weight:500}.writer-action{font-weight:700;color:var(--accent)!important}.card.scene{gap:0;padding:0;overflow:hidden}.scene-head{gap:6px;padding:8px 8px 8px 10px}.scene-toggle{min-width:0;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:2px 0;display:flex}.scene-summary{flex-direction:column;flex:1;min-width:0;display:flex}.scene-summary b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.scene-summary small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.scene-toggle .scene-time{margin-left:0}.chev{color:var(--muted);width:12px;font-size:12px}.scene-body{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding:12px 14px 14px;display:flex}.scene-body .row select{width:auto;padding:6px 8px}.icon-btn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:99px;width:32px;height:32px;font-size:15px}.plan-pill.p-free{background:var(--p4);color:#fff;box-shadow:none}.panel-foot{gap:8px;padding:12px 18px 16px}.preview{gap:14px;padding:20px 24px}.demo-tag{color:var(--muted);background:var(--soft-2);border:1px dashed var(--line);border-radius:99px;padding:4px 12px;font-size:12px;font-weight:700}.preview-side{flex-direction:column;align-items:stretch;gap:12px;width:min(100%,460px);display:flex}.preview-side .meta{text-align:center}.preview-side .export,.preview-side .caption-box{width:100%}.preview-side .revise input{font-size:13px}.style-swatch{display:block;position:relative;overflow:hidden}.style-thumb{object-fit:cover;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.style-emoji{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a0;border-radius:6px;padding:3px 4px;font-size:11px;line-height:1;position:absolute;bottom:4px;left:4px}.style-card{transition:transform .15s,border-color .15s}.style-card:hover{transform:translateY(-1px)}.style-card:not(.active) .style-thumb{filter:saturate(.85)brightness(.85)}.style-card:hover .style-thumb,.style-card.active .style-thumb{filter:none}.kb-0{animation:9s ease-in-out infinite alternate kb-zoom-in}.kb-1{animation:11s ease-in-out infinite alternate kb-pan-left}.kb-2{animation:10s ease-in-out infinite alternate kb-zoom-out}.kb-3{animation:12s ease-in-out infinite alternate kb-pan-up}.style-card:hover .style-thumb{animation-duration:4s}@keyframes kb-zoom-in{0%{transform:scale(1.02)}to{transform:scale(1.22)translate(-3%,-2%)}}@keyframes kb-zoom-out{0%{transform:scale(1.24)translate(3%,2%)}to{transform:scale(1.03)}}@keyframes kb-pan-left{0%{transform:scale(1.18)translate(5%)}to{transform:scale(1.18)translate(-5%)}}@keyframes kb-pan-up{0%{transform:scale(1.18)translateY(5%)}to{transform:scale(1.18)translateY(-5%)}}@media (prefers-reduced-motion:reduce){.style-thumb{animation:none!important}}.cost-pill{cursor:pointer;background:var(--p3);color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset;border:0;border-radius:99px;align-items:baseline;gap:5px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.cost-pill small{color:var(--muted);font-size:11px;font-weight:500}.cost-card{background:var(--p3);border:1px solid var(--ok);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;display:flex}.cost-today{border-top:1px solid var(--ok);margin-top:2px;padding-top:4px}.writer-tagline .no-audio{color:var(--accent);font-style:normal}.seg button:disabled{opacity:.35;cursor:not-allowed}.seg-3 button{padding:6px 4px;font-size:12px}.update-banner{background:var(--accent);color:var(--accent-ink);justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.update-banner .btn{background:var(--accent-ink);color:#fff;border:0}code{background:var(--soft-2);border-radius:6px;padding:1px 6px;font-size:12px}.topbar{background:var(--surface);border-bottom:2px solid var(--edge);gap:12px;padding:12px 24px}.panel{background:var(--surface);border-right:1.5px solid var(--line)}.tabs{border-bottom:1.5px solid var(--line)}.tabs button.active{color:var(--ink);border-bottom:3px solid var(--accent)}.player-wrap{border:3px solid var(--edge);box-shadow:7px 7px 0 var(--shadow-ink);background:#000;border-radius:18px}.bar{border:2px solid var(--edge);background:var(--surface);border-radius:999px;height:14px}.bar>div{background:var(--accent)}.caption-box,.card,.order,.credit-meter,.ref-stat,.setting-row,.writer,.voice,.style-card,.plan,.cost-card{background:var(--surface);border:1.5px solid var(--line)}.card input,.card select,.card textarea,.card .credit-meter{background:var(--surface)}.writer.active,.voice.selected,.style-card.active{border:2px solid var(--edge);box-shadow:3px 3px 0 var(--accent), 3px 3px 0 2px var(--shadow-ink)}.writer:hover,.voice:hover,.style-card:hover,.setting-row:hover{border-color:var(--edge)}.btn{background:var(--surface);height:auto;min-height:40px;padding:8px 16px}.btn.primary{background:var(--accent)}.btn.big{width:100%;min-height:54px;font-size:16px}.btn.small{min-height:32px;box-shadow:2px 2px 0 var(--shadow-ink);padding:4px 11px;font-size:12.5px}.btn.small:hover:not(:disabled){box-shadow:4px 4px 0 var(--shadow-ink)}.btn.ghost{box-shadow:none;border-color:var(--line)}.btn.ghost:hover:not(:disabled){box-shadow:none;border-color:var(--edge);transform:none}.btn.warn{background:var(--p5)}.btn.danger{color:#fff;background:#ff6b6b}button.link{color:var(--accent-text);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.writer-action,.warn-text,.setting-row em,.writer-cost b,.ref-code,.ref-sim,.credit-total,.plan-pill b,.writer-tagline .no-audio{color:var(--accent-text)!important}.pill{border:1.5px solid var(--line);color:var(--ink);background:var(--surface)}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.ko{color:var(--ko-text);border-color:var(--ko)}.error{color:var(--ko-text);background:var(--ko-soft);border:1.5px solid var(--ko)}.notice{background:var(--p2);border:1.5px solid var(--edge)}.sim-banner{background:var(--p3);border:1.5px solid var(--ok);color:var(--ink)}.invited{background:var(--p1);border:1.5px solid var(--edge)}.locked{border:1.5px dashed var(--edge);background:var(--soft)}.scene-num,.block-title i,.thumb-badge,.writer-name em,.plan-badge{background:var(--accent);color:var(--ink);border:1.5px solid var(--edge)}.writer-scale i.on,.daily-bar{background:var(--accent)}.play{background:var(--logo);color:var(--ink);border:1.5px solid var(--edge)}.icon-btn{background:var(--surface);border:1.5px solid var(--line)}.icon-btn:hover{border-color:var(--edge)}.credit-pill{background:var(--surface);color:var(--ink);box-shadow:none;border:1.5px solid var(--line);border-radius:8px}.credit-pill b{background:var(--logo);color:var(--ink);border:1.5px solid var(--edge)}.credit-pill.low{background:var(--ko-soft);color:var(--ko-text);border-color:var(--ko)}.plan-pill{background:var(--surface);color:var(--ink);box-shadow:none;border:1.5px solid var(--line)}.plan-pill.p-free,.plan-pill.p-creator,.plan-pill.p-pro{background:var(--pro);color:#fff;border:2px solid var(--edge)}.ref-pill{background:var(--p1);color:var(--ink);border:1.5px solid var(--edge)}.cost-pill{background:var(--p3);color:var(--ink);box-shadow:none;border:1.5px solid var(--ok)}.cost-total{color:var(--ok)}.plan-hl{border:2px solid var(--edge);box-shadow:5px 5px 0 var(--accent), 5px 5px 0 2px var(--shadow-ink)}.avatar{background:var(--p4);color:var(--ink);border:2px solid var(--edge)}.menu-pop{background:var(--surface);border:2px solid var(--edge);box-shadow:var(--shadow)}.menu-pop button:hover{background:var(--soft)}.daily-tip{background:var(--surface);border:1.5px solid var(--edge)}.hero h1 span,.ref-hero h2 span,.ref-teaser h2 span{background:var(--logo);color:var(--ink);border:2px solid var(--edge);box-shadow:4px 4px 0 var(--shadow-ink);-webkit-background-clip:border-box;background-clip:border-box;padding:0 8px;display:inline-block;transform:rotate(-1.5deg)}.ref-teaser{background:var(--surface);border:2px solid var(--edge);box-shadow:5px 5px 0 var(--shadow-ink)}.ref-kicker{color:var(--accent-text)}.update-banner{background:var(--logo);color:var(--ink);border-bottom:2px solid var(--edge)}.update-banner .btn{background:var(--surface);color:var(--ink)}.demo-tag{background:var(--surface);color:var(--muted)}