.account-panel{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.account-panel>small{overflow:hidden;text-overflow:ellipsis;font-size:10px}.account-panel a{color:var(--accent);font-size:11px}.account-panel button{text-align:left}.home-intro{position:relative}.studio-app #account-home{margin:14px 0 0;padding:8px 11px;font-size:11px;color:var(--accent);border-color:#ffb66b50}.library-search{display:flex;gap:6px;font-size:10px}.studio-app .library-search input{padding:8px 9px;font-size:11px}.library-search small{font-size:9px;font-weight:400;color:var(--muted)}
.account-dialog{width:min(880px,calc(100vw - 30px));padding:0;border:1px solid #66513e;border-radius:20px;background:#18191f;color:var(--text);max-height:calc(100dvh - 30px);overflow:auto;box-shadow:0 32px 100px #0009}.account-dialog[open]{display:grid;grid-template-columns:1fr 1.08fr;animation:account-enter .42s cubic-bezier(.2,.8,.2,1)}.account-dialog::backdrop{background:#08090dbb;backdrop-filter:blur(9px);animation:account-backdrop .3s ease}.account-close{position:absolute;right:12px;top:10px;z-index:2;font-size:24px;padding:1px 9px;background:transparent;color:#bbb}.account-journey{position:relative;overflow:hidden;padding:42px 32px;background:radial-gradient(ellipse at 50% 15%,#ffb66b25,transparent 70%),#14151b;border-right:1px solid #ffb66b20;display:flex;flex-direction:column;gap:15px}.account-journey .eyebrow{font-size:9px;letter-spacing:1.5px}.studio-app .account-journey h2{font-size:30px;line-height:1.15;letter-spacing:-1px}.account-journey>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#b9b4ae}.account-orbit{height:140px;position:relative;display:grid;place-items:center;margin-bottom:10px}.account-orbit:before,.account-orbit:after{content:"";position:absolute;width:140px;height:140px;border:1px solid #ffb66b30;border-radius:50%}.account-orbit:after{width:105px;height:105px;border-style:dashed;animation:account-spin 25s linear infinite}.account-orbit>span{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#ffcc8f,#e99642);color:#352416;font-size:38px;box-shadow:0 0 70px #ffb66b24;transform:rotate(-9deg);animation:account-float 5s ease-in-out infinite}.account-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffcf99;transform:translate(69px,0);animation:account-dots 6s linear infinite}.account-orbit i:nth-of-type(2){animation-delay:-2s;background:#b6e3d0}.account-orbit i:nth-of-type(3){animation-delay:-4s;background:#d0c2ee}.account-steps{display:flex;justify-content:space-between;gap:10px;list-style:none;padding:18px 0 0;margin:0;counter-reset:account-step}.account-steps li{font-size:9px;line-height:1.5;color:#7c7c87;flex:1;counter-increment:account-step}.account-steps li:before{content:counter(account-step);display:grid;place-items:center;width:22px;height:22px;border:1px solid #48414a;border-radius:50%;margin-bottom:8px}.account-steps .is-done{color:#b3d0ba}.account-steps .is-done:before{content:"✓";border-color:#718d75}.account-steps .is-current{color:#ffca8e}.account-steps .is-current:before{background:#ffb66b24;border-color:#ffb66b}.account-entry{padding:60px 36px 38px}.studio-app .account-entry h2{font-size:27px;line-height:1.15;letter-spacing:-.8px}.account-copy{font-size:12px;line-height:1.7;color:#b1afb9;margin:14px 0 22px}.account-tabs{display:flex;border-bottom:1px solid var(--border);gap:20px;margin-bottom:24px}.account-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 0;background:transparent;color:var(--muted);font-size:12px}.account-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}#account-form{display:flex;flex-direction:column;gap:17px}#account-form label{font-size:12px}#account-form input{font-size:13px;padding:12px}#account-form .primary{font-size:12px;justify-content:center;margin-top:5px;padding:13px}#account-form .help{font-size:10px}#account-error{font-size:11px;line-height:1.6}.account-song{display:flex;align-items:center;gap:9px;font-size:11px;padding:11px;border:1px solid #ffb66b25;border-radius:9px;background:#ffffff04;animation:account-song-enter .4s ease both;margin-top:8px}.account-song>span{color:var(--accent);font-size:19px}.account-song strong{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-song small{color:#aacaaf;font-size:9px}.is-uploading .account-orbit>span{animation:account-float 2s ease-in-out infinite;box-shadow:0 0 70px #ffb66b45}#account-success{padding-top:30px;text-align:center;animation:account-song-enter .4s ease}#account-success>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border-radius:50%;color:#1b3020;background:#a7dbb6;font-size:30px}#account-success h3{font-size:24px}#account-success p{color:var(--muted);font-size:12px;margin-top:12px}.is-success .account-steps li{color:#b3d0ba}.is-success .account-orbit>span{background:linear-gradient(145deg,#cbe9d0,#8fbd99)}
@keyframes account-enter{from{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:none}}@keyframes account-backdrop{from{opacity:0}to{opacity:1}}@keyframes account-spin{to{transform:rotate(360deg)}}@keyframes account-float{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes account-dots{from{transform:rotate(0) translateX(70px)}to{transform:rotate(360deg) translateX(70px)}}@keyframes account-song-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:650px){.account-dialog[open]{grid-template-columns:1fr}.account-journey{padding:22px;border-right:0;border-bottom:1px solid #ffb66b20;gap:10px}.account-orbit{height:65px;margin:0}.account-orbit:before{width:86px;height:86px}.account-orbit:after{width:68px;height:68px}.account-orbit>span{width:45px;height:45px;font-size:26px;border-radius:15px}.account-orbit i{display:none}.studio-app .account-journey h2{font-size:22px}.account-journey .eyebrow{display:none}.account-journey>p:not(.eyebrow){font-size:11px}.account-steps{padding-top:0}.account-steps li{display:flex;align-items:center;gap:6px;font-size:8px}.account-steps li:before{flex-shrink:0;margin:0;width:20px;height:20px}#account-upload-list{max-height:82px;overflow:auto}.account-entry{padding:25px 22px}.studio-app .account-entry h2{font-size:24px}.account-copy{font-size:11px;margin:10px 0 16px}.account-tabs{margin-bottom:16px}#account-form{gap:12px}.account-close{top:5px;right:7px}}
@media(prefers-reduced-motion:reduce){.account-dialog,.account-dialog::backdrop,.account-orbit:after,.account-orbit>span,.account-orbit i,.account-song,#account-success{animation:none!important}}
.account-dialog[open]{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}.account-journey,.account-entry,#account-form{min-width:0}.account-entry input{min-width:0}@media(max-width:650px){.account-dialog[open]{grid-template-columns:minmax(0,1fr)}}