:root{--bg: #0e0a0d;--bg-2: #171016;--card: #1e151c;--line: #34232f;--text: #f4e9ee;--muted: #a8919c;--accent: #e0457b;--accent-2: #f39a6b;--ok: #5fc59a;--warn: #f0b75a;--bad: #ff5d6c;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,system-ui,sans-serif}h1,h2,h3{font-family:Playfair Display,Georgia,serif;font-weight:600;margin:0 0 .5em}h1 em{font-style:italic;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea{resize:vertical}.muted{color:var(--muted)}.small{font-size:13px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spacer{flex:1}.link{color:var(--accent);text-decoration:underline}.btn{padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:500;transition:.15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:linear-gradient(90deg,var(--accent),#c2336a);border-color:transparent;color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.1)}.btn.ghost{background:transparent}.btn.sm{padding:6px 12px;font-size:13px}.btn.lg{padding:14px 28px;font-size:17px}.icon-btn{width:30px;height:30px;border-radius:8px;color:var(--muted)}.icon-btn:hover:not(:disabled){background:var(--bg-2);color:var(--text)}.gate{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 20%,#3a1328 0%,var(--bg) 60%)}.gate-card{max-width:440px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:36px 28px}.gate-card .row{justify-content:center;margin:20px 0 12px}.check{display:flex;gap:10px;text-align:left;font-size:14px;align-items:flex-start}.check input{width:auto;margin-top:4px;accent-color:var(--accent)}.fine{font-size:12px;color:var(--muted)}.brand-mark{color:var(--accent)}.brand-mark.big{font-size:42px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#0e0a0dd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{font-family:Playfair Display,serif;font-size:20px;font-weight:600}.brand-sub{font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);margin-left:4px}main{flex:1}.landing{position:relative;overflow:hidden}.orbs span{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;animation:drift 18s ease-in-out infinite alternate}.orbs span:nth-child(1){width:420px;height:420px;background:#e0457b;top:-120px;left:-100px}.orbs span:nth-child(2){width:360px;height:360px;background:#f39a6b;top:120px;right:-140px;animation-delay:-6s;opacity:.2}.orbs span:nth-child(3){width:300px;height:300px;background:#7a2a8a;top:900px;left:30%;animation-delay:-12s;opacity:.25}@keyframes drift{to{transform:translate(60px,40px) scale(1.15)}}.hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;max-width:1180px;margin:0 auto;padding:36px 24px 28px}.nowrap{white-space:nowrap}.hero h1{font-size:clamp(30px,5vw,64px);line-height:1.05;margin-bottom:.35em}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--accent-2);margin:0 0 12px}.center{text-align:center}.lede{max-width:520px;margin:0 0 22px;color:var(--muted);font-size:17px}.hero-cta{gap:16px}.hero-visual{position:relative;max-width:400px;justify-self:end;width:100%}.hero-art{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 60px rgba(224,69,123,.25));transform:perspective(1200px) rotateY(-6deg)}.hero-badge{position:absolute;padding:8px 14px;border-radius:999px;font-size:13px;background:#1e151cd9;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:bob 5s ease-in-out infinite}.hero-badge.b1{top:42%;left:-28px}.hero-badge.b2{bottom:-18px;right:28px;animation-delay:-2.5s}@keyframes bob{50%{transform:translateY(-10px)}}.pulse{animation:pulse 5s ease-in-out infinite;transform-origin:260px 210px}@keyframes pulse{50%{opacity:.8;transform:scale(1.08)}}.float{animation:floaty 6s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-12px);opacity:.6}}.blink{animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:0}}.flicker{animation:flicker 1.4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:bottom}@keyframes flicker{to{transform:scaleY(.85) scaleX(1.1);opacity:.8}}.strip{position:relative;padding:18px 0;margin:20px 0 10px;background:#0a0709;border-block:1px solid var(--line);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.strip:before,.strip:after{content:"";position:absolute;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#2a1d26 0 14px,transparent 14px 30px)}.strip:before{top:4px}.strip:after{bottom:4px}.strip-track{display:flex;gap:14px;width:max-content;animation:scroll 40s linear infinite}.strip:hover .strip-track{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}.mood{position:relative;width:220px;height:140px;border-radius:10px;overflow:hidden;flex:none}.mood-art,.mood svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mood-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mood-file{display:none}.mood-name{position:absolute;left:10px;bottom:8px;font-size:12px;font-weight:600;letter-spacing:.04em;text-shadow:0 1px 6px #000}.section{position:relative;max-width:1180px;margin:0 auto;padding:70px 24px}.features{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:30px}@media (max-width: 1060px){.features{grid-template-columns:repeat(6,1fr)}.feature{grid-column:span 2}.feature:nth-child(4),.feature:nth-child(5){grid-column:span 3}}@media (max-width: 600px){.features{grid-template-columns:1fr}.feature,.feature:nth-child(4),.feature:nth-child(5){grid-column:auto}}.feature{position:relative;background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.25s}.feature:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 40px #e0457b26}.feature p{color:var(--muted);font-size:14px;margin:0}.f-icon{width:44px;height:44px}.feature{padding-top:22px}.feature-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.feature-top .f-icon{width:34px;height:34px;opacity:.85;margin-top:6px}.step-no{display:flex;align-items:baseline;gap:8px;line-height:1;white-space:nowrap}.step-label{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2)}.step-num{font-family:Playfair Display,serif;font-size:52px;font-weight:600;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(224,69,123,.35));transition:transform .25s}.feature:hover .step-num{transform:scale(1.08) translateY(-2px)}.feature h3{font-size:22px}.features-cta{display:flex;justify-content:center;margin-top:36px}@media (min-width: 1061px){.features{position:relative}.feature:not(:last-child):after{content:"→";position:absolute;right:-14px;top:54px;z-index:1;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 4px var(--bg)}}.showcase{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center}.showcase-copy p{margin-bottom:22px}.mock{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:0 0 18px;box-shadow:0 30px 80px #00000080;overflow:hidden}.mock-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--bg-2)}.mock-bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}.mock-bar i:first-child{background:var(--accent)}.mock-bar span{margin-left:10px;font-size:13px;font-family:Playfair Display,serif}.mock-cast{display:flex;align-items:center;gap:8px;padding:16px 18px 6px}.mock-cast .avatar{width:34px;height:34px;font-size:13px;animation:pop .6s both}.mock-set{margin-left:8px;font-size:12px;color:var(--muted)}.timeline{position:relative;display:flex;gap:6px;margin:14px 18px}.tl-beat{padding:10px 8px;border-radius:8px;background:linear-gradient(180deg,#e0457b38,#e0457b0f);border:1px solid rgba(224,69,123,.35);font-size:11px;animation:pop .6s both;min-width:0}.tl-beat span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-heat{display:flex;gap:2px;margin-bottom:6px}.tl-heat i{flex:1;height:4px;border-radius:2px;background:var(--line)}.tl-heat i.on{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.playhead{position:absolute;top:-6px;bottom:-6px;width:2px;background:#fff;box-shadow:0 0 10px var(--accent);animation:play 8s linear infinite}@keyframes play{0%{left:0}to{left:100%}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.96)}}.mock-shots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:0 18px}.mock-shot{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:6px;background:#140a12;font-size:10px;padding:6px;display:flex;flex-direction:column;justify-content:flex-end;color:#f4e9ee;animation:pop .6s both}.mock-shot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(transparent 45%,#000000bf)}.mock-shot .shot-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mock-shot b,.mock-shot{text-shadow:0 1px 3px #000}.mock-shot b{position:relative;z-index:2;color:var(--accent-2);font-size:9px}.mock-shot>:not(svg){position:relative;z-index:2}.promise{position:relative;text-align:center;max-width:620px;margin:30px auto 80px;padding:0 16px}.promise .f-icon{width:56px;height:56px}.promise p{color:var(--muted)}@media (max-width: 900px){.hero,.showcase{grid-template-columns:1fr}.hero{padding-top:28px;text-align:center;gap:24px}.hero-visual{justify-self:center;max-width:340px}.lede{margin-inline:auto}.hero-cta{justify-content:center}.hero-art{transform:none}.hero-badge.b1{left:4px}.hero-badge.b2{right:4px}.mock-shots{grid-template-columns:repeat(3,1fr)}.mock-shot:nth-child(n+4){display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important}}.page{max-width:1100px;margin:0 auto;padding:40px 16px}.page.narrow{max-width:720px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.policy li{margin-bottom:14px;color:var(--muted)}.policy strong{color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.project{position:relative}.status{position:absolute;top:14px;right:14px;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--bg-2);color:var(--muted)}.status.ready{color:var(--ok)}.empty{text-align:center;padding:60px;border:1px dashed var(--line);border-radius:var(--radius)}.studio{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 120px)}.studio-side{border-right:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:14px;background:var(--bg-2)}.title-input{font-family:Playfair Display,serif;font-size:20px;background:transparent;border-color:transparent;padding-left:0}.logline{font-size:13px;line-height:1.5;padding:12px}.stepper{list-style:none;padding:0;margin:0;display:grid;gap:4px}.stepper button{width:100%;text-align:left;padding:9px 12px;border-radius:10px;color:var(--muted);display:flex;gap:10px;align-items:center}.stepper button span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;border:1px solid var(--line)}.stepper button.on{background:var(--card);color:var(--text)}.stepper button.on span{background:var(--accent);border-color:var(--accent);color:#fff}.stepper button.done span{border-color:var(--accent);color:var(--accent)}.issues{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:12px}.issues li{padding:8px 10px;border-radius:8px;border-left:3px solid;background:var(--card)}.issues li.block{border-color:var(--bad)}.issues li.warn{border-color:var(--warn)}.studio-main{padding:28px 36px;max-width:900px}.step-nav{display:flex;justify-content:space-between;margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}.field{margin-bottom:18px}.field>label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);font-size:13px;color:var(--muted)}.chip:hover{color:var(--text)}.chip.on{background:#e0457b2e;border-color:var(--accent);color:var(--text)}.chip.sm{padding:3px 10px;font-size:12px}.loc-grid .chips{display:grid;grid-template-columns:repeat(6,1fr)}.loc-grid .chip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:6px;font-size:12px}.time-grid .chips{grid-template-columns:repeat(5,1fr)}@media (max-width: 1100px){.loc-grid .chips{grid-template-columns:repeat(4,1fr)}.time-grid .chips{grid-template-columns:repeat(5,1fr)}}@media (max-width: 600px){.loc-grid .chips,.time-grid .chips{grid-template-columns:repeat(2,1fr)}}.cast-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-bottom:14px}.card.char{padding:12px}.char-head{display:flex;gap:6px;align-items:center;margin-bottom:10px}.char-head input,.char-head select{padding:5px 8px;font-size:13px}.char-head>input{flex:1;min-width:80px;font-weight:600}.char-head select{width:78px;padding:5px 2px;font-size:12px}.char-head .age{font-size:11px;gap:3px}.char-head .age input{width:42px;padding:5px 4px;text-align:center}.char-head .icon-btn{width:22px;height:22px;flex:none}.char-head .avatar{width:30px;height:30px;font-size:13px}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.pick{display:grid;gap:2px;min-width:0}.pick span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pick select{padding:4px 6px;font-size:12px;border-radius:7px}.char-traits .chip{padding:2px 8px;font-size:11px}.char-traits .chips{gap:4px}.avatar{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.age{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.age input{width:64px}.beats{display:grid;gap:10px;margin-bottom:14px}.card.beat{padding:18px 16px}.beat-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.beat-head select{width:150px;flex:none;font-weight:600;padding:9px 8px;font-size:13px}.beat-desc{flex:1;min-width:0;padding:9px 10px;font-size:13px}.beat-head .icon-btn{width:24px;height:24px;flex:none}.beat-no{flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:11px}.beat-controls{display:flex;align-items:center;gap:18px;min-height:30px;padding-left:36px;font-size:12px;color:var(--muted)}.beat-controls label{display:flex;align-items:center;gap:6px;white-space:nowrap}.beat-controls input[type=range]{width:90px;padding:0;accent-color:var(--accent);border:0;background:none}.beat-controls .heat{display:inline-block;min-width:62px;font-size:11px}.heat{letter-spacing:-2px}.in-frame{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.summary{display:grid;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:20px;font-size:14px}.summary span{display:inline-block;width:70px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.alert{background:#ff5d6c1f;border:1px solid var(--bad);border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:14px}.progress .bar{height:8px;background:var(--bg-2);border-radius:999px;overflow:hidden}.progress .bar div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .4s}.screen{position:relative;width:100%;max-height:70vh;margin:24px auto 10px;background:#000;border-radius:12px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line)}.screen[data-grade="Velvet red"]{background:radial-gradient(circle,#3b0b1c,#000)}.screen[data-grade="Warm film"]{background:radial-gradient(circle,#3a2413,#000)}.screen[data-grade="Teal & orange"]{background:radial-gradient(circle,#0f3438,#1a0d05)}.screen[data-grade="Pastel haze"]{background:radial-gradient(circle,#4b3550,#1b1420)}.screen[data-grade="Black & white"]{background:radial-gradient(circle,#333,#000)}.pp{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.pp video{cursor:pointer}.pp-badge{position:absolute;top:12px;left:12px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.12em;color:#fff;background:#e0457bd9}.pp-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:18px 12px 10px;color:#fff;font-size:12px;background:linear-gradient(transparent,#000c)}.pp-btn{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff}.pp-btn:hover{background:#ffffff26}.pp-track{position:relative;flex:1;height:6px;border-radius:3px;background:#ffffff2e;cursor:pointer}.pp-preview{position:absolute;inset:0 auto 0 0;border-radius:3px;background:#ffffff59}.pp-fill{position:absolute;inset:0 auto 0 0;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.pp-locked{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:10px;line-height:1;padding:2px;border-radius:50%;background:#000}.pp-time{flex:none;font-variant-numeric:tabular-nums;opacity:.9}.pp-gate{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#080507b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s ease}.pp-gate-card{max-width:380px;text-align:center;color:#fff}.pp-gate-card strong{display:block;font-family:Playfair Display,serif;font-size:24px;margin-bottom:6px}.pp-gate-card p{margin:0 0 16px;font-size:14px;color:#e6d6de}.pp-gate-card .row{justify-content:center}.pp-lock{font-size:28px;margin-bottom:6px}.screen-note{padding:24px;text-align:center;color:var(--muted);font-size:14px}.screen-note code{color:var(--accent-2)}.screen-media{width:100%;height:100%;object-fit:contain;background:#000}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#080507b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .15s ease}.modal{position:relative;width:min(420px,100%);text-align:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px 28px 22px;box-shadow:0 30px 80px #0009;animation:pop .25s ease}.modal h2{font-size:24px;margin-bottom:6px}.modal .muted{font-size:14px;margin:0 0 22px}.modal-close{position:absolute;top:12px;right:12px}.modal-mark{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.google-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:300px;padding:11px 16px;border-radius:999px;background:#fff;color:#1f1f1f;border:1px solid #747775;font:500 15px Inter,system-ui,sans-serif}.google-btn:hover{background:#f2f2f2}.gsi-slot{display:flex;justify-content:center;min-height:44px}.modal-notice{margin:12px 0 0;font-size:13px;color:var(--warn)}.modal .fine{margin:18px 0 0}@keyframes fade-in{0%{opacity:0}}.demo-banner{margin:-8px auto 16px;width:fit-content;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--warn);border:1px dashed var(--warn)}.demo-accounts{list-style:none;padding:0;margin:0 0 14px;text-align:left;border:1px solid var(--line);border-radius:12px;overflow:hidden}.demo-accounts li+li{border-top:1px solid var(--line)}.demo-accounts button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px}.demo-accounts button:hover{background:var(--bg-2)}.demo-avatar{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.demo-id{display:grid;line-height:1.3}.demo-id small{color:var(--muted)}.play{font-size:18px;padding:14px 26px;border-radius:999px;background:#ffffff1a}.screen-shot{padding:8%;text-align:center;animation:fade 1.8s ease}.screen-shot p{font-family:Playfair Display,serif;font-style:italic;font-size:clamp(15px,2.2vw,22px)}.slate{font-size:11px;letter-spacing:.2em;color:var(--accent-2);margin-bottom:12px}@keyframes fade{0%{opacity:0;transform:scale(1.03)}15%,85%{opacity:1;transform:none}to{opacity:0}}@media (max-width: 800px){.studio{grid-template-columns:1fr}.studio-side{border-right:0;border-bottom:1px solid var(--line)}.studio-main{padding:20px 16px}.two{grid-template-columns:1fr}.beat-controls{flex-wrap:wrap;gap:8px 14px;padding-left:0}.beat-head select{width:110px}.char-head{flex-wrap:wrap}.topbar{padding:12px 16px}.brand-sub{display:none}}.pro{max-width:820px}.pro-head{text-align:center;margin-bottom:20px}.pro-head h1{font-size:clamp(30px,4.5vw,44px);margin-bottom:6px}.pro-head p{margin:0}.pro-preview{margin:0 auto 28px;max-height:60vh}.pro-plans{scroll-margin-top:80px}.seg{display:flex;width:fit-content;margin:0 auto 16px;padding:4px;gap:4px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line)}.seg button{padding:8px 22px;border-radius:999px;font-weight:600;color:var(--muted)}.seg button.on{background:var(--card);color:var(--text);box-shadow:0 0 0 1px var(--line)}.tier-chips{justify-content:center;margin-bottom:18px}.tier-chips .chip{padding:8px 18px;font-size:14px}.pro-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px}.pro-card.center{text-align:center}.pro-card h2{text-align:center;margin-bottom:2px}.pro-card>.muted{text-align:center;margin:0 0 20px}.billing{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.bill{position:relative;display:grid;gap:4px;justify-items:center;padding:22px 10px 16px;border-radius:14px;border:1px solid var(--line);background:var(--bg-2);transition:.15s}.bill:hover{border-color:var(--accent)}.bill.on{border-color:var(--accent);background:#e0457b1f;box-shadow:0 0 0 1px var(--accent)}.bill-off{position:absolute;top:-10px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.bill-len{color:var(--muted);font-size:13px}.bill-price{font-size:26px;font-weight:700}.bill-price small{font-size:13px;font-weight:500;color:var(--muted)}.feature-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px}.fchip{padding:6px 12px;border-radius:999px;font-size:13px;background:var(--bg-2);border:1px solid var(--line)}.fchip.hot{border-color:var(--accent);color:var(--accent-2)}.btn.block{display:block;width:100%;text-align:center;text-decoration:none}a.btn{display:inline-block;text-decoration:none}.fine.center{text-align:center}@media (max-width: 600px){.billing{grid-template-columns:1fr}.pro-card{padding:18px}}.account-line{margin:4px 0 0}.page-head h1{margin-bottom:0}.ugly-only{display:none}[data-theme=ugly] .ugly-only{display:block}[data-theme=ugly]{--y-ink: #1a1025;--y-ink-2: #4a3a5c;--y-soft: #7a6b8a;--y-hair: rgba(26, 16, 37, .1);--y-surface: rgba(255, 255, 255, .78);--y-surface-solid: #ffffff;--y-subtle: #f5f2f8;--y-pink: #ff2d87;--y-violet: #7b4dff;--y-grad: linear-gradient(135deg, #ff2d87 0%, #b13dff 55%, #7b4dff 100%);--y-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--y-radius: 16px;--y-shadow: 0 1px 2px rgba(26, 16, 37, .06), 0 12px 32px rgba(26, 16, 37, .14), 0 40px 80px rgba(40, 0, 60, .22);--y-shadow-sm: 0 1px 2px rgba(26, 16, 37, .06), 0 6px 16px rgba(26, 16, 37, .08);--y-glass: saturate(180%) blur(24px);--y-lights: radial-gradient(circle at 6px 6px, #ff5f57 0 5.5px, transparent 6px), radial-gradient(circle at 26px 6px, #febc2e 0 5.5px, transparent 6px), radial-gradient(circle at 46px 6px, #28c840 0 5.5px, transparent 6px);--bg: #1a0f2e;--bg-2: var(--y-subtle);--card: var(--y-surface-solid);--line: #e6e0ee;--text: var(--y-ink);--muted: var(--y-soft);--accent: var(--y-pink);--accent-2: var(--y-violet);color-scheme:light}[data-theme=ugly] body{font:15px/1.6 var(--y-font);-webkit-font-smoothing:antialiased;color:var(--y-ink);background-color:#1a0f2e;background-image:radial-gradient(60% 50% at 12% 8%,rgba(255,45,135,.55),transparent 70%),radial-gradient(55% 45% at 88% 12%,rgba(123,77,255,.55),transparent 70%),radial-gradient(70% 60% at 50% 100%,rgba(255,140,90,.3),transparent 70%),linear-gradient(180deg,#2a1146,#1a0f2e 60%);background-attachment:fixed}[data-theme=ugly] h1,[data-theme=ugly] h2,[data-theme=ugly] h3{font-family:var(--y-font);font-weight:800;letter-spacing:-.025em;color:var(--y-ink)}[data-theme=ugly] .orbs,[data-theme=ugly] .hero-badge{display:none}[data-theme=ugly] .hero,[data-theme=ugly] .section,[data-theme=ugly] .promise{position:relative;max-width:1180px;margin:28px 16px;background:var(--y-surface);-webkit-backdrop-filter:var(--y-glass);backdrop-filter:var(--y-glass);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:var(--y-shadow)}@media (min-width: 1212px){[data-theme=ugly] .hero,[data-theme=ugly] .section{margin-inline:auto}}[data-theme=ugly] .hero{padding-top:44px}[data-theme=ugly] .section{padding-top:56px}[data-theme=ugly] .topbar{position:sticky;background:#1a0f2e8c;-webkit-backdrop-filter:var(--y-glass);backdrop-filter:var(--y-glass);border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=ugly] .brand{font:800 20px var(--y-font);letter-spacing:-.02em;color:#fff}[data-theme=ugly] .brand-mark{background:var(--y-grad);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=ugly] .brand-sub{color:#fff9;font:600 10px var(--y-font);letter-spacing:.22em}[data-theme=ugly] .hero{padding-bottom:44px}[data-theme=ugly] .hero h1{font-size:clamp(34px,5.2vw,64px);line-height:1.02;letter-spacing:-.04em}[data-theme=ugly] .hero h1 em{font-style:normal;background:var(--y-grad);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=ugly] .lede{color:var(--y-ink-2);font-size:17px}[data-theme=ugly] .hero-art{display:none}[data-theme=ugly] .hero-visual{max-width:none;justify-self:stretch;align-self:center}.retro-player{width:100%;overflow:hidden;background:#fff;border:1px solid rgba(26,16,37,.08);border-radius:16px;font:12px var(--y-font, "Inter", sans-serif);color:#1a1025;box-shadow:0 1px 2px #1a10250f,0 20px 50px #28003c40}.rp-screen{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden}.rp-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.rp-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(0,0,0,.5),transparent 35%,transparent 65%,rgba(0,0,0,.35));pointer-events:none}.rp-card{position:absolute;z-index:1;left:0;right:0;top:9%;display:grid;justify-items:center;text-align:center}.rp-card strong{font:700 clamp(11px,1.4vw,14px) "Inter",sans-serif;letter-spacing:.32em;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.5);white-space:nowrap}.rp-scrub{display:flex;align-items:center;gap:12px;padding:14px 16px 4px;font-size:11px;color:#7a6b8a;font-variant-numeric:tabular-nums}.rp-track{position:relative;flex:1;height:4px;border-radius:999px;background:#ece7f2}.rp-track b{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,#ff2d87,#7b4dff)}.rp-track i{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #1a10251f,0 2px 6px #1a102533}.rp-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 16px 12px}.rp-transport{display:flex;align-items:center;gap:14px}.rp-transport .rp-play:hover{transform:scale(1.08);box-shadow:0 10px 24px #7b4dff80}.rp-transport i{width:32px;height:32px;display:grid;place-items:center;font-style:normal;font-size:11px;color:#4a3a5c;border-radius:50%}.rp-transport .rp-play{display:grid;place-items:center;padding:0;border-radius:50%;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s;width:44px;height:44px;font-size:15px;color:#fff;background:linear-gradient(135deg,#ff2d87,#7b4dff);box-shadow:0 6px 16px #7b4dff59}.rp-vol{display:flex;align-items:center;gap:8px;font-size:12px;color:#7a6b8a}.rp-vol b{width:56px;height:4px;border-radius:999px;background:linear-gradient(90deg,#4a3a5c 65%,#ece7f2 65%)}.rp-full{justify-self:end;font-size:14px;color:#7a6b8a}.rp-shots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px 16px 16px;border-top:1px solid rgba(26,16,37,.06);background:#faf8fc}.rp-shot{position:relative;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;background:#000}.rp-shot .shot-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.rp-shot.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #ff2d87}.rp-shot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 35%,#0a0414d9)}.rp-step{position:absolute;z-index:1;left:4px;right:2px;bottom:4px;display:flex;align-items:center;gap:3px;font:600 9.5px Inter,sans-serif;letter-spacing:-.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-step b{flex:none;width:13px;height:13px;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:700;background:linear-gradient(135deg,#ff2d87,#7b4dff)}@media (max-width: 900px){[data-theme=ugly] .hero-visual{max-width:520px;justify-self:center}}[data-theme=ugly] .btn{border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--y-ink);font:600 14px var(--y-font);padding:10px 20px;box-shadow:var(--y-shadow-sm);transition:transform .15s,box-shadow .15s,background .15s}[data-theme=ugly] .btn:hover:not(:disabled){border-color:#d6cde2;transform:translateY(-1px)}[data-theme=ugly] .btn.ghost{background:transparent;box-shadow:none}[data-theme=ugly] .btn.primary{border:0;color:#fff;background:var(--y-grad);box-shadow:0 8px 24px #b13dff59}[data-theme=ugly] .btn.primary:hover:not(:disabled){box-shadow:0 12px 30px #b13dff73}[data-theme=ugly] .btn.lg{padding:14px 28px;font-size:16px}[data-theme=ugly] .strip{background:transparent;border:0;padding:12px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}[data-theme=ugly] .strip:before,[data-theme=ugly] .strip:after{display:none}[data-theme=ugly] .strip-track{gap:16px}[data-theme=ugly] .mood{width:240px;height:160px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000059}[data-theme=ugly] .mood-file{display:none}[data-theme=ugly] .mood-art{position:absolute;top:0;right:0;bottom:0;left:0}[data-theme=ugly] .mood-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}[data-theme=ugly] .mood:hover .mood-art img{transform:scale(1.05)}[data-theme=ugly] .mood-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 45%,#0a0414bf)}[data-theme=ugly] .mood-name{position:absolute;left:14px;bottom:12px;font:600 14px var(--y-font);color:#fff;text-shadow:none}[data-theme=ugly] .eyebrow{color:var(--y-pink);font:600 12px var(--y-font);letter-spacing:.18em}[data-theme=ugly] .section h2{font-size:clamp(28px,3.6vw,42px)}[data-theme=ugly] .feature{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--y-shadow-sm);transition:transform .2s,box-shadow .2s}[data-theme=ugly] .feature:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:0 16px 40px #7b4dff2e}[data-theme=ugly] .feature p{color:var(--y-ink-2)}[data-theme=ugly] .feature h3{color:var(--y-ink)}[data-theme=ugly] .step-label{color:var(--y-soft);font:600 11px var(--y-font);letter-spacing:.18em}[data-theme=ugly] .step-num{background:var(--y-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--y-font);font-weight:800;filter:none}[data-theme=ugly] .f-icon{stroke:var(--y-violet)}@media (min-width: 1061px){[data-theme=ugly] .feature:not(:last-child):after{content:"→";color:#fff;background:var(--y-grad);box-shadow:0 0 0 4px #fff}}[data-theme=ugly] .showcase-copy p{color:var(--y-ink-2)}[data-theme=ugly] .mock{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--y-shadow-sm)}[data-theme=ugly] .mock-bar{position:relative;justify-content:flex-start;background:transparent;border-bottom:1px solid var(--y-hair)}[data-theme=ugly] .mock-bar span{margin:0;font:500 13px var(--y-font);color:var(--y-soft)}[data-theme=ugly] .mock-set{color:var(--y-soft)}[data-theme=ugly] .tl-beat{background:var(--y-subtle);border:1px solid transparent;border-radius:10px;color:var(--y-ink)}[data-theme=ugly] .tl-heat i.on{background:var(--y-grad)}[data-theme=ugly] .playhead{background:var(--y-violet);box-shadow:none}[data-theme=ugly] .mock-shot{border-radius:8px;color:#fff;font-family:var(--y-font)}[data-theme=ugly] .mock-shot b{color:#ffb3d4}[data-theme=ugly] .promise{max-width:640px;padding:32px 28px 28px;margin-inline:auto}[data-theme=ugly] .promise p{color:var(--y-ink-2)}[data-theme=ugly] .promise .f-icon{stroke:var(--y-pink)}[data-theme=ugly] .ugly-footer{display:none}[data-theme=ugly] .link{color:var(--y-violet)}[data-theme=ugly] .studio{background:#fff}[data-theme=ugly] .studio-side{background:var(--y-subtle);border-right:1px solid var(--line)}[data-theme=ugly] .studio-main,[data-theme=ugly] .page{background:#fff}[data-theme=ugly] .page.pro{background:transparent}[data-theme=ugly] .card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--y-shadow-sm)}[data-theme=ugly] .chip{border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--y-ink-2);font-weight:500;transition:background .15s,color .15s,border-color .15s}[data-theme=ugly] .chip:hover{color:var(--y-ink);border-color:#d6cde2}[data-theme=ugly] .chip.on{color:#fff;border-color:transparent;background:var(--y-ink)}[data-theme=ugly] input,[data-theme=ugly] select,[data-theme=ugly] textarea{background:#fff;color:var(--y-ink);border:1px solid var(--line);border-radius:10px;font-family:var(--y-font)}[data-theme=ugly] input:focus,[data-theme=ugly] select:focus,[data-theme=ugly] textarea:focus{outline:none;border-color:var(--y-violet);box-shadow:0 0 0 4px #7b4dff26}[data-theme=ugly] .title-input{background:transparent;border-color:transparent;font-weight:800}[data-theme=ugly] .stepper button{color:var(--y-ink-2);border-radius:10px}[data-theme=ugly] .stepper button:hover{background:#fff}[data-theme=ugly] .stepper button.on{color:var(--y-ink);background:#fff;box-shadow:var(--y-shadow-sm)}[data-theme=ugly] .stepper button span{border-color:var(--line);background:#fff}[data-theme=ugly] .stepper button.on span{background:var(--y-grad);color:#fff;border-color:transparent}[data-theme=ugly] .stepper button.done span{border-color:var(--y-violet);color:var(--y-violet)}[data-theme=ugly] .beat-no,[data-theme=ugly] .avatar{color:#fff;background:var(--y-grad)}[data-theme=ugly] .summary{background:var(--y-subtle);border:1px solid var(--line);border-radius:14px}[data-theme=ugly] .summary span,[data-theme=ugly] .muted{color:var(--y-soft)}[data-theme=ugly] .alert{border-radius:12px}[data-theme=ugly] .modal-backdrop{background:#1408248c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=ugly] .modal{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--y-shadow)}[data-theme=ugly] .modal h2{color:var(--y-ink)}[data-theme=ugly] .modal-mark{background:var(--y-grad);color:#fff}[data-theme=ugly] .google-btn{border-radius:999px;border:1px solid #dadce0;background:#fff;font-family:var(--y-font)}[data-theme=ugly] .google-btn:hover{background:#f8f7fa}[data-theme=ugly] .modal .fine{color:var(--y-soft)}[data-theme=ugly] .modal-notice{color:#b0306b}[data-theme=ugly] .demo-accounts{background:#fff;border:1px solid var(--line);border-radius:14px}[data-theme=ugly] .demo-accounts button:hover{background:var(--y-subtle)}[data-theme=ugly] .demo-banner{color:#b0306b;border-color:#b0306b66;border-radius:999px}[data-theme=ugly] .pp-controls{background:linear-gradient(transparent,#000000bf);font-family:var(--y-font)}[data-theme=ugly] .pp-track{height:4px}[data-theme=ugly] .pp-fill{background:var(--y-grad)}[data-theme=ugly] .pp-badge{border-radius:999px;background:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--y-font);font-weight:600}[data-theme=ugly] .pp-gate{background:#14082499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=ugly] .pp-gate-card strong{font-family:var(--y-font);font-weight:800}[data-theme=ugly] .pro-head h1{color:#fff;font-size:clamp(32px,4.6vw,48px)}[data-theme=ugly] .pro-head .muted{color:#ffffffb3}[data-theme=ugly] .seg{background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:999px}[data-theme=ugly] .seg button{color:#ffffffbf;border-radius:999px}[data-theme=ugly] .seg button.on{color:var(--y-ink);background:#fff;box-shadow:none}[data-theme=ugly] .tier-chips .chip{background:#ffffff1f;color:#fff;border-color:#fff3}[data-theme=ugly] .tier-chips .chip.on{background:#fff;color:var(--y-ink)}[data-theme=ugly] .pro-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--y-shadow)}[data-theme=ugly] .bill{background:#fff;border:1px solid var(--line);border-radius:16px}[data-theme=ugly] .bill.on{background:#fbf8ff;border-color:var(--y-violet);box-shadow:0 0 0 3px #7b4dff2e}[data-theme=ugly] .bill-off{background:var(--y-grad)}[data-theme=ugly] .bill-price{color:var(--y-ink);font-family:var(--y-font)}[data-theme=ugly] .fchip{border-radius:999px;background:var(--y-subtle);border:1px solid transparent;color:var(--y-ink-2)}[data-theme=ugly] .fchip.hot{background:#fff0f7;color:#c01b66;border-color:#ff2d8740}[data-theme=ugly] .mock-bar i{display:none}