.s-studio{--bd-font:var(--s-sans);position:relative;display:flex;flex-direction:column;gap:12px;width:100%;max-width:900px;margin:0 auto;padding:14px;box-sizing:border-box;border-radius:28px;background:#161616;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 20px 50px rgba(0,0,0,.35);font-family:var(--bd-font);color:#fafafa;text-align:left}.s-studio button{font:inherit}.s-stage{--bd-font:var(--s-sans,var(--font-geist)),Arial,sans-serif;font-family:var(--bd-font)}.s-studio .jtabs{display:flex;gap:2px;padding:3px;border-radius:999px;background:#0e0e0e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);align-self:flex-start}.s-studio .jtabs button{min-height:34px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#a1a1a1;font:450 14px/20px var(--bd-font);cursor:pointer;transition:background-color .15s,color .15s,transform .4s cubic-bezier(0,1.2,.68,1)}.s-studio .jtabs button:hover{color:#fafafa}.s-studio .jtabs button:active{transform:scale(.96)}.s-studio .jtabs button.is-on{background:#ffffff;color:#000000}.s-studio .jl-short{display:none}.s-studio .bigdrop{position:relative;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background-position:var(--px,0) var(--py,0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:300px;box-sizing:border-box;padding:32px;border-radius:22px;cursor:pointer;text-align:center;overflow:hidden;background-color:#121212;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px);background-size:14px 14px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.1);transition:box-shadow .24s cubic-bezier(.4,0,.2,1),background-color .24s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.22,1,.36,1),background-position .5s cubic-bezier(.22,1,.36,1)}.s-studio .bigdrop:hover{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.24);background-color:#151515}.s-studio.is-over .bigdrop{box-shadow:inset 0 0 0 2px #ffffff;background-image:radial-gradient(rgba(255,255,255,.3) 1px,transparent 1.4px)}.s-studio .bd-fan{position:relative;width:240px;height:124px;margin-bottom:6px;perspective:700px;transform:translate(calc(var(--px,0px) * -1.4),calc(var(--py,0px) * -1.4));transition:transform .5s cubic-bezier(.22,1,.36,1)}.s-studio .bdc{position:absolute;left:50%;top:14px;width:66px;height:88px;margin-left:-33px;transition:transform .6s cubic-bezier(0,1.2,.68,1)}.s-studio .bdf{position:absolute;inset:0;border-radius:12px;overflow:hidden;background:#1d1d1d;color:#4a4a4a;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 34px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.07);animation:bd-bdfloat 4.2s cubic-bezier(.45,0,.55,1) infinite}@keyframes bd-bdfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.s-studio .bdc-song{transform:translateX(-84px) translateY(10px) rotate(-15deg)}.s-studio .bdc-pic{transform:translateX(-32px) translateY(-2px) rotate(-6deg)}.s-studio .bdc-vid{transform:translateX(32px) translateY(-2px) rotate(6deg)}.s-studio .bdc-logo{transform:translateX(84px) translateY(10px) rotate(15deg)}.s-studio .bdc-pic .bdf{animation-delay:-1s}.s-studio .bdc-vid .bdf{animation-delay:-2.2s}.s-studio .bdc-logo .bdf{animation-delay:-3.1s}.s-studio .bd-plus{position:absolute;left:50%;top:70px;z-index:2;width:48px;height:48px;margin-left:-24px;border-radius:999px;background:#ffffff;color:#000000;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(0,0,0,.55);transition:transform .5s cubic-bezier(0,1.2,.68,1)}.s-studio .bigdrop:hover .bdf{color:#6b6b6b}.s-studio .bigdrop:hover .bdc-song{transform:translateX(-112px) translateY(4px) rotate(-21deg)}.s-studio .bigdrop:hover .bdc-pic{transform:translateX(-42px) translateY(-14px) rotate(-8deg)}.s-studio .bigdrop:hover .bdc-vid{transform:translateX(42px) translateY(-14px) rotate(8deg)}.s-studio .bigdrop:hover .bdc-logo{transform:translateX(112px) translateY(4px) rotate(21deg)}.s-studio .bigdrop:hover .bd-plus{transform:translateY(-4px) scale(1.06)}.s-studio.is-over .bdf{background:#262626;color:#a1a1a1}.s-studio.is-over .bdc-song{transform:translateX(-128px) translateY(-6px) rotate(-26deg) scale(1.05)}.s-studio.is-over .bdc-pic{transform:translateX(-50px) translateY(-22px) rotate(-10deg) scale(1.05)}.s-studio.is-over .bdc-vid{transform:translateX(50px) translateY(-22px) rotate(10deg) scale(1.05)}.s-studio.is-over .bdc-logo{transform:translateX(128px) translateY(-6px) rotate(26deg) scale(1.05)}.s-studio.is-over .bd-plus{transform:scale(1.18)}.s-studio .bd-title{font:450 28px/34px var(--bd-font);letter-spacing:-.025em;color:#fafafa}.s-studio .bd-sub{font-size:15px;line-height:22px;color:#a1a1a1}.s-studio .bd-doors{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.s-studio .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:999px;font:450 14px/20px var(--bd-font);cursor:pointer;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(0,1.2,.68,1)}.s-studio .btn:active:not(:disabled){transform:scale(.95);transition-duration:.12s}.s-studio .btn-accent{background:#ffffff;color:#000000;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.s-studio .btn-accent:hover:not(:disabled){background:#e5e5e5}.s-studio .btn-accent:disabled{background:#262626;color:#737373;cursor:default}.s-studio .btn-ghost{background:#262626;color:#fafafa}.s-studio .btn-ghost:hover{background:#333333}.s-studio .dlink{display:flex;align-items:center;gap:6px;width:min(460px,100%);margin-top:8px;padding:4px 4px 4px 16px;box-sizing:border-box;border-radius:999px;background:#1d1d1d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.s-studio .dlink input{flex:1 1 auto;min-width:0;height:38px;border:0;outline:none;background:transparent;color:#fafafa;font:400 16px/20px var(--bd-font)}.s-studio .dlink input::placeholder{color:#737373}.s-studio .dlink .btn{flex:none;white-space:nowrap}.s-studio .dproblem{font-size:13px;color:#fca5a5}.s-stage .mstage,.s-studio .mstage{position:relative;display:flex;align-items:center;justify-content:center;gap:28px;min-height:380px;box-sizing:border-box;padding:24px 28px;border-radius:22px;background-color:#121212;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px);background-size:14px 14px;background-position:var(--px,0) var(--py,0);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.1);transition:background-position .5s cubic-bezier(.22,1,.36,1),box-shadow .24s;overflow:hidden}.s-studio.is-over .mstage{box-shadow:inset 0 0 0 2px #ffffff}.s-stage .mrec,.s-studio .mrec{position:relative;margin:0;height:330px;max-width:min(560px,64%);display:flex;flex-direction:column;gap:8px;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.22,1,.36,1);animation:bd-fcardin .62s cubic-bezier(.22,1,.36,1) backwards}@keyframes bd-fcardin{0%{opacity:0;transform:perspective(800px) translateY(-24px) rotateX(-28deg) scale(.9)}to{opacity:1;transform:none}}.s-stage .mrec.is-wide,.s-studio .mrec.is-wide{height:auto;width:min(560px,64%)}.s-stage .mrec-f,.s-studio .mrec-f{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 26px 60px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.1);animation:bd-bdfloat 5.2s cubic-bezier(.45,0,.55,1) infinite}.s-stage .mrec.is-wide .mrec-f,.s-studio .mrec.is-wide .mrec-f{aspect-ratio:inherit}.s-stage .mrec-f img,.s-stage .mrec-f video,.s-studio .mrec-f img,.s-studio .mrec-f video{width:100%;height:100%;object-fit:cover;display:block}.s-stage .mrec figcaption,.s-studio .mrec figcaption{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.s-stage .mrec figcaption b,.s-studio .mrec figcaption b{max-width:100%;overflow:hidden;color:#fafafa;font:450 13px/18px var(--bd-font);white-space:nowrap;text-overflow:ellipsis}.s-stage .mrec figcaption span,.s-studio .mrec figcaption span{color:#8a8a8a;font:400 12px/16px var(--bd-font)}.s-studio .mrec-link{width:100%;height:100%;background:#1a1a1a;color:#a1a1a1}.s-studio .mrec .fx,.s-studio .mrec-link{display:flex;align-items:center;justify-content:center}.s-studio .mrec .fx{position:absolute;top:8px;right:8px;z-index:2;width:26px;height:26px;padding:0;border:0;border-radius:999px;background:rgba(0,0,0,.6);color:#fafafa;cursor:pointer}.s-studio .pbox{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:22px;background:#1c1c1c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:box-shadow .18s}.s-studio .pbox:focus-within{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.s-studio .prompt{flex:1 1 auto;box-sizing:border-box;min-height:30px;resize:none;border:0;outline:none;background:transparent;color:#fafafa;font:400 17px/24px var(--bd-font);letter-spacing:-.012em;padding:4px 6px 0}.s-studio .prompt::placeholder{color:#737373}.s-studio .prow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.s-studio .prow-gap{flex:1 1 auto}.s-studio .pround{width:40px;height:40px;padding:0;border:0;border-radius:999px;background:#2a2a2a;color:#fafafa;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s,transform .4s cubic-bezier(0,1.2,.68,1)}.s-studio .pround:hover{background:#363636}.s-studio .pround:active{transform:scale(.92)}.s-studio .pchip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 14px;box-sizing:border-box;border:0;border-radius:999px;background:#2a2a2a;color:#fafafa;font:450 14px/20px var(--bd-font);cursor:pointer;transition:background-color .15s,transform .4s cubic-bezier(0,1.2,.68,1)}.s-studio .pchip:hover{background:#363636;color:#fafafa}.s-studio .pchip:active{transform:scale(.95)}.s-studio .stylechip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:3px 6px 3px 3px;box-sizing:border-box;border-radius:999px;background:#2a2a2a;font:450 14px/20px var(--bd-font);animation:bd-chipland .42s cubic-bezier(0,1.2,.68,1) both}@keyframes bd-chipland{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.s-studio .sthumb{width:34px;height:34px;border-radius:999px;overflow:hidden;display:block;background:#262626}.s-studio .sthumb img{width:100%;height:100%;object-fit:cover;display:block}.s-studio .stylechip button{width:24px;height:24px;padding:0;border:0;border-radius:999px;background:transparent;color:#a1a1a1;display:flex;align-items:center;justify-content:center;cursor:pointer}.s-studio .stylechip button:hover{background:#363636;color:#fafafa}.s-studio .ocount{min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:#fafafa;color:#000000;font:600 11px/20px var(--bd-font);text-align:center}.s-studio .gobtn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 20px;border:0;border-radius:14px;background:#ffffff;color:#000000;font:600 15px/20px var(--bd-font);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);transition:background-color .4s cubic-bezier(0,1.2,.68,1),transform .4s cubic-bezier(0,1.2,.68,1);scroll-margin-bottom:24px}.s-studio .gobtn:hover:not(:disabled){background:#e5e5e5}.s-studio .gobtn:active:not(:disabled){transform:scale(.96)}.s-studio .gobtn:disabled{background:#2a2a2a;color:#6b6b6b;cursor:default}.s-studio .pmenu{position:relative}.s-studio .menu{position:absolute;z-index:40;top:44px;left:0;padding:6px;border-radius:16px;background:#1c1c1c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:2px;animation:bd-menuin .22s cubic-bezier(.22,1,.36,1) both}@keyframes bd-menuin{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.s-studio .mrow{display:flex;align-items:center;gap:12px;padding:10px;border:0;border-radius:12px;background:transparent;color:#fafafa;text-align:left;cursor:pointer;transition:background-color .15s}.s-studio .mrow.is-on,.s-studio .mrow:hover{background:#262626}.s-studio .mrow img{width:32px;height:32px;border-radius:10px;object-fit:cover;flex:none}.s-studio .mnote{padding:6px 8px 8px;font-size:12px;color:#8a8a8a}.s-studio .orow{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:12px;background:transparent;color:#fafafa;cursor:pointer;transition:background-color .15s}.s-studio .orow:hover{background:#262626}.s-studio .orow span:first-child{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;text-align:left;font-size:14px}.s-studio .orow small{font-size:12px;color:#8a8a8a}.s-studio .osw{position:relative;flex:0 0 auto;width:36px;height:22px;border-radius:999px;background:#3a3a3a;transition:background-color .2s}.s-studio .osw:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:#fafafa;transition:transform .24s cubic-bezier(0,1.2,.68,1)}.s-studio .osw.is-on{background:#fafafa}.s-studio .osw.is-on:after{transform:translateX(14px);background:#0b0b0b}@media (max-width:760px){.s-studio{padding:10px;border-radius:24px}.s-studio .jtabs{align-self:stretch}.s-studio .jtabs button{flex:1 1;padding:0 8px}.s-studio .jl-long{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.s-studio .jl-short{display:inline}.s-studio .bigdrop{min-height:260px;padding:22px 14px}.s-studio .bd-title{font-size:24px;line-height:30px}.s-studio .bd-sub{font-size:14px;line-height:20px}.s-studio .menu{width:min(300px,calc(100vw - 48px))!important}.s-studio .prow-gap{display:none}.s-studio .gobtn{flex:1 1 100%;justify-content:center}}@media (max-width:640px){.s-stage .mstage,.s-studio .mstage{flex-direction:column;gap:18px;min-height:0;padding:18px}.s-stage .mrec,.s-studio .mrec{height:240px;max-width:100%}.s-stage .mrec.is-wide,.s-studio .mrec.is-wide{width:100%}}@media (prefers-reduced-motion:reduce){.s-stage .mrec-f,.s-studio .bdf,.s-studio .menu,.s-studio .mrec-f,.s-studio .stylechip{animation:none}}