.vibe-studio,.vibe-login{color:#f5f2eb;background:#111216;min-height:100vh;font-size:16px}.vibe-wordmark{align-items:center;gap:12px;font-size:20px;font-weight:750;text-decoration:none;display:flex}.vibe-wordmark svg{color:#ff8859}.studio-nav{align-items:center;gap:30px;max-width:1440px;margin:auto;padding:30px 5%;display:flex}.studio-nav>a:nth-child(2){margin-left:auto}.studio-nav>a{align-items:center;gap:8px;display:flex}.vibe-studio main{max-width:1320px;margin:auto;padding:32px 5% 80px}.studio-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.studio-heading h1{letter-spacing:-.05em;font-size:clamp(32px,4vw,54px)}.studio-heading>p{color:#c4c2cb;overflow-wrap:anywhere}.studio-service{background:#22242b;border:1px solid #383b44;border-radius:12px;align-items:center;gap:14px;margin-bottom:34px;padding:18px 22px;line-height:1.5;display:flex}.service-dot{background:#ffbb72;border-radius:50%;flex:none;width:9px;height:9px}.service-dot.ready{background:#8ee1b2}.studio-columns{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:48px;display:grid}.studio-columns h2{margin:0 0 16px;font-size:24px}.studio-columns form>label:not(.rights-label){margin:22px 0 10px;font-size:15px;font-weight:600;display:block}.studio-columns input,.studio-columns textarea{color:#f5f2eb;width:100%;font:inherit;background:#191b22;border:1px solid #3b3d49;border-radius:10px;margin-top:10px;padding:16px;line-height:1.6;display:block}.studio-columns textarea{resize:vertical;min-height:240px}.studio-columns textarea.sound-input{min-height:135px}.studio-form-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.studio-form-title button{text-transform:capitalize}.rights-label{color:#c9c8d1;align-items:flex-start;gap:12px;margin:30px 0 20px;font-size:14px;line-height:1.6;display:flex}.rights-label>button{flex:none;margin-top:3px}.studio-generate{color:#161312;background:#ff8859;width:100%;padding:24px;font-size:16px}.studio-generate:disabled{opacity:.5}.studio-message{min-height:24px;margin:16px 0;line-height:1.6}.studio-attribution{color:#c9c8d1;font-size:14px}.studio-attribution a{color:#ffd0bd;text-decoration:underline}.studio-columns aside{border-left:1px solid #353740;padding-left:35px}.studio-columns aside>p{color:#aaaebb;font-size:15px;line-height:1.6}.studio-empty{text-align:center;background:#191b22;border-radius:16px;margin-top:25px;padding:65px 14px}.studio-empty svg{color:#b7adf7;margin:0 auto 25px}.studio-empty h3{font-size:28px;line-height:1.25}.studio-empty p{color:#aaaebb;margin-top:20px}.studio-songs{padding:0;list-style:none}.studio-songs li{border-bottom:1px solid #353740;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;display:flex}.studio-songs p{color:#b7bac6;margin-top:5px;font-size:14px}.studio-audio{margin:24px 0}.studio-audio audio{width:100%}.studio-audio a{align-items:center;gap:8px;margin-top:12px;display:flex}.vibe-login{flex-direction:column;align-items:center;padding:40px 6%;display:flex}.vibe-login>.vibe-wordmark{align-self:flex-start}.login-card{width:min(100%,470px);margin:70px auto}.login-card h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(40px,5vw,60px);line-height:1.07}.login-card>p{color:#bfc1ca;margin:22px 0;line-height:1.6}.provider-button{color:#17191f;background:#f6f3ed;border:1px solid #555766;border-radius:10px;justify-content:center;align-items:center;gap:14px;width:100%;height:58px;margin:14px 0;font-size:16px;font-weight:650;text-decoration:none;display:flex}.provider-button small{font-size:12px;font-weight:400}.provider-button .microsoft-mark{font-size:28px}.login-note{font-size:14px}.studio-back{color:#c9c7ed;align-items:center;gap:8px;display:flex}:is(.vibe-studio :focus-visible,.vibe-login :focus-visible){outline-offset:4px;outline:3px solid #c6bafa}@media (max-width:760px){.studio-nav{flex-wrap:wrap;gap:18px}.studio-nav .vibe-wordmark{width:100%}.studio-nav>a:nth-child(2){margin-left:0}.studio-heading{flex-direction:column;align-items:start}.studio-columns{grid-template-columns:1fr;gap:36px}.studio-columns aside{border-top:1px solid #353740;border-left:0;padding:25px 0}.studio-form-title{flex-direction:column;align-items:start}.login-card{margin-top:50px}}