: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-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]{--bg: #000080;--bg-2: #c0c0c0;--card: #ffff00;--line: #ff00ff;--text: #000;--muted: #800000;--accent: #ff00ff;--accent-2: #00ff00;color-scheme:light}[data-theme=ugly] body{font-family:Comic Sans MS,Comic Sans,Chalkboard SE,cursive;color:#000;background-color:#0ff;background-image:linear-gradient(45deg,#ff00ff 25%,transparent 25%,transparent 75%,#ff00ff 75%),linear-gradient(45deg,#ff00ff 25%,transparent 25%,transparent 75%,#ff00ff 75%);background-size:40px 40px;background-position:0 0,20px 20px;cursor:crosshair}[data-theme=ugly] h1,[data-theme=ugly] h2,[data-theme=ugly] h3{font-family:Times New Roman,Times,serif}[data-theme=ugly] .orbs,[data-theme=ugly] .hero-badge{display:none}[data-theme=ugly] *{border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}[data-theme=ugly] .topbar{background:red;border-bottom:6px ridge #ffff00;position:static}[data-theme=ugly] .brand{font-family:Impact,Arial Black,sans-serif;font-size:30px;color:#ff0;text-shadow:3px 3px 0 #0000ff;letter-spacing:2px}[data-theme=ugly] .brand-mark{color:#0f0}[data-theme=ugly] .brand-sub{color:#fff;font-family:Courier New,monospace;font-size:14px;letter-spacing:0}[data-theme=ugly] .ugly-banner{background:#000;border:4px outset #c0c0c0}.ugly-marquee{overflow:hidden;white-space:nowrap;color:#0f0;font:700 20px Courier New,monospace;padding:6px 0}.ugly-marquee span{display:inline-block;padding-left:100%;animation:ugly-marquee 35s linear infinite}@keyframes ugly-marquee{to{transform:translate(-100%)}}.ugly-construction{text-align:center;padding:6px;font:700 18px Impact,sans-serif;color:#000;background:repeating-linear-gradient(45deg,#fc0 0,#fc0 18px,#000 18px,#000 36px)}.ugly-construction{color:#ff0;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}[data-theme=ugly] .hero{background:#fff;border:8px groove #ff00ff;margin:16px;max-width:none}[data-theme=ugly] .hero h1{color:red;font-size:clamp(30px,5vw,58px);text-shadow:2px 2px 0 #00ff00,4px 4px 0 #0000ff}[data-theme=ugly] .hero h1 em{font-style:italic;background:linear-gradient(90deg,red,orange,#ff0,#0f0,#0ff,#00f,#f0f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;animation:ugly-rainbow 1s linear infinite;background-size:200% 100%}@keyframes ugly-rainbow{to{background-position:200% 0}}[data-theme=ugly] .lede{color:#00f;font-size:18px}[data-theme=ugly] .hero-art{display:none}.retro-player{background:silver;border:3px outset #fff;font:12px "MS Sans Serif",Tahoma,sans-serif;color:#000;transform:rotate(-2deg)}.rp-title{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:3px 4px;background:linear-gradient(90deg,navy,#1084d0);color:#fff;font-weight:700;white-space:nowrap;overflow:hidden}.rp-title>span:first-child{overflow:hidden;text-overflow:ellipsis}.rp-winbtns{display:flex;gap:2px;flex:none}.rp-winbtns i{width:16px;height:14px;display:grid;place-items:center;font-style:normal;font-size:11px;line-height:1;background:silver;color:#000;border:2px outset #fff}.rp-menu{padding:3px 6px;word-spacing:8px;border-bottom:1px solid #808080}.rp-screen{position:relative;margin:6px;aspect-ratio:4 / 3;border:3px inset #808080;overflow:hidden;background:#000 radial-gradient(circle at 50% 45%,#202080 0,#000 70%);display:grid;place-items:center}.rp-clap{width:38%;image-rendering:pixelated;animation:rp-bounce 1.2s steps(2) infinite}@keyframes rp-bounce{50%{transform:translateY(-6px) rotate(-4deg)}}.rp-wordart{position:absolute;bottom:10%;left:0;right:0;text-align:center;font:italic 900 clamp(14px,2.1vw,22px) Impact,"Arial Black",sans-serif;white-space:nowrap;background:linear-gradient(180deg,#ff0 0,#ff0 40%,#f80 40%,#f80 60%,red 60%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #600;transform:perspective(200px) rotateX(18deg) skew(-8deg);filter:drop-shadow(3px 3px 0 #00f)}.rp-burst{position:absolute;top:4%;right:4%;width:26%;animation:rp-spin 6s linear infinite}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-progress{display:flex;gap:2px;margin:0 6px;padding:2px;height:18px;border:2px inset #808080;background:#fff}.rp-progress b{flex:1;background:navy;opacity:0;animation:rp-fill 3.5s steps(1) infinite}@keyframes rp-fill{0%{opacity:0}5%{opacity:1}to{opacity:1}}.rp-controls{display:flex;align-items:center;gap:3px;padding:6px}.rp-controls i{font-style:normal;min-width:28px;height:22px;display:grid;place-items:center;font-size:11px;background:silver;border:2px outset #fff}.rp-controls i:nth-child(2){border-style:inset;background:#a0a0a0}.rp-vol{margin-left:auto;font-size:11px}.rp-status{display:flex;justify-content:space-between;margin:0 6px 6px;padding:2px 4px;border:1px inset #808080;font-size:11px}[data-theme=ugly] .btn,[data-theme=ugly] .btn.primary{background:silver;color:#000;border:4px outset #fff;font-family:"MS Sans Serif",Tahoma,sans-serif;font-weight:700}[data-theme=ugly] .btn:active{border-style:inset}[data-theme=ugly] .btn.primary{background:#0f0}[data-theme=ugly] .btn.primary:before{content:"👉 "}[data-theme=ugly] .btn.primary:after{content:" 👈"}[data-theme=ugly] .strip{background:#f0f;border-block:6px double #ffff00;-webkit-mask-image:none;mask-image:none}[data-theme=ugly] .mood{width:200px;height:168px;display:flex;flex-direction:column;background:silver;border:3px outset #fff;padding:0 3px 3px;overflow:visible}[data-theme=ugly] .mood-file{display:block;margin:0 -3px 3px;padding:2px 4px;background:linear-gradient(90deg,navy,#1084d0);color:#fff;font:700 11px "MS Sans Serif",Tahoma,sans-serif}[data-theme=ugly] .mood-file:after{content:"×";float:right;width:13px;height:11px;line-height:9px;text-align:center;background:silver;color:#000;border:1px outset #fff}[data-theme=ugly] .mood-art{position:relative;flex:1;border:2px inset #808080;overflow:hidden;background:#000}[data-theme=ugly] .mood-art svg{filter:brightness(1.7) url(#retro-gif) saturate(1.6)}[data-theme=ugly] .mood-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:repeating-conic-gradient(#000 0 25%,transparent 0 50%);background-size:2px 2px}[data-theme=ugly] .mood-name{position:static;margin-top:3px;text-align:center;font:13px Times New Roman,serif;color:#00e;text-decoration:underline;text-shadow:none}[data-theme=ugly] .section{background:#fc9;border:6px ridge #0000ff;margin:20px 16px;max-width:none}[data-theme=ugly] .eyebrow{color:#f0f;font:700 16px Courier New,monospace;text-decoration:underline wavy #00ff00}[data-theme=ugly] .section h2{color:green;font-size:36px;text-decoration:underline}[data-theme=ugly] .feature{background:#ff0;border:4px dashed #ff0000}[data-theme=ugly] .feature:nth-child(2n){background:#0f0;transform:rotate(1.5deg)}[data-theme=ugly] .feature:nth-child(odd){transform:rotate(-1deg)}[data-theme=ugly] .feature p{color:#000}[data-theme=ugly] .feature h3{color:#00f}[data-theme=ugly] .step-label{color:red;font-family:Courier New,monospace}[data-theme=ugly] .step-num{background:none;color:#f0f;filter:none;font-family:Impact,sans-serif;-webkit-text-stroke:2px #000}[data-theme=ugly] .f-icon{stroke:#000}@media (min-width: 1061px){[data-theme=ugly] .feature:not(:last-child):after{background:red;box-shadow:none;content:">>"}}[data-theme=ugly] .showcase-copy p{color:#000}[data-theme=ugly] .mock{background:silver;border:4px outset #fff}[data-theme=ugly] .mock-bar{background:linear-gradient(90deg,navy,#1084d0);color:#fff;border:0}[data-theme=ugly] .mock-set{color:#000}[data-theme=ugly] .tl-beat{background:#fff;border:2px inset #808080;color:#000}[data-theme=ugly] .mock-shot{background:#000;color:#0f0;font-family:Courier New,monospace}[data-theme=ugly] .mock-shot .shot-art{filter:brightness(1.3) url(#retro-gif-sm) saturate(1.4)}[data-theme=ugly] .mock-shot:before{background:linear-gradient(transparent 55%,#000 90%)}[data-theme=ugly] .mock-shot b{color:#ff0}[data-theme=ugly] .promise{background:#fff;border:5px double #ff0000;padding:20px}[data-theme=ugly] .promise h2{color:red}[data-theme=ugly] .promise p{color:#000}[data-theme=ugly] .ugly-footer{text-align:center;background:#000;color:#fff;padding:16px;margin:0 16px;border:4px inset #c0c0c0}.ugly-hr{border:0;height:8px;background:linear-gradient(90deg,red,orange,#ff0,#0f0,#0ff,#00f,#f0f)}.ugly-counter{display:inline-flex;gap:2px;margin-bottom:10px}.ugly-counter span{background:#000;color:#0f0;font:700 24px Courier New,monospace;padding:2px 6px;border:2px inset #808080}.ugly-blink{color:#ff0;font:700 22px Impact,sans-serif;animation:ugly-blink .8s steps(2) infinite}@keyframes ugly-blink{50%{opacity:0}}[data-theme=ugly] .link{color:#00e}[data-theme=ugly] .studio-side{background:silver;border-right:4px outset #fff}[data-theme=ugly] .studio-main,[data-theme=ugly] .page{background:#fff}[data-theme=ugly] .card{background:#ffc;border:3px dashed #ff00ff}[data-theme=ugly] .chip{background:silver;border:2px outset #fff;color:#000}[data-theme=ugly] .chip.on{background:#f0f;color:#ff0;border-style:inset}[data-theme=ugly] input,[data-theme=ugly] select,[data-theme=ugly] textarea{background:#fff;color:#000;border:2px inset #808080;font-family:Courier New,monospace}[data-theme=ugly] .stepper button.on{background:navy;color:#fff}[data-theme=ugly] .muted{color:maroon}@media (prefers-reduced-motion: reduce){.ugly-marquee span{padding-left:0}}[data-theme=ugly] .modal-backdrop{background:#008080cc}[data-theme=ugly] .modal{background:silver;border:3px outset #fff;padding-top:44px}[data-theme=ugly] .modal:before{content:"Sign Up.exe";position:absolute;top:0;left:0;right:0;padding:4px 8px;text-align:left;background:linear-gradient(90deg,navy,#1084d0);color:#fff;font:700 12px "MS Sans Serif",Tahoma,sans-serif}[data-theme=ugly] .modal-close{top:3px;right:4px;width:18px;height:16px;font-size:11px;background:silver;border:2px outset #fff;color:#000}[data-theme=ugly] .modal h2{color:navy}[data-theme=ugly] .modal-mark{background:#ff0;color:#000;border:3px outset #fff}[data-theme=ugly] .google-btn{border:3px outset #fff;background:#fff;font-family:"MS Sans Serif",Tahoma,sans-serif}[data-theme=ugly] .modal .fine{color:#000}[data-theme=ugly] .modal-notice{color:maroon}[data-theme=ugly] .demo-accounts{background:#fff;border:2px inset #808080}[data-theme=ugly] .demo-accounts button:hover{background:navy;color:#fff}[data-theme=ugly] .demo-accounts button:hover small{color:#fff}[data-theme=ugly] .demo-banner{color:maroon;border-color:maroon}[data-theme=ugly] .pp-controls{background:silver;border-top:2px outset #fff;color:#000;padding:6px 8px;font-family:"MS Sans Serif",Tahoma,sans-serif}[data-theme=ugly] .pp-btn{color:#000;background:silver;border:2px outset #fff;width:28px;height:22px}[data-theme=ugly] .pp-track{height:14px;background:#fff;border:2px inset #808080}[data-theme=ugly] .pp-fill{background:navy}[data-theme=ugly] .pp-preview{background:#a0a0ff}[data-theme=ugly] .pp-locked{background:#ff0}[data-theme=ugly] .pp-badge{background:red;color:#ff0;font-family:Impact,sans-serif;animation:ugly-blink 1s steps(2) infinite}[data-theme=ugly] .pp-gate{background:#000080d9}[data-theme=ugly] .pp-gate-card{background:silver;color:#000;border:3px outset #fff;padding:18px}[data-theme=ugly] .pp-gate-card p{color:#000}[data-theme=ugly] .pp-gate-card strong{color:red;font-family:Impact,sans-serif}[data-theme=ugly] .pro-head h1{color:red;font-family:Impact,sans-serif;text-shadow:2px 2px 0 #ffff00}[data-theme=ugly] .seg{background:silver;border:2px outset #fff}[data-theme=ugly] .seg button{color:#000}[data-theme=ugly] .seg button.on{background:navy;color:#fff;box-shadow:none}[data-theme=ugly] .pro-card{background:#ffc;border:4px ridge #ff00ff}[data-theme=ugly] .pro-card h2{color:navy}[data-theme=ugly] .bill{background:#fff;border:3px outset #c0c0c0;color:#000}[data-theme=ugly] .bill.on{background:#0f0;border-style:inset;box-shadow:none}[data-theme=ugly] .bill-off{background:red;color:#ff0;font-family:Impact,sans-serif;animation:ugly-blink 1s steps(2) infinite}[data-theme=ugly] .bill-len,[data-theme=ugly] .bill-price small{color:#000}[data-theme=ugly] .bill-price{color:#f0f;font-family:Impact,sans-serif}[data-theme=ugly] .fchip{background:silver;border:2px outset #fff;color:#000}[data-theme=ugly] .fchip.hot{background:#ff0;color:red}