:root{color-scheme:dark;--gold:#f4cf7f}*{box-sizing:border-box}html,body{margin:0;background:#060511;color:#fff;font-family:Inter,system-ui,Arial,sans-serif}main{min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.artboard{position:relative;width:min(100vw,1536px);aspect-ratio:3 / 2;overflow:hidden;background:#0a0717;isolation:isolate}.bg{width:100%;height:100%;object-fit:fill;position:absolute;inset:0;opacity:0;filter:blur(10px) saturate(1.04);transform:scale(1.014);transition:opacity 2.8s ease,filter 2.8s ease,transform 20s linear}.bg.active{opacity:1;filter:blur(0);transform:scale(1)}.screen-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.13),transparent 13%);z-index:1}.hotspot{position:absolute;z-index:3;border:0;background:transparent;color:transparent;cursor:pointer}.hotspot:focus-visible{outline:3px solid #ffe2a0;outline-offset:-3px;background:#f5c66033}.brand{left:2%;top:0;width:22%;height:7.6%}.nav-create{left:32%;top:0;width:8%;height:7.6%}.nav-media{left:41%;top:0;width:10%;height:7.6%}.nav-products{left:51%;top:0;width:9%;height:7.6%}.nav-pricing{left:60%;top:0;width:8%;height:7.6%}.nav-signin{left:78%;top:0;width:9%;height:7.6%}.nav-start{left:88%;top:0;width:11%;height:7.6%}.tap{left:38.4%;top:38%;width:23%;height:33%;border-radius:50%}.tap.listening{box-shadow:0 0 0 8px #8a60ff89,0 0 35px 20px #d4ac64;animation:pulse 1.4s ease-in-out infinite}.watch{left:1%;top:54%;width:18%;height:10%}.pet-prev,.pet-next{width:4%;height:7%;top:38%;font-size:clamp(16px,2.5vw,35px);color:#f4c76c;text-shadow:0 2px 8px #000;border-radius:50%}.pet-prev{left:0.4%}.pet-next{left:71.8%}.shortcut{top:44%;height:10%;width:5%}.shortcut.song{left:2%}.shortcut.movie{left:8%}.shortcut.image{left:14%}.shortcut.merch{left:20%}.shortcut.radio{left:26%}.card{top:73%;height:25%;width:16.5%}.card.song{left:1%}.card.movie{left:18.5%}.card.image{left:36%}.card.merch{left:53%}.card.tv{left:66.5%}.card.radio{left:83%}.right-hitboxes{position:absolute;right:.9%;top:14%;width:22.9%;height:55.8%;z-index:3;display:flex;flex-direction:column;gap:1.1%;padding:0.8%}.right-hitboxes button{height:16%;cursor:pointer;border:1px solid transparent;background:transparent}.right-hitboxes button:focus-visible{outline:3px solid var(--gold)}.slide-control{position:absolute;z-index:4;left:36%;bottom:0.8%;display:flex;gap:10px;align-items:center;background:#080817bd;border:1px solid #c59d4eaa;padding:6px 13px;border-radius:30px;font-size:12px}.slide-control button{border:0;background:transparent;color:var(--gold);font-size:20px;cursor:pointer}.slide-control span:last-child{color:#e5bd65}.live-status{position:absolute;z-index:5;left:27%;bottom:12%;padding:8px 12px;border-radius:12px;background:#120e25ed;color:#fbe1a0;display:none}.live-status:not(:empty){display:block}#drawer-backdrop:not([hidden]){position:fixed;inset:0;background:#0301099e;z-index:10}#drawer{position:fixed;z-index:11;right:0;top:0;bottom:0;width:min(460px,100vw);background:linear-gradient(165deg,#241730,#0f0c1c 65%);border-left:1px solid #bb9162;box-shadow:-20px 0 50px #0008;transform:translateX(105%);transition:transform .4s ease;display:flex;flex-direction:column}#drawer.open{transform:translateX(0)}.drawer-header{padding:28px 24px;border-bottom:1px solid #554269;display:flex;align-items:flex-start;justify-content:space-between}.drawer-header small{color:#e6bd76;font-size:11px;letter-spacing:2px}.drawer-header h2{margin:7px 0 0;font-size:25px}.drawer-header button,.dialog-head button{background:transparent;border:0;color:white;font-size:23px;cursor:pointer}.drawer-body{padding:16px 24px 28px;overflow-y:auto}.drawer-body p{line-height:1.5;color:#dad1e4}.tool-tabs{display:flex;gap:5px;margin:20px 0;flex-wrap:wrap}.tool-tabs button{border-radius:20px;border:1px solid #786081;background:#2c2241;color:#fff;padding:9px 13px;cursor:pointer}.tool-tabs button.selected{background:#f3c36d;color:#1d1624}.drawer-body label{display:block;margin:14px 0;color:#e0d2e9;font-size:13px;font-weight:600}.drawer-body input,.drawer-body textarea,.drawer-body select{width:100%;display:block;border:1px solid #715b83;border-radius:10px;background:#170e24;color:#fff;padding:12px;margin-top:7px;font:inherit}.voice-tools{display:flex;align-items:center;gap:10px;font-size:12px;color:#bdafc6}.voice-tools button{border:1px solid #d3a35d;border-radius:25px;background:transparent;color:#ffdb8d;padding:10px;cursor:pointer}.idea-preview{margin-top:20px;background:#2a1d39;border-left:3px solid #dcb269;border-radius:7px;white-space:pre-wrap;padding:14px;color:#f6e9fd;line-height:1.6;font-size:14px}.gold-action{display:block;width:100%;margin-top:17px;border:0;border-radius:10px;background:linear-gradient(#ffe1a5,#d8a54c);color:#1f1525;padding:15px;font-size:16px;font-weight:800;cursor:pointer}.notice{font-size:11px!important;color:#a99fb5!important}dialog{max-width:470px;border:1px solid #cca96b;background:#1c142b;color:white;border-radius:16px;box-shadow:0 20px 100px #000;line-height:1.6}dialog::backdrop{background:#08030cb0}.dialog-head{display:flex;align-items:center;justify-content:space-between}@keyframes pulse{50%{box-shadow:0 0 0 18px #8a60ff33,0 0 40px 27px #d4ac64}}@media(max-width:750px){.artboard{width:100%;height:auto;aspect-ratio:3/2;min-height:360px}.slide-control{left:3%;bottom:2%;font-size:9px}.tap{left:38%;width:24%;top:36%}.pet-prev,.pet-next{font-size:20px}.right-hitboxes{top:12%;height:57%}}@media(prefers-reduced-motion:reduce){.bg,#drawer{transition:none!important;animation:none!important}}

.logo-mask{position:absolute;top:0;left:0;width:28%;height:10.5%;background:#080712;z-index:2}.approved-logo{position:absolute;z-index:3;top:0.1%;left:.7%;width:24%;height:9.5%;object-fit:contain;object-position:left center;pointer-events:none;filter:drop-shadow(0 0 5px #ad7c2440)}.brand{z-index:5}.music-fields{background:#20162c;border-radius:14px;padding:4px 14px 14px;margin:15px 0;border:1px solid #554067}.music-fields .checkline{display:flex;align-items:center;gap:10px}.music-fields .checkline input{width:18px;height:18px;display:inline;margin:0;accent-color:#e0af5b}.secondary-action{width:100%;margin:10px 0 0;padding:13px;border-radius:10px;border:1px solid #bb9a5f;color:#f8d596;background:#21172f;font-weight:700;cursor:pointer}@media(max-width:750px){.approved-logo{width:27%;height:10%;left:0}.logo-mask{width:29%}}
/* Keep the approved art and align its native controls. */
.nav-home{left:27%;width:5%;top:0;height:7.6%}.nav-create{left:33%;width:7%}.nav-media{left:40%;width:8%}.nav-products{left:47%;width:7%}.nav-explore{left:54%;width:6%;top:0;height:7.6%}.nav-pricing{left:60%;width:7%}.nav-search{left:75%;width:3%;top:0;height:7.6%}.panel-close{left:96%;width:3%;top:9%;height:4%}.slide-control{bottom:.2%;font-size:10px;padding:2px 8px}.right-hitboxes.choices-hidden{visibility:hidden}.mobile-actions{display:none}.demo-select-label{display:block;margin:14px 0}#demo-select{display:block;width:100%;margin-top:8px;padding:12px;color:white;background:#20162c;border:1px solid #a1814f;border-radius:8px}#demos{width:min(900px,94vw);max-width:900px;max-height:90vh;overflow:auto;padding:22px}#demo-video{display:block;width:100%;aspect-ratio:16/9;background:black}a.secondary-action{display:block;text-align:center;text-decoration:none}.dialog-head h2{font-size:22px;margin:0}.notice{line-height:1.6}#draft-status{font-size:13px;color:#f4cf7f}button:focus-visible,a:focus-visible{outline:3px solid #ffe2a0;outline-offset:3px}.music-fields[hidden]{display:none}.artboard.choices-hidden:after{content:'Create something — use the studio buttons below';position:absolute;z-index:2;right:0.7%;top:8%;width:24%;height:64%;background:linear-gradient(160deg,#20132c,#080615);display:grid;place-items:center;padding:20px;text-align:center;color:#f4cf7f;font-size:clamp(10px,1.4vw,20px)}
@media(max-width:750px){main{display:block}.artboard{min-height:0;aspect-ratio:3/2}.mobile-actions{display:grid;gap:12px;padding:22px 20px 40px;background:radial-gradient(at top,#24152f,#080613 80%)}.mobile-actions h1{font-size:29px;line-height:1.15;margin:0;color:#f4cf7f}.mobile-actions p{color:#d8d0e5;line-height:1.6;margin:0 0 4px}.mobile-actions button{font:600 16px/1.4 system-ui;padding:15px;color:#ffdf9b;border:1px solid #927244;border-radius:12px;background:#21162f;text-align:left;cursor:pointer}.mobile-actions small{color:#b3a5c2;line-height:1.7}.slide-control{font-size:8px;gap:5px;padding:1px 6px;bottom:0}.slide-control button{font-size:16px}.drawer-header{padding:20px}.drawer-body{padding:12px 20px 24px}}
@media(prefers-reduced-motion:reduce){.tap.listening{animation:none!important}}