#stripe-link-modal-root,#__stripe_link_container,#link-wallet-button-container,#stripe-link-wallet-button,[id^=stripe-link-],[id^=__stripe_link],[id^=link-wallet],[data-stripe-link],[data-testid=stripe-badge],a[href*="stripe.com"][target=_blank][style*="position: fixed"],a[href*="stripe.com"][target=_blank][style*="position:fixed"]{display:none!important}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e0e0;background-color:#0f0f1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0f0f1a;overflow-x:hidden}#root{width:100%}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100%;padding:2rem}.auth-card{background:#161b22;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;width:100%;max-width:400px;position:relative}.auth-card.register-card{max-width:440px;overflow:hidden}.auth-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#8b949e;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.auth-close:hover{color:#c9d1d9}.auth-title{color:#e6edf3;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.auth-subtitle{color:#8b949e;font-size:.85rem;margin:0 0 1.25rem}.auth-progress{display:flex;gap:6px;margin-bottom:1.25rem}.progress-dot{width:100%;height:3px;border-radius:2px;background:#ffffff1a;transition:background .2s}.progress-dot.active{background:#6366f1}.progress-dot.completed{background:#22c55e}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.85rem;padding:.5rem .75rem;margin-bottom:1rem}.auth-social-buttons{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:.75rem}.auth-google-btn-container{display:flex;justify-content:center;min-height:40px;width:100%;max-width:320px;overflow:hidden;border-radius:4px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:320px;height:40px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.auth-apple-btn{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}.auth-apple-btn:hover:not(:disabled){background:#1a1a1a}.auth-apple-btn:disabled,.auth-google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:.5rem 0;color:#ffffff4d;font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-social-tos{margin:.25rem 0 0;font-size:.72rem;line-height:1.5;color:#ffffff80;text-align:center}.auth-link-inline{background:none;border:none;padding:0;font:inherit;color:#a5b4fc;cursor:pointer;text-decoration:underline}.auth-link-inline:hover{color:#c7d2fe}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-label{display:flex;flex-direction:column;gap:.25rem;color:#c9d1d9;font-size:.8rem;font-weight:500}.auth-optional{color:#6b7280;font-weight:400}.auth-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#e6edf3;font-size:.9rem;padding:.5rem .75rem;outline:none;transition:border-color .2s}.auth-input:focus{border-color:#6366f1}select.auth-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M1.4 0L6 4.6 10.6 0 12 1.4l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;cursor:pointer}select.auth-input option{background:#1e1e2e;color:#e0e0e0}.auth-password-wrap{position:relative;display:flex}.auth-password-wrap .auth-input{flex:1;padding-right:2.25rem}.auth-password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s}.auth-password-toggle:hover{color:#c9d1d9}.auth-input::placeholder{color:#4b5563}.auth-checkbox{display:flex;align-items:center;gap:.5rem;color:#c9d1d9;font-size:.8rem;cursor:pointer}.auth-checkbox input[type=checkbox]{accent-color:#6366f1}.auth-row{display:flex;gap:.5rem;min-width:0}.auth-row .flex-1{flex:1;min-width:0}.auth-row .flex-2{flex:2;min-width:0}.auth-row .auth-input{width:100%;box-sizing:border-box}.auth-actions{display:flex;gap:.75rem;margin-top:1.25rem}.auth-submit{flex:1;background:#6366f1;border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;padding:.6rem 1rem;cursor:pointer;transition:background .2s}.auth-submit:hover:not(:disabled){background:#4f46e5}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-back{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#c9d1d9;font-size:.9rem;padding:.6rem 1rem;cursor:pointer;transition:background .2s}.auth-back:hover{background:#ffffff1f}.auth-switch{text-align:center;color:#8b949e;font-size:.8rem;margin-top:1.25rem}.auth-link{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.8rem;padding:0;text-decoration:underline}.auth-link:hover{color:#818cf8}.auth-hint{color:#6b7280;font-size:.75rem;margin-top:.5rem}.photo-upload-section{text-align:center}.photo-upload-area{width:150px;height:150px;margin:.75rem auto;border:2px dashed rgba(255,255,255,.2);border-radius:50%;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.photo-upload-area:hover{border-color:#6366f1}.photo-preview{width:100%;height:100%;object-fit:cover}.country-code-select{width:110px;min-width:110px;max-width:110px;flex-shrink:0;color-scheme:dark}.country-code-select option{background:#1e2530;color:#e6edf3}.phone-input{flex:1;min-width:0}.photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280;font-size:.8rem}.tos-overlay{position:fixed;inset:0;z-index:10000;background:#000c;display:flex;align-items:center;justify-content:center;padding:1rem}.tos-modal{background:#1a1d2e;border:1px solid rgba(99,102,241,.2);border-radius:14px;width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column}.tos-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.tos-header h2{margin:0;font-size:1.1rem;font-weight:700;color:#e2e8f0}.tos-close{background:none;border:none;color:#fff6;cursor:pointer;padding:.25rem}.tos-close:hover{color:#fff}.tos-body{padding:1.25rem;overflow-y:auto;color:#ffffffbf;font-size:.82rem;line-height:1.6}.tos-body h3{color:#e2e8f0;font-size:.9rem;font-weight:700;margin:1.25rem 0 .4rem}.tos-body p{margin:0 0 .6rem}.tos-body ul{margin:.3rem 0 .6rem 1.25rem;padding:0}.tos-body li{margin-bottom:.25rem}.tos-updated{color:#fff6;font-size:.75rem;font-style:italic}.tos-link{color:#a5b4fc;text-decoration:underline;cursor:pointer;background:none;border:none;font-size:inherit;padding:0}.tos-link:hover{color:#c7d2fe}.auth-card.register-card.register-card-wide{max-width:720px;max-height:90vh;overflow-y:auto;transition:max-width .3s ease}.plan-selection-section{display:flex;flex-direction:column;align-items:center}.plan-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;width:100%}@media(max-width:680px){.plan-cards{grid-template-columns:repeat(2,1fr)}}.payment-element-container{border-radius:10px;border:1px solid rgba(99,102,241,.15);background:#1a1a2e;padding:1.25rem}.checkout-form{display:flex;flex-direction:column;gap:1rem}.checkout-plan-summary{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#22d3ee14;border:1px solid rgba(34,211,238,.2);border-radius:8px;margin-bottom:.25rem}.checkout-plan-name{color:#e2e8f0;font-size:.9rem;font-weight:600}.checkout-plan-price{color:#22d3ee;font-size:1.15rem;font-weight:700}.checkout-plan-period{font-size:.75rem;font-weight:400;color:#94a3b8}.checkout-submit{margin-top:.5rem;width:100%;padding:.75rem 1rem;font-size:.95rem}.plan-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;transition:all .2s;position:relative;text-align:center}.plan-card:hover{border-color:#22d3ee66;background:#ffffff0f}.plan-card.selected{border-color:#22d3ee;border-width:2px;background:#22d3ee1f;box-shadow:0 0 20px #22d3ee4d,inset 0 0 30px #22d3ee0f;transform:scale(1.03)}.plan-card.recommended{border-color:#22d3ee4d}.plan-badge{position:absolute;top:-9px;background:#22d3ee;color:#0f172a;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px}.plan-badge.plan-badge-promo{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.plan-card.promo-highlight{border-color:#f59e0b80;box-shadow:0 0 0 1px #f59e0b26}.plan-card.promo-highlight:hover{border-color:#f59e0bb3}.plan-card.promo-highlight.selected{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b4d}.promo-banner{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.65rem 1rem;margin-bottom:1rem;background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border:1px solid rgba(245,158,11,.3);border-radius:8px;flex-wrap:wrap}.promo-banner-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;background:#f59e0b40;color:#fbbf24;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.promo-banner-text{font-size:.82rem;font-weight:600;color:#fbbf24}.plan-name{color:#e2e8f0;font-size:.82rem;font-weight:600}.plan-price{color:#22d3ee;font-size:1.3rem;font-weight:700;line-height:1;margin:.25rem 0}.plan-price-note{font-size:.7rem;font-weight:400;color:#94a3b8}.plan-detail{color:#94a3b8;font-size:.7rem;line-height:1.3}.plan-free-option{margin-top:.85rem;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.8rem;padding:.6rem 1.25rem;cursor:pointer;transition:all .2s;width:100%}.plan-free-option:hover{border-color:#ffffff40;color:#e2e8f0;background:#ffffff0a}.beta-banner{background:linear-gradient(135deg,#22d3ee1f,#6366f11f);border:1px solid rgba(34,211,238,.25);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem;text-align:center}.beta-banner-title{color:#22d3ee;font-size:.95rem;font-weight:700;margin:0 0 .3rem}.beta-banner-subtitle{color:#94a3b8;font-size:.78rem;margin:0;line-height:1.4}.beta-tier-badge{display:inline-block;background:#22d3ee26;color:#22d3ee;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:4px;margin-top:.5rem}.auth-field-error{color:#ef4444;font-size:.72rem;margin-top:.15rem;line-height:1.3}.auth-field-valid{color:#22c55e;font-size:.78rem;font-weight:600;margin-top:.15rem;line-height:1.3}.auth-input-error{border-color:#ef4444!important}.auth-input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 1px #ef444440}.auth-input-valid{border-color:#22c55e!important}.auth-input-valid:focus{border-color:#22c55e!important;box-shadow:0 0 0 1px #22c55e40}.password-strength{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.password-strength-bar{display:flex;gap:3px;flex:1}.password-strength-segment{height:4px;flex:1;border-radius:2px;background:#ffffff1a;transition:background .25s ease}.password-strength-label{font-size:.7rem;font-weight:600;min-width:3rem;text-align:right;transition:color .25s ease}.address-suggestions{position:absolute;top:100%;left:0;right:0;z-index:100;background:#1e1e2e;border:1px solid rgba(255,255,255,.15);border-radius:6px;margin-top:2px;max-height:240px;overflow-y:auto;box-shadow:0 8px 24px #00000080}.address-suggestion-item{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;background:none;border:none;padding:.5rem .75rem;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.05)}.address-suggestion-main{color:#e6edf3;font-size:.82rem;font-weight:500;line-height:1.3}.address-suggestion-secondary{color:#6b7280;font-size:.75rem;line-height:1.3}.address-suggestion-item:last-of-type{border-bottom:none}.address-suggestion-item:hover,.address-suggestion-item.highlighted{background:#6366f126;color:#e6edf3}.address-attribution{text-align:center;font-size:.6rem;color:#4b5563;padding:.3rem .5rem;border-top:1px solid rgba(255,255,255,.05)}.trial-plan-banner{display:flex;align-items:flex-start;gap:.6rem;background:#22d3ee14;border:1px solid rgba(34,211,238,.25);border-radius:8px;padding:.65rem .9rem;margin-bottom:1rem}.trial-plan-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.trial-plan-banner strong{display:block;font-size:.8rem;font-weight:700;color:#22d3ee;margin-bottom:.15rem}.trial-plan-banner span{font-size:.72rem;color:#94a3b8;line-height:1.4}.trial-card-notice{background:#22d3ee0f;border:1px solid rgba(34,211,238,.2);border-radius:8px;padding:.6rem .85rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.2rem}.trial-card-badge{font-size:.7rem;font-weight:700;color:#22d3ee;letter-spacing:.04em;text-transform:uppercase}.trial-card-notice p{font-size:.72rem;color:#94a3b8;margin:0;line-height:1.45}.settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:900}.settings-panel{background:#161b22;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:100%;max-width:620px;max-height:85vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.settings-title{color:#e6edf3;font-size:1.1rem;font-weight:600;margin:0}.settings-close{background:none;border:none;color:#8b949e;cursor:pointer;padding:.25rem;border-radius:4px;display:flex}.settings-close:hover{color:#c9d1d9;background:#ffffff0f}.settings-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.settings-body::-webkit-scrollbar{width:5px}.settings-body::-webkit-scrollbar-track{background:transparent}.settings-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.settings-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.85rem;padding:.5rem .75rem}.settings-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#22c55e;font-size:.85rem;padding:.5rem .75rem}.settings-photo-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem}.settings-photo-area{width:100px;height:100px;border:2px dashed rgba(255,255,255,.2);border-radius:50%;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.settings-photo-area:hover{border-color:#6366f1}.settings-photo-img{width:100%;height:100%;object-fit:cover}.settings-photo-placeholder{display:flex;align-items:center;justify-content:center;color:#6b7280}.settings-photo-btn{background:none;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#a5b4fc;font-size:.75rem;padding:.25rem .6rem;cursor:pointer;transition:background .15s}.settings-photo-btn:hover{background:#6366f11a}.settings-label{display:flex;flex-direction:column;gap:.25rem;color:#c9d1d9;font-size:.8rem;font-weight:500;min-width:0}.settings-optional{color:#6b7280;font-weight:400}.settings-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#e6edf3;font-size:.9rem;padding:.5rem .75rem;outline:none;transition:border-color .2s;box-sizing:border-box;width:100%}.settings-input:focus{border-color:#6366f1}select.settings-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M1.4 0L6 4.6 10.6 0 12 1.4l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;cursor:pointer}select.settings-input option{background:#1e1e2e;color:#e0e0e0}.settings-input::placeholder{color:#4b5563}.settings-input-disabled{opacity:.5;cursor:not-allowed}.settings-row{display:flex;gap:.5rem;min-width:0}.settings-flex{flex:1}.settings-row .settings-input{width:100%}.settings-country-code{width:110px;min-width:110px;max-width:110px;flex-shrink:0;color-scheme:dark}.settings-country-code option{background:#1e2530;color:#e6edf3}.settings-checkbox{display:flex;align-items:center;gap:.5rem;color:#c9d1d9;font-size:.8rem;cursor:pointer}.settings-checkbox input[type=checkbox]{accent-color:#6366f1}.settings-section-divider{color:#8b8fa3;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:1.2rem;margin-bottom:.4rem;padding-bottom:.3rem;border-bottom:1px solid rgba(255,255,255,.06)}.settings-banner-section{margin-bottom:.5rem}.settings-banner-preview{width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;cursor:pointer;border:2px dashed rgba(255,255,255,.1);transition:border-color .15s}.settings-banner-preview:hover{border-color:#6366f166}.settings-banner-img{width:100%;height:100%;object-fit:cover}.settings-banner-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#ffffff08;color:#555;font-size:.75rem}.settings-hint{color:#6b7280;font-size:.72rem;line-height:1.4;margin-top:.25rem;margin-bottom:.5rem}.settings-hint-disclaimer{font-size:.65rem;font-style:italic;color:#9ca3af;margin-top:0;cursor:help;border-bottom:1px dotted #4b5563;display:inline-block}.settings-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.08)}.settings-cancel-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#c9d1d9;font-size:.85rem;padding:.5rem 1rem;cursor:pointer;transition:background .15s}.settings-cancel-btn:hover{background:#ffffff1f}.settings-save-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;cursor:pointer;transition:background .3s,transform .15s;min-width:120px}.settings-save-btn:hover:not(:disabled){background:#4f46e5}.settings-save-btn:active:not(:disabled){transform:scale(.97)}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-save-btn.saved{background:#22c55e;opacity:1;cursor:default}.sub-status-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.sub-tier-label{color:#e2e8f0;font-size:.82rem;font-weight:600}.sub-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:3px}.sub-badge-trial{background:#22d3ee1a;color:#22d3ee}.sub-badge-cancelling{background:#fbbf2414;color:#fbbf24}.sub-cancel-link{background:none;border:none;padding:0;color:#6b7280;font-size:.7rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;margin-top:.4rem;display:inline-block;line-height:1}.sub-cancel-link:hover{color:#94a3b8}.sub-cancel-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.sub-cancel-modal{background:#1c2130;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.5rem;max-width:420px;width:90%}.sub-cancel-modal-title{color:#e2e8f0;font-size:.95rem;font-weight:600;margin:0 0 .7rem}.sub-cancel-modal-body{color:#94a3b8;font-size:.8rem;line-height:1.6;margin:0 0 1.25rem}.sub-cancel-modal-body strong{color:#e2e8f0;font-weight:600}.sub-cancel-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;align-items:center}.sub-cancel-keep-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;font-size:.82rem;font-weight:600;padding:.5rem 1rem;cursor:pointer;transition:background .15s}.sub-cancel-keep-btn:hover{background:#4f46e5}.sub-cancel-confirm-btn{background:none;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#6b7280;font-size:.78rem;padding:.45rem .85rem;cursor:pointer;transition:color .15s,border-color .15s}.sub-cancel-confirm-btn:hover:not(:disabled){color:#9ca3af;border-color:#fff3}.sub-cancel-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.notification-bell-wrapper{position:relative;z-index:1001}.notification-bell-btn{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;background:#e55;color:#fff;font-size:9px;font-weight:700;min-width:14px;height:14px;line-height:14px;border-radius:7px;text-align:center;padding:0 3px;pointer-events:none}.notification-flash{animation:bellFlash .6s ease-in-out 3}@keyframes bellFlash{0%,to{transform:scale(1)}25%{transform:scale(1.2) rotate(10deg)}75%{transform:scale(1.2) rotate(-10deg)}}.notification-panel{position:fixed;width:320px;max-height:400px;background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 8px 32px #00000080;z-index:10000;overflow:hidden}.notification-panel-header{padding:10px 14px;font-size:.8rem;font-weight:600;color:#c0c0d0;border-bottom:1px solid rgba(255,255,255,.06);text-transform:uppercase;letter-spacing:.05em}.notification-empty{padding:24px 14px;text-align:center;color:#555;font-size:.8rem}.notification-list{max-height:340px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);gap:8px}.notification-item:last-child{border-bottom:none}.notification-unread{background:#6366f10f;border-left:2px solid #6366f1}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-size:.78rem;font-weight:600;color:#e0e0f0;margin-bottom:2px}.notification-item-message{font-size:.72rem;color:#8b8fa3;line-height:1.3}.notification-item-time{font-size:.65rem;color:#555;margin-top:4px}.notification-item-dismiss{background:none;border:none;color:#555;font-size:1rem;cursor:pointer;padding:2px 4px;line-height:1;flex-shrink:0}.notification-item-dismiss:hover{color:#e55}.notification-item-action{display:inline-block;margin-top:6px;padding:3px 10px;font-size:.68rem;font-weight:600;color:#a5b4fc;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}.notification-item-action:hover{background:#6366f138;border-color:#6366f166}.project-setup{display:flex;flex-direction:column;gap:32px;max-width:600px;margin:0 auto}.project-section{background:#1e1e24;border:1px solid #333;border-radius:8px;padding:20px}.project-section h3{margin:0 0 16px;font-size:14px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.new-project-form{display:flex;gap:12px}.project-name-input{flex:1;padding:12px 16px;background:#1a1a1e;border:1px solid #444;border-radius:6px;color:#eee;font-size:14px}.project-name-input:focus{outline:none;border-color:#6495ed;background:#222228}.project-name-input::placeholder{color:#666}.create-btn{padding:12px 24px;background:linear-gradient(180deg,#4a4a5a,#3a3a4a);border:1px solid #555;border-radius:6px;color:#eee;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.create-btn:hover:not(:disabled){background:linear-gradient(180deg,#5a5a6a,#4a4a5a);border-color:#666}.create-btn:disabled{opacity:.5;cursor:not-allowed}.loading-projects,.no-projects{color:#666;font-size:13px;text-align:center;padding:20px}.projects-list{display:flex;flex-direction:column;gap:8px}.project-card{display:flex;align-items:center;background:#252530;border:1px solid #3a3a40;border-radius:6px;transition:all .15s}.project-card:hover{border-color:#555;background:#2a2a35}.project-info{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px 16px;cursor:pointer}.project-card-name{font-size:14px;font-weight:500;color:#eee}.project-card-meta{font-size:12px;color:#888}.project-card-date{font-size:11px;color:#666}.project-actions{display:flex;gap:4px;padding:8px 12px;border-left:1px solid #3a3a40}.delete-project-btn{padding:6px;background:none;border:none;color:#666;cursor:pointer;border-radius:4px;transition:all .15s}.delete-project-btn:hover{color:#ef4444;background:#ef44441a}.confirm-delete-btn,.cancel-delete-btn{padding:4px 10px;border-radius:4px;font-size:11px;cursor:pointer;border:none}.confirm-delete-btn{background:#ef4444;color:#fff}.confirm-delete-btn:hover{background:#dc2626}.cancel-delete-btn{background:#333;color:#aaa}.cancel-delete-btn:hover{background:#444;color:#fff}.section-editor-v2{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:20px}.section-editor-v2.dragging-boundary,.section-editor-v2.dragging-boundary *{cursor:ew-resize!important}.se-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.se-title{display:flex;align-items:center;gap:12px}.se-title h4{font-size:1rem;font-weight:600;color:#f1f5f9;margin:0}.se-controls{display:flex;align-items:center;gap:12px}.se-play-btn{width:36px;height:36px;border:none;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s}.se-play-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 12px #8b5cf666}.se-play-btn:disabled{opacity:.4;cursor:not-allowed}.se-play-btn.playing{background:linear-gradient(135deg,#6366f1,#4f46e5)}.se-play-btn.loading{background:#8b5cf64d}.se-play-btn .loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.se-rewind-btn{width:28px;height:28px;border:1px solid rgba(71,85,105,.5);border-radius:4px;background:#0f172a99;color:#94a3b8;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.se-rewind-btn:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf680;color:#e2e8f0}.se-rewind-btn:disabled{opacity:.4;cursor:not-allowed}.se-time{font-size:.85rem;font-weight:500;color:#e2e8f0;font-family:SF Mono,Monaco,monospace;min-width:100px}.se-split-btn{padding:6px 12px;border:1px solid rgba(139,92,246,.5);border-radius:6px;background:#8b5cf626;color:#c4b5fd;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.se-split-btn:hover:not(:disabled){background:#8b5cf64d;border-color:#8b5cf6;color:#e2e8f0}.se-split-btn:disabled{opacity:.4;cursor:not-allowed}.se-zoom{display:flex;gap:4px}.se-zoom button{width:28px;height:28px;border:1px solid rgba(71,85,105,.5);border-radius:4px;background:#0f172a99;color:#94a3b8;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.se-zoom button:hover{background:#8b5cf633;border-color:#8b5cf680;color:#e2e8f0}.se-hint{font-size:.8rem;color:#64748b;margin:0 0 12px}.se-timeline-wrapper{position:relative;overflow-x:auto;overflow-y:visible;border:1px solid rgba(71,85,105,.4);border-radius:8px;background:#0f172a99}.se-timeline-wrapper::-webkit-scrollbar{height:8px}.se-timeline-wrapper::-webkit-scrollbar-track{background:#0f172acc}.se-timeline-wrapper::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:4px}.se-timeline{position:relative;min-height:130px;padding-top:8px;padding-bottom:24px}.se-bar-markers{position:absolute;bottom:0;left:0;right:0;height:20px;background:#0000004d;border-top:1px solid rgba(71,85,105,.3)}.se-bar-marker{position:absolute;bottom:0;height:100%;display:flex;align-items:center;padding-left:4px}.se-bar-marker:before{content:"";position:absolute;left:0;top:0;height:6px;width:1px;background:#94a3b880}.se-bar-marker span{font-size:.6rem;color:#64748b}.section-block{position:absolute;top:8px;bottom:52px;border-left:3px solid;border-radius:6px;display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .2s;overflow:visible;min-width:80px}.section-block.structure:hover{box-shadow:0 2px 12px #0000004d}.section-boundary-handle{position:absolute;right:-10px;top:0;bottom:0;width:20px;cursor:ew-resize!important;z-index:30;display:flex;align-items:center;justify-content:center}.section-boundary-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:#8b5cf680;transform:translate(-50%);transition:all .15s;border-radius:2px}.section-boundary-handle:hover:before,.section-boundary-handle.dragging:before{width:5px;background:#8b5cf6;box-shadow:0 0 12px #8b5cf6cc}.handle-grip{position:relative;z-index:1;width:8px;height:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;cursor:ew-resize!important}.handle-grip:before,.handle-grip:after{content:"";width:4px;height:4px;background:#fff9;border-radius:50%;transition:all .15s}.handle-grip:before{box-shadow:0 -7px #fff9}.handle-grip:after{box-shadow:0 7px #fff9}.section-boundary-handle:hover .handle-grip:before,.section-boundary-handle:hover .handle-grip:after,.section-boundary-handle.dragging .handle-grip:before,.section-boundary-handle.dragging .handle-grip:after{background:#fff;transform:scale(1.2)}.section-boundary-handle:hover .handle-grip:before,.section-boundary-handle.dragging .handle-grip:before{box-shadow:0 -7px #fff}.section-boundary-handle:hover .handle-grip:after,.section-boundary-handle.dragging .handle-grip:after{box-shadow:0 7px #fff}.section-block.selected{z-index:10;box-shadow:0 0 0 2px #ffffff4d,0 4px 20px #0006}.section-header{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px 4px 0 0}.section-type-label{font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.section-info{font-size:.7rem;color:#94a3b8;margin-left:auto}.section-actions{display:flex;gap:4px;margin-left:8px}.section-actions button{width:24px;height:24px;border:none;border-radius:4px;background:#ffffff26;color:#e2e8f0;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.section-actions button:hover{background:#ffffff40}.section-actions button.delete:hover{background:#ef444466;color:#fca5a5}.section-chords-row{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;flex:1;align-content:flex-start}.chord-pill{position:relative;padding:4px 10px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:12px;font-size:.8rem;font-weight:600;color:#c4b5fd;cursor:pointer;transition:all .15s}.chord-pill:hover{background:#8b5cf64d;border-color:#8b5cf6}.chord-pill.editing{background:#8b5cf666;border-color:#8b5cf6}.chord-pill .chord-name{margin-right:4px}.chord-pill .chord-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;border-radius:50%;background:#ef44444d;color:#fca5a5;font-size:9px;cursor:pointer;opacity:0;transition:all .15s;vertical-align:middle;margin-left:2px}.chord-pill:hover .chord-delete-btn{opacity:1}.chord-pill .chord-delete-btn:hover{background:#ef444499;color:#fff}.chord-add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px dashed rgba(139,92,246,.4);border-radius:12px;background:transparent;color:#8b5cf6;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.chord-add-btn:hover{background:#8b5cf633;border-color:#8b5cf6;color:#c4b5fd}.no-chords{font-size:.75rem;color:#64748b;font-style:italic}.chord-edit-dropdown{position:fixed;background:#0f172afa;border:1px solid rgba(139,92,246,.5);border-radius:10px;box-shadow:0 8px 32px #0009;padding:8px;z-index:9999;transform:translateY(-100%) translateY(-8px)}.chord-grid{display:flex;flex-direction:column;gap:4px}.chord-grid-row{display:flex;gap:4px}.chord-grid-row button{width:36px;padding:6px 4px;border:1px solid rgba(71,85,105,.4);border-radius:4px;background:transparent;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .1s}.chord-grid-row button:hover{background:#8b5cf633;border-color:#8b5cf680;color:#e2e8f0}.chord-grid-row button.active{background:#8b5cf64d;border-color:#8b5cf6;color:#f1f5f9}.section-type-dropdown{position:fixed;background:#0f172afa;border:1px solid rgba(139,92,246,.5);border-radius:10px;box-shadow:0 8px 32px #0009;padding:10px;z-index:9999;min-width:160px;transform:translateY(-100%) translateY(-8px)}.dropdown-label{font-size:.7rem;color:#64748b;margin-bottom:8px;padding:0 4px;text-transform:uppercase;letter-spacing:.5px}.section-type-dropdown button{display:block;width:100%;padding:10px 12px;border:none;border-left:3px solid;border-radius:4px;background:transparent;color:#e2e8f0;font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s;margin-bottom:2px}.section-type-dropdown button:last-child{margin-bottom:0}.section-type-dropdown button:hover{background:#ffffff1a}.section-type-dropdown button.active{background:#8b5cf640;font-weight:600}.se-seek-strip{position:absolute;left:0;right:0;bottom:22px;height:28px;cursor:pointer;border-radius:4px;overflow:hidden;background:#0f172a66;border-top:1px solid rgba(71,85,105,.3);border-bottom:1px solid rgba(71,85,105,.3);transition:background .15s}.se-seek-strip:hover{background:#1e293b99}.se-seek-section{position:absolute;top:0;bottom:0;border-top:2px solid;pointer-events:none}.se-seek-progress{position:absolute;top:0;bottom:0;left:0;background:#8b5cf626;border-right:2px solid rgba(239,68,68,.6);pointer-events:none;transition:width .05s linear}.se-playhead{position:absolute;top:0;bottom:20px;width:2px;z-index:50;pointer-events:none}.playhead-head{position:absolute;top:-2px;left:-5px;width:12px;height:12px;background:#ef4444;border-radius:50%;box-shadow:0 2px 8px #ef444480}.playhead-line{position:absolute;top:10px;bottom:0;left:0;width:2px;background:#ef4444;box-shadow:0 0 8px #ef444499}.se-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(71,85,105,.3)}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:12px;height:12px;border-radius:3px}.legend-item span{font-size:.75rem;color:#94a3b8}@media(max-width:600px){.se-header{flex-direction:column;gap:12px;align-items:flex-start}.se-controls{width:100%;justify-content:space-between}.section-type-label{font-size:.75rem}.section-info{display:none}}.chord-pattern-editor{background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(139,92,246,.2);border-radius:12px;overflow:visible;position:relative;isolation:isolate}.pattern-list{display:flex;flex-direction:column;overflow:visible}.pattern-row{border-bottom:1px solid rgba(71,85,105,.3);transition:background .15s;overflow:visible;position:relative}.pattern-row:last-child{border-bottom:none}.pattern-row:hover{background:#8b5cf60d}.pattern-row.expanded{background:#8b5cf614;z-index:100}.pattern-header{display:flex;align-items:center;padding:16px 20px;cursor:pointer;gap:16px}.pattern-label{display:flex;align-items:center;gap:10px;min-width:140px}.section-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.section-name{font-weight:600;color:#e2e8f0;font-size:.95rem}.occurrence-count{font-size:.8rem;color:#64748b;font-weight:400}.pattern-chords-preview{flex:1;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.chord-preview{display:inline-flex;align-items:center;color:#c4b5fd;font-weight:500;font-size:.9rem}.chord-arrow{color:#475569;margin:0 6px;font-size:.75rem}.no-chords-text{color:#64748b;font-style:italic;font-size:.85rem}.expand-btn{width:28px;height:28px;border:none;border-radius:6px;background:#4755694d;color:#94a3b8;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.expand-btn:hover{background:#8b5cf64d;color:#e2e8f0}.pattern-detail{padding:0 20px 20px;border-top:1px solid rgba(71,85,105,.2);margin-top:-1px;animation:slideDown .15s ease-out;overflow:visible;position:relative;z-index:10}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.applied-to{font-size:.75rem;color:#64748b;margin-bottom:12px;padding-top:12px}.chord-editor-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.editable-chord{position:relative;display:flex;align-items:center;gap:4px;z-index:1}.editable-chord:has(.chord-picker){z-index:1001}.chord-btn{padding:10px 18px;border:2px solid rgba(139,92,246,.4);border-radius:8px;background:#8b5cf626;color:#e2e8f0;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}.chord-btn:hover{background:#8b5cf640;border-color:#8b5cf6}.chord-btn.editing{background:#8b5cf659;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.chord-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border:none;border-radius:50%;background:#ef4444cc;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.editable-chord:hover .chord-remove{opacity:1}.chord-remove:hover{background:#ef4444}.add-chord-btn{width:44px;height:44px;border:2px dashed rgba(139,92,246,.4);border-radius:8px;background:transparent;color:#8b5cf6;font-size:20px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.add-chord-btn:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf6;color:#c4b5fd}.add-chord-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#4755694d;color:#64748b}.section-full-badge{display:inline-block;margin-left:12px;padding:2px 8px;background:#fb923c33;border:1px solid rgba(251,146,60,.4);border-radius:4px;font-size:.7rem;font-weight:500;color:#fb923c;text-transform:uppercase;letter-spacing:.02em}.chord-picker{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:#0f172afa;border:1px solid rgba(139,92,246,.5);border-radius:10px;box-shadow:0 -8px 32px #0009;padding:10px;z-index:1000;animation:fadeIn .1s ease-out}.chord-picker-grid{display:flex;flex-direction:column;gap:3px}.chord-picker-row{display:flex;gap:3px}.picker-chord{width:38px;padding:8px 4px;border:1px solid rgba(71,85,105,.4);border-radius:4px;background:transparent;color:#94a3b8;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .1s}.picker-chord:hover{background:#8b5cf633;border-color:#8b5cf680;color:#e2e8f0}.picker-chord.active{background:#8b5cf64d;border-color:#8b5cf6;color:#f1f5f9}@media(max-width:600px){.pattern-header{flex-wrap:wrap;padding:12px 16px}.pattern-label{min-width:120px}.pattern-chords-preview{order:3;width:100%;margin-top:8px}.chord-btn{padding:8px 14px;font-size:.9rem}}.analyze-step{max-width:900px;margin:0 auto;padding:0 20px}.analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.analysis-spinner{width:48px;height:48px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.analysis-loading-text{font-size:1.1rem;color:#e2e8f0}.analysis-loading-hint{font-size:.9rem;color:#94a3b8}.analysis-loading-duration{font-size:.8rem;color:#64748b;margin-top:8px}.no-scratch{text-align:center;padding:40px;color:#94a3b8;background:#1e293b80;border-radius:12px}.analysis-results{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:24px;margin-bottom:32px}.analysis-results h3{font-size:1.25rem;font-weight:600;color:#f1f5f9;margin:0 0 4px}.analysis-hint{font-size:.875rem;color:#94a3b8;margin:0 0 24px}.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}@media(max-width:768px){.analysis-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.analysis-grid{grid-template-columns:1fr}}.analysis-card{background:#0f172a99;border:1px solid rgba(71,85,105,.4);border-radius:12px;padding:16px;transition:border-color .2s,box-shadow .2s}.analysis-card:hover{border-color:#8b5cf666}.analysis-card.wide{grid-column:1 / -1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.confidence{font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.confidence.high{background:#22c55e26;color:#4ade80}.confidence.medium{background:#eab30826;color:#facc15}.confidence.low{background:#ef444426;color:#f87171}.card-value{display:flex;align-items:baseline;gap:6px;cursor:pointer;padding:8px 12px;margin:-8px -12px;border-radius:8px;transition:background .2s}.card-value:hover{background:#8b5cf61a}.value-main{font-size:2rem;font-weight:700;color:#f1f5f9;line-height:1}.value-unit{font-size:.875rem;color:#94a3b8;text-transform:capitalize}.edit-hint{font-size:.7rem;color:#64748b;margin-left:auto;opacity:0;transition:opacity .2s}.card-value:hover .edit-hint{opacity:1}.card-edit{display:flex;gap:8px;flex-wrap:wrap}.card-edit input,.card-edit select{flex:1;min-width:60px;padding:8px 12px;border:1px solid rgba(71,85,105,.6);border-radius:6px;background:#0f172acc;color:#f1f5f9;font-size:1rem}.card-edit input:focus,.card-edit select:focus{outline:none;border-color:#8b5cf6}.card-edit button{padding:8px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.card-edit button:first-of-type{background:#8b5cf6;color:#fff}.card-edit button:first-of-type:hover{background:#7c3aed}.card-edit button:last-of-type{background:#47556966;color:#94a3b8}.card-edit button:last-of-type:hover{background:#47556999}.section-count{font-size:.75rem;color:#8b5cf6;background:#8b5cf61a;padding:2px 8px;border-radius:10px}.sections-list{display:flex;flex-wrap:wrap;gap:8px}.section-chip{display:inline-flex;flex-direction:column;align-items:center;padding:10px 16px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:8px;transition:border-color .2s}.section-chip[data-type=intro]{border-left:3px solid #06b6d4}.section-chip[data-type=verse]{border-left:3px solid #22c55e}.section-chip[data-type=pre_chorus]{border-left:3px solid #eab308}.section-chip[data-type=chorus]{border-left:3px solid #f97316}.section-chip[data-type=bridge]{border-left:3px solid #ec4899}.section-chip[data-type=instrumental]{border-left:3px solid #8b5cf6}.section-chip[data-type=outro]{border-left:3px solid #64748b}.section-name{font-size:.875rem;font-weight:600;color:#e2e8f0}.section-bars{font-size:.7rem;color:#64748b;margin-top:2px}.chord-progression{padding-top:16px;border-top:1px solid rgba(71,85,105,.3)}.chord-progression h4{font-size:.875rem;font-weight:600;color:#94a3b8;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.chords-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chord-chip{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:40px;padding:0 16px;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid rgba(139,92,246,.3);border-radius:8px;font-size:1rem;font-weight:600;color:#c4b5fd}.chord-more{font-size:.875rem;color:#64748b;padding:0 8px}.composition-prompt{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:24px;overflow:visible}.advanced-section{margin-bottom:24px;border:1px solid rgba(71,85,105,.4);border-radius:10px;overflow:visible}.advanced-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;border-radius:10px;background:#0f172a66;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.advanced-toggle:hover{background:#0f172a99;color:#e2e8f0}.advanced-toggle[aria-expanded=true]{background:#1e293b99;border-bottom:1px solid rgba(71,85,105,.4);border-radius:10px 10px 0 0}.toggle-icon{font-size:.75rem;color:#64748b;transition:color .2s}.advanced-toggle:hover .toggle-icon{color:#8b5cf6}.toggle-label{font-weight:600;color:#cbd5e1}.toggle-hint{margin-left:auto;font-size:.75rem;font-weight:400;color:#64748b;font-style:italic}.advanced-content{padding:16px;background:#0f172a4d;border-radius:0 0 10px 10px;overflow:visible}.chord-editor-note{font-size:.8rem;color:#64748b;margin:0 0 16px;padding:10px 12px;background:#6366f114;border-left:3px solid rgba(99,102,241,.4);border-radius:0 6px 6px 0;line-height:1.5}.composition-prompt h3{font-size:1.25rem;font-weight:600;color:#f1f5f9;margin:0 0 4px}.prompt-hint{font-size:.875rem;color:#94a3b8;margin:0 0 24px}.prompt-fields{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{font-size:.875rem;font-weight:500;color:#cbd5e1}.field-group input,.field-group select,.field-group textarea{width:100%;padding:12px 16px;border:1px solid rgba(71,85,105,.6);border-radius:8px;background:#0f172a99;color:#f1f5f9;font-size:.9375rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.field-group input::placeholder,.field-group textarea::placeholder{color:#64748b}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.field-group textarea{resize:vertical;min-height:80px}.field-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}@media(min-width:640px){.prompt-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.prompt-fields .field-group:first-child{grid-column:1 / -1}}.composition-prompt .continue-btn{width:100%;padding:14px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.composition-prompt .continue-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #8b5cf666}.composition-prompt .continue-btn:disabled{opacity:.5;cursor:not-allowed}.chord-editor-wrapper{margin-bottom:24px}.chord-toggle-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:1px solid rgba(99,102,241,.3);border-radius:10px;background:linear-gradient(135deg,#1e293b99,#0f172acc);color:#e2e8f0;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.chord-toggle-btn:hover{border-color:#6366f180;background:linear-gradient(135deg,#1e293bcc,#0f172ae6)}.chord-toggle-btn .chord-count{margin-left:auto;font-size:.75rem;color:#a5b4fc;background:#6366f126;padding:2px 8px;border-radius:10px}.sub-step-nav{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:16px;background:#0f172a66;border-radius:12px}.sub-step-item{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.sub-step-item:not(:last-child):after{content:"→";position:absolute;right:-20px;color:#475569;font-size:.875rem}.sub-step-item.completed{opacity:.7}.sub-step-item.completed:hover{opacity:1}.sub-step-item.active{background:#8b5cf633;border:1px solid rgba(139,92,246,.4)}.sub-step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#47556980;border-radius:50%;font-size:.75rem;font-weight:600;color:#94a3b8}.sub-step-item.active .sub-step-number{background:#8b5cf6;color:#fff}.sub-step-item.completed .sub-step-number{background:#22c55e;color:#fff}.sub-step-item.completed .sub-step-number:after{content:"✓"}.sub-step-label{font-size:.875rem;font-weight:500;color:#94a3b8}.sub-step-item.active .sub-step-label{color:#e2e8f0}.sub-step-content{margin-bottom:24px}.sub-step-header{margin-bottom:16px}.sub-step-header h3{font-size:1.25rem;font-weight:600;color:#f1f5f9;margin:0 0 4px}.sub-step-hint{font-size:.875rem;color:#94a3b8;margin:0}.sub-step-note{font-size:.8rem;color:#64748b;margin:8px 0 0;padding:8px 12px;background:#6366f11a;border-left:3px solid rgba(99,102,241,.5);border-radius:0 6px 6px 0}.sub-step-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(71,85,105,.3)}.back-btn,.next-btn{padding:12px 24px;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.back-btn{background:#47556966;color:#94a3b8}.back-btn:hover{background:#47556999;color:#e2e8f0}.next-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.next-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.continue-btn{padding:14px 28px;border:none;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.continue-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #8b5cf666}.continue-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.sub-step-nav{flex-direction:column;gap:12px}.sub-step-item:after{display:none}.sub-step-item{width:100%;justify-content:center}.sub-step-actions{flex-direction:column-reverse}.back-btn,.next-btn,.continue-btn{width:100%;text-align:center}}.rhythm-compose{max-width:1000px;margin:0 auto;padding:0 20px}.rhythm-compose .not-ready{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#1e293b80;border-radius:16px;text-align:center}.not-ready-icon{font-size:2.5rem;margin-bottom:12px}.not-ready p{color:#94a3b8;font-size:1rem;margin:0}.sample-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#1e293b80;border-radius:16px;text-align:center}.sample-loading h3{margin:0 0 24px;font-size:1.25rem;font-weight:600;color:#f1f5f9}.loading-progress-bar{width:100%;max-width:400px;height:8px;background:#47556966;border-radius:4px;overflow:hidden;margin-bottom:16px}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:4px;transition:width .3s ease}.loading-message{color:#94a3b8;font-size:.9rem;margin:0 0 8px}.loading-percent{color:#c4b5fd;font-size:1.5rem;font-weight:600;margin:0}.composition-summary-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:24px;margin-bottom:24px}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.summary-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#f1f5f9}.summary-badge{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:12px;background:#8b5cf633;color:#c4b5fd;text-transform:uppercase;letter-spacing:.03em}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:16px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.summary-value{font-size:1rem;font-weight:600;color:#e2e8f0}.vision-preview{padding-top:16px;border-top:1px solid rgba(71,85,105,.3)}.vision-label{font-size:.8rem;font-weight:500;color:#94a3b8}.vision-text{font-size:.95rem;color:#c4b5fd;font-style:italic;margin:8px 0 0;line-height:1.5}.rhythm-actions{display:flex;justify-content:flex-end;padding-top:24px;margin-top:24px;border-top:1px solid rgba(71,85,105,.3)}.rhythm-actions .continue-btn{padding:14px 28px;border:none;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.rhythm-actions .continue-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #8b5cf666}.composer-version-toggle{display:flex;gap:8px;margin-bottom:16px}.composer-version-toggle .version-btn{padding:10px 20px;border:1px solid rgba(139,92,246,.3);border-radius:8px;background:#1e293b80;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.composer-version-toggle .version-btn:hover:not(:disabled){background:#8b5cf626;color:#c4b5fd}.composer-version-toggle .version-btn.active{background:linear-gradient(135deg,#8b5cf64d,#6366f14d);border-color:#8b5cf680;color:#c4b5fd}.composer-version-toggle .version-btn:disabled{opacity:.5;cursor:not-allowed}.v2-ready-to-generate{padding:40px;text-align:center;background:#1e293b80;border:1px dashed rgba(139,92,246,.3);border-radius:16px;margin-bottom:24px}.v2-ready-to-generate p{color:#94a3b8;margin:0 0 20px}.v2-ready-to-generate .generate-v2-btn{padding:14px 28px;border:none;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.v2-ready-to-generate .generate-v2-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #8b5cf666}.v2-generating{padding:40px;text-align:center;background:#1e293b80;border-radius:16px;margin-bottom:24px}.v2-progress-bar{width:100%;max-width:500px;height:8px;background:#47556966;border-radius:4px;overflow:hidden;margin:0 auto 16px}.v2-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1,#8b5cf6);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px;transition:width .3s ease}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.v2-generating p{color:#94a3b8;margin:0}.v2-result{background:#1e293b80;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:24px;margin-bottom:24px}.v2-notes{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(71,85,105,.3)}.v2-notes h4{font-size:1rem;font-weight:600;color:#c4b5fd;margin:0 0 8px}.v2-notes p{color:#e2e8f0;font-size:.95rem;line-height:1.5;margin:0}.v2-instruments h4{font-size:1rem;font-weight:600;color:#f1f5f9;margin:0 0 16px}.v2-instrument-card{background:#0f172a80;border:1px solid rgba(71,85,105,.3);border-radius:12px;padding:16px;margin-bottom:12px}.v2-instrument-card h5{font-size:.95rem;font-weight:600;color:#8b5cf6;margin:0 0 8px;text-transform:capitalize}.v2-approach{color:#94a3b8;font-size:.85rem;margin:0 0 8px;font-style:italic}.v2-bar-count{color:#64748b;font-size:.8rem;margin:0 0 12px}.v2-bar-preview{display:flex;flex-wrap:wrap;gap:8px}.v2-bar{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#8b5cf61a;border-radius:8px;min-width:80px}.v2-bar .bar-num{font-size:.7rem;font-weight:600;color:#8b5cf6}.v2-bar .bar-section{font-size:.75rem;color:#94a3b8;text-transform:capitalize}.v2-bar .bar-pattern{font-size:.7rem;color:#64748b}.v2-more{display:flex;align-items:center;padding:8px 12px;color:#64748b;font-size:.8rem}.v2-actions{margin-top:20px;padding-top:20px;border-top:1px solid rgba(71,85,105,.3);display:flex;gap:12px;align-items:center}.v2-actions .loading-samples{color:#94a3b8;font-size:.85rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.v2-actions .v2-play-btn{padding:12px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.v2-actions .v2-play-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #22c55e66}.v2-actions .v2-play-btn:disabled{opacity:.5;cursor:not-allowed}.v2-actions .v2-stop-btn{padding:12px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.v2-actions .v2-stop-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ef444466}.v2-actions .regenerate-btn{padding:10px 20px;border:1px solid rgba(139,92,246,.3);border-radius:8px;background:#8b5cf626;color:#c4b5fd;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.v2-actions .regenerate-btn:hover:not(:disabled){background:#8b5cf640;border-color:#8b5cf680}.v2-actions .regenerate-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-header{flex-direction:column;align-items:flex-start;gap:12px}}.calibration-wizard{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.calibration-content{background:#1a1a2e;border-radius:16px;padding:40px;max-width:480px;width:90%;text-align:center;border:1px solid #333;box-shadow:0 20px 60px #00000080}.calibration-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.calibration-icon.success{background:linear-gradient(135deg,#22c55e,#16a34a)}.calibration-content h2{margin:0 0 20px;font-size:24px;font-weight:600;color:#fff}.calibration-instructions{text-align:left;margin-bottom:24px}.calibration-instructions p{color:#9ca3af;line-height:1.6;margin:0 0 16px}.calibration-steps{background:#16162a;border-radius:12px;padding:16px;margin:16px 0}.calibration-step-item{display:flex;align-items:center;gap:12px;padding:8px 0;color:#e5e7eb}.step-number{width:28px;height:28px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.calibration-mode-options{display:flex;flex-direction:column;gap:12px;margin:20px 0}.calibration-mode-btn{display:flex;flex-direction:column;align-items:flex-start;padding:16px;background:#16162a;border:2px solid #333;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.calibration-mode-btn:hover{border-color:#4b5563;background:#1e1e3a}.calibration-mode-btn.selected{border-color:#3b82f6;background:#3b82f61a}.calibration-mode-btn .mode-icon{font-size:20px;margin-bottom:8px}.calibration-mode-btn .mode-title{font-size:16px;font-weight:600;color:#e5e7eb;margin-bottom:4px}.calibration-mode-btn .mode-desc{font-size:13px;color:#9ca3af}.calibration-mode-btn.selected .mode-title{color:#93c5fd}.calibration-tips{display:flex;flex-direction:column;gap:12px;margin:16px 0}.calibration-tip{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:12px;font-size:14px;color:#93c5fd!important;margin:0}.calibration-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:12px;font-size:14px;color:#fcd34d!important;margin:0}.calibration-note{font-size:13px;color:#6b7280!important;font-style:italic}.calibration-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;color:#fca5a5;margin-bottom:16px}.calibration-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.calibration-btn{padding:14px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.calibration-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.calibration-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #3b82f666}.calibration-btn.secondary{background:transparent;border:1px solid #4b5563;color:#9ca3af}.calibration-btn.secondary:hover{border-color:#6b7280;color:#e5e7eb}.calibration-btn.cancel{background:transparent;color:#9ca3af;padding:8px 16px;margin-top:16px}.calibration-btn.cancel:hover{color:#ef4444}.calibration-previous{margin-top:16px;font-size:13px;color:#6b7280}.calibration-date{color:#4b5563}.calibration-result{background:#16162a;border-radius:12px;padding:24px;margin:24px 0}.result-label{display:block;color:#9ca3af;font-size:14px;margin-bottom:8px}.result-value{display:block;font-size:48px;font-weight:700;color:#22c55e}.result-variance{display:block;font-size:14px;font-weight:500;margin-top:8px}.result-variance.excellent{color:#22c55e}.result-variance.good{color:#84cc16}.result-variance.fair{color:#f59e0b}.result-variance.poor{color:#ef4444}.calibration-explanation{color:#9ca3af;line-height:1.6;margin:0 0 8px}.calibration-progress-bar{width:100%;height:8px;background:#374151;border-radius:4px;overflow:hidden;margin:24px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .3s ease}.calibration-status{color:#e5e7eb;font-size:16px;margin:0 0 16px}.calibration-hint{color:#6b7280;font-size:14px;margin:16px 0}.measurement-chip{background:#374151;color:#22c55e;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500}.calibration-measurements-final{margin:16px 0;text-align:center}.measurements-label{display:block;color:#6b7280;font-size:12px;margin-bottom:8px}.measurements-list{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.calibration-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.calibration-error-message{color:#fca5a5;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px;margin:16px 0;line-height:1.6}.daw-studio{display:flex;flex-direction:column;background:#1c1c1e;border-radius:4px;overflow:hidden;border:1px solid #333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.daw-transport{display:flex;align-items:center;padding:6px 10px;background:linear-gradient(180deg,#2d2d30,#252528);border-bottom:1px solid #1a1a1c;gap:12px}.daw-transport-left{display:flex;gap:4px}.daw-transport-center{flex:1;display:flex;justify-content:center}.daw-transport-right{display:flex;align-items:center;gap:6px}.daw-tbtn{width:28px;height:28px;border:1px solid #444;border-radius:3px;background:#333338;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;transition:all .1s}.daw-tbtn:hover:not(:disabled){background:#444448;color:#eee;border-color:#555}.daw-tbtn:disabled{opacity:.35;cursor:default}.daw-tbtn.daw-rec{color:#c44;border-color:#533}.daw-tbtn.daw-rec:hover:not(:disabled){color:#f55;background:#3a2222}.daw-tbtn.daw-rec.recording{color:#f33;background:#422;border-color:#f33;animation:rec-pulse 1.2s infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 #f336}50%{box-shadow:0 0 8px 2px #ff33334d}}.daw-tbtn.daw-punch.active{color:#fa0;background:#3a3520;border-color:#fa0}.daw-tbtn.daw-monitor.active{color:#3c6;background:#1a3322;border-color:#3c6}.daw-tbtn.daw-undo,.daw-tbtn.daw-redo{width:24px;height:24px}.daw-tbtn.daw-undo:not(:disabled):hover,.daw-tbtn.daw-redo:not(:disabled):hover{color:#4da6ff;border-color:#4da6ff}.daw-tbtn.disabled{opacity:.3}.daw-transport-divider{width:1px;height:20px;background:#444;margin:0 4px}.daw-time-box{font-family:JetBrains Mono,Fira Code,Courier New,monospace;background:#111113;border:1px solid #333;border-radius:3px;padding:3px 10px;display:flex;align-items:baseline;gap:4px}.daw-time-main{color:#3f6;font-size:16px;font-weight:600;letter-spacing:.5px}.daw-time-sep{color:#444;font-size:12px}.daw-time-total{color:#777;font-size:12px}.daw-mon-vol{width:50px;height:3px;accent-color:#33cc66}.daw-punch-bar{display:flex;align-items:center;gap:10px;padding:4px 10px;background:#2a2518;border-bottom:1px solid #3a3020;font-size:11px;color:#ccc}.daw-punch-label{color:#fa0;font-weight:700;font-size:10px;letter-spacing:1px}.daw-punch-time{color:#eee;font-family:Consolas,Monaco,monospace;font-size:11px;background:#1a1a1e;border:1px solid #3a3020;border-radius:2px;padding:2px 6px}.daw-punch-hint{color:#888;font-size:10px;font-style:italic;margin-left:auto}.daw-device-selector{position:relative}.daw-settings.active{color:#4ade80}.daw-device-popover{position:absolute;top:100%;right:0;margin-top:6px;background:#1e1e22;border:1px solid #444;border-radius:6px;padding:12px;min-width:240px;z-index:100;box-shadow:0 8px 24px #00000080}.daw-device-section{margin-bottom:10px}.daw-device-section:last-child{margin-bottom:0}.daw-device-label{display:flex;align-items:center;gap:5px;font-size:10px;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.daw-device-select{width:100%;background:#2a2a2e;border:1px solid #444;border-radius:3px;color:#eee;font-size:11px;padding:4px 6px;cursor:pointer}.daw-device-select:focus{outline:none;border-color:#4ade80}.daw-level-meter{margin-top:4px;height:4px;background:#2a2a2e;border-radius:2px;overflow:hidden}.daw-level-fill{height:100%;background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);border-radius:2px;transition:width 50ms ease-out}.daw-device-hint{font-size:10px;color:#666;text-align:center;padding:8px 0}.daw-device-hint-inline{font-size:9px;color:#666;margin-left:6px}.daw-monitor-toggle{padding:4px 8px;font-size:10px;font-weight:600;min-width:40px}.daw-monitor-toggle.active{background:#1a3322;color:#3c6;border-color:#3c6}.daw-latency-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;cursor:pointer}.daw-latency-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#666;cursor:pointer}.daw-latency-slider::-webkit-slider-thumb:hover{background:#888}.daw-latency-value{font-size:10px;color:#888;min-width:42px;text-align:right;font-family:monospace}.daw-arrange{display:flex;flex-direction:column;min-height:200px}.daw-ruler{display:flex;height:22px;background:#222225;border-bottom:1px solid #333}.daw-ruler-header{width:140px;flex-shrink:0;border-right:1px solid #333}.daw-ruler-track{flex:1;position:relative}.daw-ruler-clickable{cursor:pointer}.daw-ruler-clickable:hover{background:#33ff660d}.daw-ruler-mark{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center}.daw-ruler-tick{width:1px;height:6px;background:#555}.daw-ruler-label{font-size:9px;color:#666;margin-top:1px;white-space:nowrap;transform:translate(-50%)}.daw-tracks{position:relative}.daw-tracks-overlay{position:absolute;inset:0 0 0 140px;z-index:10;pointer-events:none}.daw-tracks-overlay.punch-active{pointer-events:auto;cursor:crosshair}.daw-track{display:flex;height:56px;border-bottom:1px solid #2a2a2e}.daw-track-header{width:140px;flex-shrink:0;display:flex;align-items:center;gap:4px;padding:0 6px;background:#222225;border-right:1px solid #333}.daw-track-color{width:3px;height:28px;border-radius:2px;flex-shrink:0}.daw-track-name{font-size:10px;color:#bbb;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daw-track-volume{width:40px;height:3px;flex-shrink:0;accent-color:#4ade80;cursor:pointer}.daw-track-lane{flex:1;position:relative;background:#1a1a1e;overflow:hidden;cursor:crosshair}.daw-track-block{position:absolute;top:4px;bottom:4px;border:1px solid;border-radius:2px;overflow:hidden}.daw-track-fill{position:absolute;inset:0}.daw-stem-waveform{width:100%!important;height:100%!important;position:absolute;inset:0}.daw-track-vocal{min-height:64px}.daw-track-vocal .daw-track-header{background:#221a1a}.daw-track-vocal.recording .daw-track-header{background:#2a1515}.daw-track-vocal.recording .daw-track-lane{background:#1a1012}.daw-arm-indicator{width:8px;height:8px;border-radius:50%;background:#444;margin-left:auto}.daw-arm-indicator.armed{background:#f33;animation:rec-pulse 1.2s infinite}.daw-vocal-lane{min-height:56px}.daw-take-block{position:absolute;top:4px;bottom:4px;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:2px;overflow:hidden;cursor:pointer;transition:border-color .15s}.daw-take-block.selected{border-color:#ef4444b3;background:#ef44441f}.daw-take-block:hover{border-color:#ef444499}.daw-take-waveform{width:100%!important;height:100%!important;position:absolute;inset:0}.daw-take-label{position:absolute;top:2px;left:4px;font-size:9px;color:#ef4444b3;font-weight:500}.daw-live-recording{position:absolute;top:4px;bottom:4px;border:1px solid rgba(255,51,51,.5);border-radius:2px;background:#ff333308;overflow:hidden}.daw-live-recording .live-waveform{width:100%!important;height:100%!important}.daw-punch-overlay{position:absolute;top:0;bottom:0;background:#ffaa000f;border-left:none;border-right:none;pointer-events:none;z-index:5}.daw-punch-handle{position:absolute;top:0;bottom:0;width:10px;margin-left:-5px;cursor:ew-resize;z-index:15;display:flex;align-items:flex-start;justify-content:center;pointer-events:auto}.daw-punch-handle:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#fa0;left:50%;transform:translate(-50%)}.daw-punch-handle:hover:before,.daw-punch-handle.dragging:before{width:3px;background:#fc3;box-shadow:0 0 6px #ffaa0080}.daw-punch-handle-label{position:relative;top:-1px;font-size:8px;font-weight:700;color:#000;background:#fa0;padding:1px 3px;border-radius:2px;pointer-events:none;white-space:nowrap}.daw-punch-handle:hover .daw-punch-handle-label,.daw-punch-handle.dragging .daw-punch-handle-label{background:#fc3}.daw-playhead{position:absolute;top:0;bottom:0;width:1px;background:#3f6;pointer-events:none;z-index:10;will-change:left}.daw-playhead:before{content:"";position:absolute;top:-1px;left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #33ff66}.daw-takes{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#222225;border-top:1px solid #333}.daw-takes-title{font-size:10px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.daw-takes-list{display:flex;gap:4px;flex-wrap:wrap}.daw-take-chip{display:flex;align-items:center;background:#2a2a2e;border:1px solid #3a3a3e;border-radius:3px;font-size:11px;color:#aaa;transition:all .1s}.daw-take-chip:hover{border-color:#555;background:#333}.daw-take-chip.selected{border-color:#ef4444;background:#2a1a1e;color:#eee}.daw-take-select{display:flex;align-items:center;gap:4px;padding:3px 6px 3px 8px;background:none;border:none;cursor:pointer;color:inherit;font-size:inherit}.daw-take-delete{display:flex;align-items:center;justify-content:center;padding:3px 6px;background:none;border:none;border-left:1px solid #3a3a3e;cursor:pointer;color:#666;transition:color .1s}.daw-take-delete:hover{color:#ef4444}.daw-chip-num{font-weight:600}.daw-chip-dur{color:#666;font-family:monospace;font-size:10px}.daw-chip-badge{background:#fa0;color:#000;font-size:8px;font-weight:700;padding:0 3px;border-radius:2px}.studio-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.back-btn{background:#2a2a3a;border:1px solid #444;color:#ccc;padding:4px 10px;border-radius:3px;font-size:12px;cursor:pointer}.back-btn:hover{background:#3a3a4a;color:#fff}.studio-title{font-size:14px;font-weight:600;color:#e2e2f0}.vocal-studio-section{text-align:center}.bpm-setting{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.bpm-label{font-size:11px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bpm-input{width:70px;padding:6px 10px;background:#1a1a1e;border:1px solid #444;border-radius:4px;color:#eee;font-size:14px;font-family:JetBrains Mono,Fira Code,monospace;text-align:center}.bpm-input:focus{outline:none;border-color:#6495ed;background:#222228}.bpm-input::-webkit-inner-spin-button,.bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm-input[type=number]{-moz-appearance:textfield}.open-studio-btn{background:linear-gradient(180deg,#3a3a4a,#2a2a3a);border:1px solid #555;color:#eee;padding:10px 20px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .1s}.open-studio-btn:hover{background:linear-gradient(180deg,#4a4a5a,#3a3a4a);border-color:#666}.studio-description{color:#666;font-size:11px;margin-top:6px}.vocal-takes-count{color:#888;font-size:10px;background:#2a2a3a;padding:2px 6px;border-radius:2px;margin-left:8px}.vocal-actions{display:flex;gap:8px;align-items:center}.count-in-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.count-in-beat{display:flex;flex-direction:column;align-items:center}.count-number{font-size:120px;font-weight:700;color:#fa0;line-height:1;animation:beat-pop .3s ease-out}.count-total{font-size:24px;color:#666;margin-top:8px}@keyframes beat-pop{0%{transform:scale(1.3);opacity:.5}to{transform:scale(1);opacity:1}}.daw-add-track{display:flex;height:36px;border-bottom:1px solid #2a2a2e}.daw-add-track-btn-area{width:140px;display:flex;align-items:center;justify-content:center;background:#1e1e22;border-right:1px solid #333;position:relative}.daw-add-track-btn{background:#2a2a30;border:1px dashed #444;border-radius:3px;color:#888;font-size:10px;padding:4px 10px;cursor:pointer;transition:all .15s}.daw-add-track-btn:hover:not(:disabled){background:#333338;color:#aaa;border-color:#555}.daw-add-track-btn:disabled{opacity:.4;cursor:not-allowed}.daw-add-track-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#1e1e22;border:1px solid #444;border-radius:4px;padding:4px 0;z-index:100;box-shadow:0 4px 12px #0006;min-width:130px}.daw-add-track-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;background:none;border:none;color:#ccc;font-size:11px;cursor:pointer;text-align:left}.daw-add-track-menu button:hover{background:#2a2a30;color:#fff}.daw-menu-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.daw-arm-btn{width:18px;height:18px;border:1px solid #444;border-radius:3px;background:#2a2a2e;color:#666;font-size:9px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;flex-shrink:0}.daw-arm-btn:hover{background:#333;color:#888}.daw-arm-btn.armed{background:#422;color:#f33;border-color:#f33}.daw-track-delete{width:16px;height:16px;border:none;background:none;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.daw-track-delete:hover{color:#ef4444}.daw-range-selection{position:absolute;top:0;bottom:0;background:#6495ed4d;border-left:2px solid #6495ed;border-right:2px solid #6495ed;pointer-events:none;z-index:5}.daw-selection-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,#2a2a3a,#1e1e28);border-top:1px solid #6495ed;gap:12px}.daw-selection-info{font-size:11px;color:#aaa;font-family:monospace}.daw-selection-actions{display:flex;gap:8px}.daw-selection-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#2a2a35;border:1px solid #444;border-radius:3px;color:#ccc;font-size:11px;cursor:pointer;transition:all .15s}.daw-selection-btn:hover{background:#3a3a45;border-color:#555;color:#fff}.daw-selection-btn-danger:hover{background:#422;border-color:#ef4444;color:#ef4444}.daw-selection-btn svg{flex-shrink:0}.daw-take-gain-handle{position:absolute;inset:0;cursor:ns-resize}.daw-take-gain-line{position:absolute;left:4px;right:4px;height:2px;background:#fa0;border-radius:1px;pointer-events:none;box-shadow:0 0 4px #fa06;opacity:0;transition:opacity .15s}.daw-take-block:hover .daw-take-gain-line,.daw-take-block.gain-dragging .daw-take-gain-line{opacity:1}.daw-take-gain-label{position:absolute;top:2px;right:4px;font-size:9px;color:#fa0;font-family:monospace;background:#0009;padding:1px 3px;border-radius:2px;pointer-events:none;opacity:0;transition:opacity .15s}.daw-take-block:hover .daw-take-gain-label,.daw-take-block.gain-dragging .daw-take-gain-label{opacity:1}.daw-take-block.gain-dragging{z-index:20}.daw-bpm-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#1a1a1e;border-top:1px solid #333}.daw-bpm-label{font-size:11px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.daw-bpm-input{width:60px;padding:4px 8px;background:#252530;border:1px solid #444;border-radius:3px;color:#eee;font-size:13px;font-family:JetBrains Mono,Fira Code,monospace;text-align:center}.daw-bpm-input:focus{outline:none;border-color:#6495ed;background:#2a2a35}.daw-bpm-input:disabled{opacity:.5;cursor:not-allowed}.daw-bpm-input::-webkit-inner-spin-button,.daw-bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.daw-bpm-input[type=number]{-moz-appearance:textfield}.daw-bpm-hint{font-size:10px;color:#666;font-style:italic}.daw-mode-toolbar{display:flex;gap:2px;background:#2a2a30;border-radius:3px;padding:2px}.daw-tbtn.daw-mode{width:26px;height:24px}.daw-tbtn.daw-mode.active{color:#6495ed;background:#2a2a40;border-color:#6495ed}.daw-segment-split{position:absolute;top:0;bottom:0;width:2px;background:#fc0;cursor:ew-resize;z-index:15;transform:translate(-1px)}.daw-segment-split:hover{width:4px;transform:translate(-2px);background:#fe5;box-shadow:0 0 6px #ffcc0080}.daw-segment-gain-handle{position:absolute;top:0;bottom:0;cursor:ns-resize}.daw-segment-gain-line{position:absolute;left:2px;right:2px;height:2px;background:#f80;border-radius:1px;pointer-events:none;opacity:0;transition:opacity .15s}.daw-take-block:hover .daw-segment-gain-line,.daw-take-block.gain-dragging .daw-segment-gain-line{opacity:1}.daw-track-lane.splice-mode,.daw-take-block.splice-mode{cursor:crosshair}.daw-settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.daw-settings-panel{background:#1a1a2e;border-radius:12px;padding:24px;min-width:360px;max-width:480px;border:1px solid #333;box-shadow:0 20px 60px #00000080}.daw-settings-panel h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#fff;padding-bottom:12px;border-bottom:1px solid #333}.daw-settings-section{margin-bottom:20px}.daw-settings-label{display:block;font-size:14px;font-weight:500;color:#e5e7eb;margin-bottom:8px}.daw-settings-hint{display:block;font-size:12px;color:#6b7280;font-weight:400;margin-top:2px}.daw-latency-control{display:flex;align-items:center;gap:12px;margin-bottom:8px}.daw-latency-slider{flex:1;height:6px;border-radius:3px;-webkit-appearance:none;appearance:none;background:#374151;cursor:pointer}.daw-latency-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;cursor:pointer;border:2px solid #1a1a2e}.daw-latency-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;cursor:pointer;border:2px solid #1a1a2e}.daw-latency-input{width:60px;padding:6px 8px;background:#252528;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;text-align:center}.daw-latency-input:focus{outline:none;border-color:#3b82f6}.daw-latency-unit{color:#6b7280;font-size:14px}.daw-settings-tip{font-size:12px;color:#9ca3af;margin:8px 0 16px;line-height:1.5}.daw-settings-btn{width:100%;padding:10px 16px;background:transparent;border:1px solid #4b5563;border-radius:6px;color:#9ca3af;font-size:14px;cursor:pointer;transition:all .2s}.daw-settings-btn:hover{border-color:#3b82f6;color:#fff;background:#3b82f61a}.daw-settings-close{width:100%;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:16px}.daw-settings-close:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.daw-settings-btn-icon{opacity:.7}.daw-settings-btn-icon:hover{opacity:1}.ftt-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none}.ftt-card{pointer-events:auto;width:320px;max-width:calc(100vw - 2rem);background:#1e2035;border:1px solid rgba(99,102,241,.35);border-radius:12px;padding:1rem 1.15rem;box-shadow:0 8px 32px #00000080;animation:ftt-in .2s ease;z-index:9999}@keyframes ftt-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ftt-step-badge{font-size:.6rem;font-weight:700;color:#6366f1;background:#6366f11a;padding:2px 7px;border-radius:8px;display:inline-block;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}.ftt-title{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:#e2e8f0}.ftt-body{margin:0 0 .75rem;font-size:.8rem;color:#ffffffa6;line-height:1.5}.ftt-dismiss,.ftt-next{padding:.35rem .9rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;border:none;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;transition:box-shadow .15s}.ftt-dismiss:hover,.ftt-next:hover{box-shadow:0 4px 12px #6366f14d}.ftt-actions{display:flex;align-items:center;gap:.4rem}.ftt-back{padding:.35rem .75rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9}.ftt-skip{margin-left:auto;background:none;border:none;color:#ffffff4d;font-size:.7rem;cursor:pointer}.ftt-skip:hover{color:#ffffff80}.collapsible-lyrics{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.collapsible-lyrics .lyrics-header{display:flex;align-items:center;justify-content:space-between}.collapsible-lyrics .lyrics-header label{font-size:.9rem;font-weight:500;color:#e0e0e0}.collapsible-lyrics .magic-wand-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;cursor:pointer;color:#fff;transition:all .2s ease}.collapsible-lyrics .magic-wand-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 12px #8b5cf680}.collapsible-lyrics .magic-wand-btn:disabled{opacity:.5;cursor:not-allowed}.collapsible-lyrics .lyrics-content{position:relative}.collapsible-lyrics textarea{width:100%;padding:.75rem 1rem 2rem;background:#0f0f1a;border:1px solid #333;border-radius:8px;color:#f0f0f0;font-size:.9rem;font-family:inherit;resize:none;transition:height .3s ease,border-color .2s}.collapsible-lyrics.collapsed textarea{height:80px;overflow:hidden}.collapsible-lyrics.expanded{position:absolute;inset:0;z-index:50;background:#0a0a14;padding:1rem;margin:0;display:flex;flex-direction:column}.collapsible-lyrics.expanded .lyrics-content{flex:1;display:flex;flex-direction:column}.collapsible-lyrics.expanded textarea{flex:1;height:auto;overflow-y:auto}.collapsible-lyrics textarea:focus{outline:none;border-color:#6366f1}.collapsible-lyrics textarea::placeholder{color:#666}.collapsible-lyrics .expand-toggle{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:6px;cursor:pointer;color:#8b5cf6;transition:all .2s ease}.collapsible-lyrics .expand-toggle:hover{background:#6366f14d;border-color:#6366f180;transform:scale(1.1)}.collapsible-lyrics .expand-toggle svg{transition:transform .2s ease}.collapsible-lyrics .lyrics-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#888}.collapsible-lyrics .lyrics-hint{font-style:italic}.collapsible-lyrics .lyrics-counter{font-variant-numeric:tabular-nums}.lyrics-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lyrics-modal{background:#1a1a2e;border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 32px #00000080;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lyrics-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #333}.lyrics-modal-header h3{margin:0;font-size:1.1rem;color:#f0f0f0}.lyrics-modal-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;line-height:1;transition:color .2s}.lyrics-modal-close:hover:not(:disabled){color:#fff}.lyrics-modal-close:disabled{opacity:.5;cursor:not-allowed}.lyrics-modal-body{padding:1.5rem}.lyrics-modal-body label{display:block;margin-bottom:.75rem;color:#ccc;font-weight:500}.lyrics-modal-body textarea{width:100%;padding:.875rem 1rem;background:#0f0f1a;border:1px solid #333;border-radius:8px;color:#f0f0f0;font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px}.lyrics-modal-body textarea:focus{outline:none;border-color:#6366f1}.lyrics-modal-body textarea:disabled{opacity:.6}.lyrics-modal-hint{margin-top:.75rem;font-size:.85rem;color:#888}.lyrics-modal-hint strong{color:#a5b4fc}.lyrics-modal-params{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.lyrics-modal-param{flex:1;min-width:100px}.lyrics-modal-param label{font-size:.8rem;color:#888;margin-bottom:.35rem}.lyrics-modal-param select{width:100%;padding:.5rem .65rem;background:#0f0f1a;border:1px solid #333;border-radius:6px;color:#f0f0f0;font-size:.85rem;font-family:inherit}.lyrics-modal-param select:focus{outline:none;border-color:#6366f1}.lyrics-modal-value{display:block;padding:.5rem 0;color:#a5b4fc;font-size:.85rem;font-weight:500}.lyrics-modal-error{margin-top:.75rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:.875rem}.lyrics-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #333}.lyrics-modal-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.lyrics-modal-btn.cancel{background:transparent;border:1px solid #444;color:#888}.lyrics-modal-btn.cancel:hover:not(:disabled){background:#2a2a3e;color:#f0f0f0}.lyrics-modal-btn.generate{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.lyrics-modal-btn.generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.lyrics-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.lyrics-modal-btn .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.inline-volume{display:inline-flex;align-items:center;gap:10px}.inline-volume-mute-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:#ffffffb3;cursor:pointer;border-radius:4px;transition:color .15s,background .15s}.inline-volume-mute-btn svg{width:20px;height:20px}.inline-volume-mute-btn:hover{color:#f0f0f0;background:#ffffff1a}.inline-volume-slider{width:200px;height:6px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:3px;outline:none;cursor:pointer}.inline-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#8b5cf6;border-radius:50%;cursor:pointer;transition:transform .1s}.inline-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.inline-volume-slider::-moz-range-thumb{width:16px;height:16px;background:#8b5cf6;border:none;border-radius:50%;cursor:pointer;transition:transform .1s}.inline-volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.recording-booth-overlay{position:fixed;inset:0;z-index:10000;background:#000000bf;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recording-booth{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem 1.5rem;width:min(900px,90vw);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.recording-booth-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.recording-booth-header h3{margin:0;font-size:1rem;color:#e0e0f0;font-weight:600}.recording-booth-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0 .25rem;line-height:1}.recording-booth-close:hover{color:#e0e0f0}.recording-booth-settings-btn{background:none;border:none;color:#888;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center}.recording-booth-settings-btn:hover{color:#e0e0f0;background:#ffffff0f}.recording-booth-settings{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.6rem .75rem;margin-bottom:.5rem;display:flex;gap:1rem;flex-wrap:wrap}.recording-booth-settings-row{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px}.recording-booth-settings-row label{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#888;white-space:nowrap}.recording-booth-settings-row select{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#c0c0d0;font-size:.75rem;padding:.25rem .4rem}.recording-booth-intro{margin:0 0 .75rem;font-size:.8rem;color:#888;line-height:1.5}.recording-booth-waveform{position:relative;width:100%;height:100px;background:#0000004d;border-radius:6px;overflow:hidden;cursor:crosshair;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}.recording-booth-waveform canvas{width:100%!important;height:100%!important;display:block}.recording-booth-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#555;font-size:.85rem}.recording-booth-punch-range{position:absolute;top:0;height:100%;background:#a78bfa26;border-left:2px solid rgba(167,139,250,.6);border-right:2px solid rgba(167,139,250,.6);pointer-events:none}.recording-booth-meter{width:100%;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.recording-booth-meter-fill{height:100%;background:linear-gradient(90deg,#22c55e 0% 60%,#f0b429 80%,#ef4444);border-radius:3px;transition:width .05s linear}.recording-booth-transport{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.recording-booth-time{font-family:SF Mono,Fira Code,monospace;font-size:.9rem;color:#c0c0d0;min-width:3.5rem;display:flex;align-items:center;gap:.4rem}.recording-booth-rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;animation:booth-rec-pulse 1s ease-in-out infinite}@keyframes booth-rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.recording-booth-transport-buttons{display:flex;align-items:center;gap:.5rem}.recording-booth-btn{display:flex;align-items:center;gap:.35rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#c0c0d0;font-size:.8rem;padding:.35rem .65rem;cursor:pointer;transition:background .15s,border-color .15s}.recording-booth-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.recording-booth-btn:disabled{opacity:.35;cursor:default}.recording-booth-rec-btn{color:#ef4444;border-color:#ef44444d}.recording-booth-rec-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef444480}.recording-booth-rec-btn.active{background:#ef444426;border-color:#ef444480;color:#f87171}.recording-booth-hint{margin:0 0 .75rem;font-size:.75rem;color:#666;line-height:1.4}.recording-booth-actions{display:flex;gap:.5rem;justify-content:flex-end}.recording-booth-action-btn{padding:.5rem 1.25rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#c0c0d0;transition:background .15s}.recording-booth-action-btn:hover:not(:disabled){background:#ffffff1a}.recording-booth-action-btn:disabled{opacity:.4;cursor:default}.recording-booth-action-btn.primary{background:#7c3aed;border-color:#7c3aed;color:#fff}.recording-booth-action-btn.primary:hover:not(:disabled){background:#6d28d9}.recording-booth-action-btn.primary:disabled{background:#4c1d95;border-color:#4c1d95}.ref-selector-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200}.ref-selector-modal{background:#12121f;border:1px solid rgba(6,182,212,.2);border-radius:16px;padding:1.5rem 2rem;max-width:660px;width:95%;text-align:center}.ref-selector-modal h3{color:#e2e8f0;font-size:1.1rem;font-weight:700;margin:0 0 .75rem}.ref-selector-tip{color:#94a3b8;font-size:.8rem;line-height:1.5;margin:0 auto 1rem;max-width:420px}.ref-selector-upload{padding:1.5rem 0}.ref-selector-upload-btn{background:linear-gradient(135deg,#06b6d4,#6366f1);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s}.ref-selector-upload-btn:hover{opacity:.9}.ref-selector-loading{color:#67e8f9;padding:2rem;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.ref-selector-waveform-container{width:100%;height:100px;border-radius:8px;background:#0a0a14;cursor:grab;margin-bottom:.5rem;position:relative;overflow:hidden}.ref-selector-waveform-container:active{cursor:grabbing}.ref-selector-waveform{width:100%;height:100%;display:block}.ref-selector-info{display:flex;justify-content:space-between;color:#94a3b8;font-size:.75rem;margin-bottom:1rem}.ref-selector-duration{color:#06b6d4;font-weight:600}.ref-selector-actions{display:flex;gap:.5rem;justify-content:center}.ref-selector-btn{padding:.5rem 1.2rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.ref-selector-btn:hover{opacity:.85}.ref-selector-btn.preview{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.12)}.ref-selector-btn.confirm{background:linear-gradient(135deg,#06b6d4,#6366f1);color:#fff}.ref-selector-btn.cancel{background:none;color:#64748b}.song-starter-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:.25rem}.song-starter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.song-starter-btn:active{transform:translateY(0)}.express-create-pane{display:flex;flex-direction:column;gap:1rem;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto}.express-create-pane.create-pane-collapsed{padding:0;gap:0;width:56px;height:100%;border-right:1px solid rgba(255,255,255,.06)}.collapsed-nav{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;width:100%}.collapsed-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;width:48px;padding:8px 0;background:none;border:none;border-radius:8px;cursor:pointer;color:#666;transition:all .15s ease;position:relative}.collapsed-nav-item:hover:not(:disabled){color:silver;background:#ffffff0d}.collapsed-nav-item.active{color:#a5b4fc;background:#6366f11a}.collapsed-nav-label{font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1}.collapsed-nav-credits{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:auto;padding:10px 4px 8px;border-top:1px solid rgba(255,255,255,.06);color:#888;cursor:default}.collapsed-nav-credits-count{font-size:14px;font-weight:700;color:#a5b4fc;line-height:1}.collapsed-nav-credits-label{font-size:8px;font-weight:600;letter-spacing:.03em;color:#666;line-height:1}.express-create-pane .pane-title-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;margin-bottom:.5rem}.express-create-pane .pane-title{font-size:1rem;font-weight:600;color:#e0e0e0;margin:0}.express-create-pane .pane-collapse-chevron{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:1rem;line-height:1;color:#888;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px}.express-create-pane .pane-title-btn:hover .pane-collapse-chevron{color:silver;background:#ffffff17}.express-create-pane .create-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;gap:.75rem}.express-create-pane .create-error p{margin:0;font-size:.85rem;color:#ef4444}.express-create-pane .create-error button{background:transparent;border:1px solid rgba(239,68,68,.3);padding:.25rem .5rem;border-radius:4px;color:#ef4444;cursor:pointer;font-size:.75rem}.express-create-pane .create-error button:hover{background:#ef444426}.express-create-pane .form-group{display:flex;flex-direction:column;gap:.5rem}.express-create-pane .form-group label{font-size:.85rem;font-weight:500;color:#e0e0e0}.express-create-pane .form-group input{padding:.6rem .75rem;background:#0f0f1a;border:1px solid #333;border-radius:8px;color:#f0f0f0;font-size:.9rem}.express-create-pane .form-group input:focus{outline:none;border-color:#6366f1}.express-create-pane .form-group input::placeholder{color:#666}.express-create-pane .form-group input:disabled{opacity:.6;cursor:not-allowed}.express-create-pane .form-group select{padding:.6rem .75rem;background:#0f0f1a;border:1px solid #333;border-radius:8px;color:#f0f0f0;font-size:.9rem;cursor:pointer}.express-create-pane .form-group select:focus{outline:none;border-color:#6366f1}.express-create-pane .form-group select:disabled{opacity:.6;cursor:not-allowed}.express-create-pane .prose-textarea{width:100%;padding:.75rem;background:#0f0f1a;border:1px solid #333;border-radius:8px;color:#f0f0f0;font-size:.85rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:100px}.express-create-pane .prose-textarea:focus{outline:none;border-color:#6366f1}.express-create-pane .prose-textarea::placeholder{color:#555;font-style:italic}.express-create-pane .prose-textarea:disabled{opacity:.6;cursor:not-allowed}.express-create-pane .char-count{font-size:.7rem;color:#555;text-align:right;margin-top:-.25rem}.express-create-pane .chip-toggle-row{display:flex;gap:.5rem}.express-create-pane .chip-toggle{flex:1;padding:.5rem .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#999;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center}.express-create-pane .chip-toggle:hover:not(:disabled){background:#ffffff14;color:#ccc}.express-create-pane .chip-toggle.active{background:#6366f126;border-color:#6366f180;color:#a5b4fc}.express-create-pane .chip-toggle:disabled{opacity:.5;cursor:not-allowed}.express-create-pane .cover-sliders{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px}.express-create-pane .slider-group{display:flex;flex-direction:column;gap:.3rem}.express-create-pane .slider-header{display:flex;justify-content:space-between;align-items:center}.express-create-pane .slider-header label{font-size:.8rem;font-weight:500;color:#e0e0e0}.express-create-pane .slider-value{font-size:.75rem;color:#a5b4fc;font-weight:500;min-width:36px;text-align:right}.express-create-pane .cover-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.express-create-pane .cover-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#6366f1;border-radius:50%;cursor:pointer;border:2px solid #1a1a2e;box-shadow:0 0 4px #6366f166}.express-create-pane .cover-slider::-moz-range-thumb{width:16px;height:16px;background:#6366f1;border-radius:50%;cursor:pointer;border:2px solid #1a1a2e;box-shadow:0 0 4px #6366f166}.express-create-pane .cover-slider:disabled{opacity:.5;cursor:not-allowed}.express-create-pane .slider-labels{display:flex;justify-content:space-between;font-size:.65rem;color:#666}.express-create-pane .optional-settings{border:1px solid rgba(99,102,241,.2);border-radius:10px;overflow:hidden;margin-top:.25rem}.express-create-pane .optional-settings-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;background:#6366f10f;border:none;color:#a5b4fc;font-size:.82rem;font-weight:600;cursor:pointer;transition:color .15s,background .15s}.express-create-pane .optional-settings-toggle:hover:not(:disabled){background:#6366f11a;color:#c7d2fe}.express-create-pane .optional-settings-toggle:disabled{opacity:.5;cursor:not-allowed}.express-create-pane .toggle-arrow{font-size:.6rem;transition:transform .2s ease;display:inline-block}.express-create-pane .toggle-arrow.open{transform:rotate(90deg)}.express-create-pane .optional-settings-body{padding:.5rem .75rem .75rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid rgba(255,255,255,.06)}.express-create-pane .settings-row{display:flex;gap:.5rem}.express-create-pane .settings-field{flex:1;display:flex;flex-direction:column;gap:.25rem}.express-create-pane .settings-field label{font-size:.7rem;font-weight:500;color:#999}.express-create-pane .settings-field input,.express-create-pane .settings-field select{padding:.4rem .5rem;background:#0f0f1a;border:1px solid #333;border-radius:6px;color:#f0f0f0;font-size:.8rem}.express-create-pane .settings-field input:focus,.express-create-pane .settings-field select:focus{outline:none;border-color:#6366f1}.express-create-pane .settings-field input::placeholder{color:#555}.express-create-pane .settings-field input:disabled,.express-create-pane .settings-field select:disabled{opacity:.5;cursor:not-allowed}.express-create-pane .settings-field select{cursor:pointer}.express-create-pane .generate-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.express-create-pane .generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f166}.express-create-pane .generate-btn:disabled{opacity:.5;cursor:not-allowed}.express-create-pane .generate-btn.queued-flash{background:linear-gradient(135deg,#22c55e,#16a34a);animation:queued-pulse .3s ease}@keyframes queued-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.gen-credits-counter{display:block;text-align:center;font-size:.65rem;color:#64748b;margin-top:.35rem}.express-create-pane .generation-progress.compact{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#6366f10d;border:1px solid rgba(99,102,241,.15);border-radius:10px}.express-create-pane .generation-progress .loading-spinner{width:24px;height:24px;border:2px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.express-create-pane .generation-progress .progress-message{font-size:.85rem;color:#a5b4fc;text-align:center}.express-create-pane .generation-progress .progress-bar-container{display:flex;align-items:center;gap:.75rem;width:100%}.express-create-pane .generation-progress .progress-bar-bg{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.express-create-pane .generation-progress .progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease}.express-create-pane .generation-progress .progress-text{font-size:.75rem;color:#888;min-width:35px;text-align:right}.express-create-pane .generation-progress .generation-note{font-size:.7rem;color:#666;margin:0}.enhance-progress{display:flex;flex-direction:column;gap:.25rem;margin-top:.35rem}.enhance-progress-bar{height:3px;border-radius:2px;background:#ffffff14;overflow:hidden;position:relative}.enhance-progress-bar:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,#8b5cf6,#a78bfa,transparent);border-radius:2px;animation:enhance-slide 1.4s ease-in-out infinite}@keyframes enhance-slide{0%{left:-40%}to{left:100%}}.enhance-progress-text{font-size:.7rem;color:#a78bfa}.express-create-pane .mode-toggle-container{display:flex;gap:.5rem;padding:4px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.express-create-pane .mode-toggle-btn{flex:1;padding:.5rem 1rem;background:transparent;border:none;border-radius:8px;color:#888;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.express-create-pane .mode-toggle-btn.sketchpad{color:#a07850}.express-create-pane .mode-toggle-btn.trackflip{color:#06b6d4}.express-create-pane .mode-toggle-btn.upload{color:#5a8aaa}.express-create-pane .mode-toggle-btn.sketchpad:hover:not(:disabled):not(.active){color:#d4a060;background:#f59e0b12}.express-create-pane .mode-toggle-btn.trackflip:hover:not(:disabled):not(.active){color:#67e8f9;background:#06b6d41a}.express-create-pane .mode-toggle-btn.upload:hover:not(:disabled):not(.active){color:#7ab0cc;background:#38bdf812}.express-create-pane .mode-toggle-btn.sketchpad.active{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.express-create-pane .mode-toggle-btn.trackflip.active{background:linear-gradient(135deg,#06b6d4,#8b5cf6);color:#fff}.express-create-pane .mode-toggle-btn.upload.active{background:linear-gradient(135deg,#38bdf8,#3b82f6);color:#fff}.express-create-pane .mode-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.express-create-pane .upload-options{display:flex;flex-direction:column;gap:.5rem}.express-create-pane .upload-option-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.express-create-pane .upload-option-btn:hover:not(:disabled){background:#6366f114;border-color:#6366f140}.express-create-pane .upload-option-btn.selected{background:#6366f11f;border-color:#6366f1}.express-create-pane .upload-option-btn:disabled{opacity:.5;cursor:not-allowed}.express-create-pane .upload-option-btn .option-icon{font-size:1.5rem;width:36px;text-align:center}.express-create-pane .upload-option-btn .option-label{font-size:.9rem;font-weight:500;color:#e0e0e0;display:block}.express-create-pane .upload-option-btn .option-desc{font-size:.75rem;color:#888;display:block;margin-top:2px}.express-create-pane .upload-option-btn.selected .option-label{color:#fff}.express-create-pane .upload-option-btn.selected .option-desc{color:#a5b4fc}.express-create-pane .file-upload-area{position:relative}.express-create-pane .file-upload-area input[type=file]{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.express-create-pane .file-upload-label{display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#ffffff05;border:2px dashed rgba(255,255,255,.15);border-radius:10px;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-align:center}.express-create-pane .file-upload-label:hover{background:#6366f10d;border-color:#6366f14d;color:#a5b4fc}.express-create-pane .file-upload-area.drag-over .file-upload-label{background:#6366f11a;border-color:#6366f1;border-style:solid;color:#a5b4fc}.express-create-pane .file-upload-area input:focus+.file-upload-label{border-color:#6366f1;outline:none}.express-create-pane .upload-note{margin:.25rem 0 0;font-size:.75rem;color:#666;font-style:italic}.express-create-pane .upload-note.lyrics-optional{margin-top:-.5rem;margin-bottom:.5rem;color:#888;text-align:center}.express-create-pane .ai-generated-checkbox{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;margin-bottom:.75rem;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s;font-size:.85rem;color:#ccc}.express-create-pane .ai-generated-checkbox:hover{background:#8b5cf624;border-color:#8b5cf659}.express-create-pane .ai-generated-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#8b5cf6;cursor:pointer}.express-create-pane .ai-generated-checkbox input[type=checkbox]:checked+span{color:#c4b5fd}.upload-confirmation-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.upload-confirmation-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem;box-shadow:0 20px 60px #00000080}.upload-confirmation-modal h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:#f0f0f0}.upload-confirmation-modal .confirmation-intro{margin:0 0 1rem;font-size:.9rem;color:#a0a0a0}.upload-confirmation-modal .confirmation-text{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem;margin-bottom:1.25rem}.upload-confirmation-modal .confirmation-text p{margin:0 0 .75rem;font-size:.85rem;color:silver;line-height:1.5}.upload-confirmation-modal .confirmation-text p:last-child{margin-bottom:0}.upload-confirmation-modal .confirmation-text strong{color:#e0e0e0}.upload-confirmation-modal .confirmation-text ul{margin:.5rem 0 1rem;padding-left:1.25rem}.upload-confirmation-modal .confirmation-text li{font-size:.85rem;color:silver;line-height:1.5;margin-bottom:.5rem}.upload-confirmation-modal .confirmation-text li:last-child{margin-bottom:0}.upload-confirmation-modal .confirmation-actions{display:flex;gap:.75rem;flex-wrap:wrap}.upload-confirmation-modal .confirmation-btn{flex:1;min-width:140px;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.upload-confirmation-modal .confirmation-btn.cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#a0a0a0}.upload-confirmation-modal .confirmation-btn.cancel:hover{background:#ffffff1a;color:#e0e0e0}.upload-confirmation-modal .confirmation-btn.agree{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.upload-confirmation-modal .confirmation-btn.agree:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #10b98166}.upload-confirmation-modal .confirmation-btn.agree:disabled{opacity:.4;cursor:not-allowed}.express-create-pane .generate-workflow-selector{display:flex;gap:.5rem}.express-create-pane .workflow-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:center}.express-create-pane .workflow-card:hover:not(:disabled){background:#6366f114;border-color:#6366f140}.express-create-pane .workflow-card.active{background:#6366f11f;border-color:#6366f1}.express-create-pane .workflow-card:disabled{opacity:.5;cursor:not-allowed}.express-create-pane .workflow-card .workflow-icon{font-size:1.5rem}.express-create-pane .workflow-card .workflow-title{font-size:.85rem;font-weight:600;color:#e0e0e0}.express-create-pane .workflow-card.active .workflow-title{color:#fff}.express-create-pane .workflow-card .workflow-desc{font-size:.7rem;color:#888}.express-create-pane .workflow-card.active .workflow-desc{color:#a5b4fc}.express-create-pane .lyrics-required-note{margin-top:-.5rem;margin-bottom:.5rem;color:#a5b4fc;text-align:center}.express-create-pane .scratch-upload-area .file-upload-label{min-height:80px}.express-create-pane .label-with-actions{display:flex;align-items:center;justify-content:space-between}.express-create-pane .caption-actions{display:flex;gap:.35rem}.express-create-pane .caption-action-btn{padding:.2rem .5rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0a;color:#999;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.express-create-pane .caption-action-btn:hover:not(:disabled){background:#6366f11f;border-color:#6366f159;color:#a5b4fc}.express-create-pane .caption-action-btn:disabled{opacity:.4;cursor:not-allowed}.express-create-pane .caption-action-btn.enhance-btn:hover:not(:disabled){background:#a855f71f;border-color:#a855f759;color:#c4b5fd}.express-create-pane .caption-action-btn.inspire-btn:hover:not(:disabled){background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24}.express-create-pane .prose-textarea.caption-flash,.express-create-pane .lyrics-input.caption-flash{animation:caption-flash-anim .6s ease}@keyframes caption-flash-anim{0%{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}50%{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}to{border-color:#333;box-shadow:none}}@media(max-width:480px){.upload-confirmation-modal .confirmation-actions{flex-direction:column}.upload-confirmation-modal .confirmation-btn{width:100%}.express-create-pane .generate-workflow-selector,.express-create-pane .settings-row{flex-direction:column}}.revise-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);border-radius:8px}.revise-banner-label{font-size:.8rem;font-weight:600;color:#a78bfa;white-space:nowrap}.revise-banner-title{flex:1;font-size:.8rem;color:#d4d4d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revise-banner-exit{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#a1a1aa;font-size:.7rem;padding:.2rem .5rem;cursor:pointer;white-space:nowrap;transition:all .15s ease}.revise-banner-exit:hover:not(:disabled){background:#ffffff1f;color:#d4d4d8}.revise-banner-exit:disabled{opacity:.5;cursor:not-allowed}.express-create-pane .form-group.field-locked{opacity:.7}.express-create-pane .form-group.field-locked input,.express-create-pane .form-group.field-locked textarea,.express-create-pane .form-group.field-locked select{cursor:not-allowed;background:#ffffff08}.express-create-pane .form-group.field-locked .chip-toggle{cursor:not-allowed;pointer-events:none}.ref-audio-section{display:flex;flex-direction:column;gap:.4rem}.ref-audio-label{font-size:.85rem;font-weight:500;color:#a0a0a0}.ref-audio-dropzone{display:flex;align-items:center;justify-content:center;padding:.75rem;border:1px dashed rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:all .15s ease}.ref-audio-dropzone:hover{border-color:#8b5cf666;background:#8b5cf60d}.ref-audio-dropzone.drag-over{border-color:#06b6d499;background:#06b6d414;color:#06b6d4b3}.ref-audio-dropzone-text{font-size:.8rem;color:#888}.ref-audio-file-info{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#22c55e14;border:1px solid rgba(34,197,94,.3);border-radius:6px}.ref-audio-file-check{color:#22c55e;font-size:.9rem;font-weight:700;flex-shrink:0}.ref-audio-filename{flex:1;font-size:.8rem;color:#d4d4d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-audio-clear{background:none;border:none;color:#888;font-size:1.1rem;cursor:pointer;padding:0 .2rem;line-height:1}.ref-audio-clear:hover{color:#ef4444}.ref-audio-locked{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:6px}.ref-audio-locked-icon{font-size:.8rem}.recording-booth-trigger{display:flex;align-items:center;gap:.4rem;width:100%;justify-content:center;padding:.5rem;margin-top:.35rem;background:#8b5cf614;border:1px dashed rgba(139,92,246,.3);border-radius:6px;color:#a78bfa;font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s}.recording-booth-trigger:hover{background:#8b5cf626;border-color:#8b5cf680}.ref-audio-locked-title{font-size:.8rem;color:#d4d4d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-audio-cover-toggle{display:flex;gap:.5rem;margin-top:.5rem}.cover-mode-btn{flex:1;padding:.4rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#888;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.cover-mode-btn:hover:not(:disabled):not(.active){background:#ffffff14;color:#bbb}.cover-mode-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.cover-mode-btn:disabled{opacity:.5;cursor:not-allowed}.song-item{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.song-item:hover{background:#6366f114;border-color:#6366f133}.song-item.selected{background:#6366f11f;border-color:#6366f14d}.song-item.disliked{opacity:.6}.song-item.unplayed .song-title:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#6366f1;margin-right:6px;flex-shrink:0;vertical-align:middle;box-shadow:0 0 6px #6366f180}.song-item .song-info{flex:1;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;min-width:0}.song-item .song-title{font-size:.9rem;font-weight:500;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-item .song-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#888;text-transform:capitalize}.song-item .new-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;background:#22c55e2e;border:1px solid rgba(34,197,94,.4);border-radius:10px;font-size:.6rem;font-weight:700;color:#4ade80;text-transform:uppercase;letter-spacing:.05em;animation:newBadgePulse 2s ease-in-out infinite}@keyframes newBadgePulse{0%,to{opacity:1}50%{opacity:.6}}.song-item .finished-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:10px;font-size:.65rem;font-weight:600;color:#a5b4fc;text-transform:uppercase;letter-spacing:.5px}.song-item .song-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.song-item .action-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;min-width:28px;height:28px;padding:0 .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;color:#888;font-size:.7rem;transition:all .2s ease}.song-item .action-btn:hover{background:#ffffff1a;color:#f0f0f0}.song-item .action-btn:disabled{opacity:.5;cursor:not-allowed}.song-item .action-btn.like:hover,.song-item .action-btn.like.active{background:#6366f126;border-color:#6366f14d;color:#818cf8}.song-item .action-btn.dislike:hover,.song-item .action-btn.dislike.active{background:#6b728033;border-color:#6b72804d;color:#9ca3af}.song-item .action-btn.regenerate:hover{background:#6366f126;border-color:#6366f14d;color:#8b5cf6}.song-item .action-btn.regenerate.spinning svg{animation:spin-regenerate 1s linear infinite}@keyframes spin-regenerate{to{transform:rotate(360deg)}}.song-item .action-btn.resing:hover{background:#6366f126;border-color:#6366f14d;color:#818cf8}.song-item .action-btn.resing-queued{background:#22c55e33;border-color:#22c55e66;color:#4ade80;cursor:default}.song-item .action-btn.enter-studio{background:#22c55e26;border-color:#22c55e59;color:#4ade80}.song-item .action-btn.enter-studio:hover{background:#22c55e40;border-color:#22c55e80;color:#86efac;transform:scale(1.05)}.song-item .action-btn.mixmaster{background:linear-gradient(135deg,#3b82f633,#9333ea33);border-color:#8b5cf680;color:#a78bfa}.song-item .action-btn.mixmaster:hover{background:linear-gradient(135deg,#3b82f659,#9333ea59);border-color:#8b5cf6b3;color:#c4b5fd;transform:scale(1.05)}.song-item .action-btn.publish{padding:0 .75rem}.song-item .action-btn.publish .publish-label{display:none}.song-item .action-btn.publish:hover{background:#6366f126;border-color:#6366f14d;color:#8b5cf6}.song-item .action-btn.archive:hover{background:#6b728026;border-color:#6b72804d;color:#9ca3af}.song-item .action-btn.archive.archived{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.song-item .action-btn.archive.archived:hover{background:#fbbf2440}.song-item .action-btn.variations{background:#a855f71f;border-color:#a855f740;color:#c084fc;padding:.2rem .5rem}.song-item .action-btn.variations:hover{background:#a855f733;border-color:#a855f766;color:#e2e8f0}.song-item .action-btn.variations .variations-count{font-size:.65rem;font-weight:700}.song-item .action-btn.variations.has-new{animation:version-pulse 1.8s ease-in-out infinite}@keyframes version-pulse{0%,to{opacity:1;background:#a855f71f;border-color:#a855f740;color:#c084fc}50%{opacity:1;background:#a855f759;border-color:#a855f7b3;color:#e9d5ff}}.song-item .action-btn.download{background:#14b8a626;border-color:#14b8a64d;color:#2dd4bf}.song-item .action-btn.download:hover{background:#14b8a640;border-color:#14b8a680;color:#5eead4}.song-item .action-btn.download.downloading{opacity:.6;cursor:wait}.song-item .archive-confirm{display:flex;align-items:center;gap:.35rem}.song-item .archive-confirm-text{font-size:.7rem;color:#fbbf24;white-space:nowrap}.song-item .archive-confirm-btn{padding:.15rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.1);font-size:.65rem;cursor:pointer;transition:all .15s}.song-item .archive-confirm-btn.yes{background:#ef444433;color:#ef4444;border-color:#ef44444d}.song-item .archive-confirm-btn.yes:hover{background:#ef444459}.song-item .archive-confirm-btn.no{background:#ffffff0d;color:#888}.song-item .archive-confirm-btn.no:hover{background:#ffffff1a;color:#f0f0f0}.song-item .song-title-input{font-size:.9rem;font-weight:500;color:#f0f0f0;background:#ffffff14;border:1px solid rgba(99,102,241,.5);border-radius:4px;padding:.15rem .4rem;outline:none;width:100%;font-family:inherit}.song-item .song-title-input:focus{border-color:#6366f1cc;background:#ffffff1a}.song-item .kebab-wrapper{position:relative}.song-item .action-btn.kebab:hover{background:#ffffff1a;color:#f0f0f0}.song-item .kebab-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#1e1e2e;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:100;min-width:140px;overflow:hidden}.song-item .kebab-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:#ccc;font-size:.8rem;cursor:pointer;transition:background .15s;text-align:left}.song-item .kebab-item:hover{background:#ffffff14;color:#f0f0f0}.song-item .kebab-item.delete{color:#ef4444}.song-item .kebab-item.delete:hover{background:#ef44441f;color:#f87171}.song-item .delete-confirm-overlay{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .6rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:6px}.song-item .delete-confirm-text{font-size:.75rem;font-weight:600;color:#f87171;white-space:nowrap}.song-item .delete-confirm-warning{font-size:.65rem;color:#ef444499;white-space:nowrap}.song-item .delete-confirm-btn{padding:.2rem .6rem;border-radius:4px;border:1px solid rgba(255,255,255,.1);font-size:.7rem;cursor:pointer;transition:all .15s}.song-item .delete-confirm-btn.yes{background:#ef444440;color:#ef4444;border-color:#ef444466}.song-item .delete-confirm-btn.yes:hover{background:#ef444466}.song-item .delete-confirm-btn.no{background:#ffffff0d;color:#888}.song-item .delete-confirm-btn.no:hover{background:#ffffff1a;color:#f0f0f0}@media(min-width:640px){.song-item .action-btn.publish .publish-label{display:inline}}.upgrade-gate-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upgrade-gate-modal{background:#1a1a2e;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:2rem;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf61a}.upgrade-gate-icon{color:#8b5cf6b3;margin-bottom:.75rem}.upgrade-gate-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.upgrade-gate-message{color:#ffffffb3;font-size:.85rem;line-height:1.5;margin:0 0 .75rem}.upgrade-gate-ownership{color:#fbbf24cc;font-size:.8rem;font-style:italic;line-height:1.4;margin:0 0 1.25rem;padding:.5rem .75rem;background:#fbbf2414;border-radius:8px;border:1px solid rgba(251,191,36,.15)}.upgrade-gate-actions{display:flex;gap:.75rem;justify-content:center}.upgrade-gate-btn{padding:.6rem 1.5rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.upgrade-gate-btn.upgrade{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.upgrade-gate-btn.upgrade:hover{background:linear-gradient(135deg,#9d6ff7,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.upgrade-gate-btn.dismiss{background:#ffffff0d;color:#ffffff80;border:1px solid rgba(255,255,255,.1)}.upgrade-gate-btn.dismiss:hover{background:#ffffff1a;color:#ffffffb3}@media(max-width:480px){.song-item .action-btn.regenerate,.song-item .action-btn.dislike{display:none}.song-item .song-actions{gap:.35rem}}.genre-picker-overlay{position:absolute;inset:0;background:#000000b3;border-radius:.5rem;display:flex;align-items:center;justify-content:center;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.genre-picker-modal{background:#1e2030;border-radius:.5rem;padding:.75rem;max-width:320px;width:90%}.genre-picker-title{font-size:.75rem;font-weight:700;color:#ccc;margin-bottom:.5rem;text-align:center}.genre-picker-grid{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.genre-picker-pill{background:#2a2d42;border:1px solid transparent;border-radius:1rem;padding:.2rem .55rem;font-size:.65rem;color:#aaa;cursor:pointer;transition:all .15s}.genre-picker-pill:hover{background:#363a52;color:#ddd}.genre-picker-pill.active{background:#6366f140;border-color:#6366f180;color:#a5b4fc}.genre-badge{margin-left:.4rem;font-size:.6rem;color:#8a8fa8;background:#8a8fa81a;padding:1px 6px;border-radius:4px}.queue-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#6366f10f;border:1px solid rgba(99,102,241,.15);border-radius:10px;animation:queue-card-fade-in .3s ease}.queue-card.completed{border-color:#22c55e4d;background:#22c55e0f}.queue-card.failed{border-color:#ef44444d;background:#ef44440f}@keyframes queue-card-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.queue-card-thumb{width:40px;height:40px;border-radius:6px;background:#6366f11a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.queue-card.generating .queue-card-thumb,.queue-card.submitting .queue-card-thumb{animation:queue-thumb-pulse 1.5s ease-in-out infinite}@keyframes queue-thumb-pulse{0%,to{background:#6366f11a}50%{background:#6366f140}}.queue-card-spinner{width:20px;height:20px;border:2px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.queue-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.queue-card-title{font-size:.85rem;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-card-status{font-size:.75rem;color:#94a3b8}.queue-card.failed .queue-card-status{color:#f87171}.queue-card-progress{display:flex;align-items:center;gap:.5rem;margin-top:.15rem}.queue-card-progress-bg{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.queue-card-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .5s ease}.queue-card-progress-text{font-size:.7rem;color:#888;min-width:2rem;text-align:right}.queue-card-cancel{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;flex-shrink:0}.queue-card-cancel:hover{color:#ef4444;background:#ef44441a}.queue-card-dismiss{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;flex-shrink:0}.queue-card-dismiss:hover{color:#e2e8f0;background:#ffffff14}.sep-queue-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#6366f10f;border:1px solid rgba(99,102,241,.15);border-radius:10px;animation:sep-card-fade-in .3s ease}.sep-queue-card.completed{border-color:#22c55e4d;background:#22c55e0f}.sep-queue-card.failed{border-color:#ef44444d;background:#ef44440f}@keyframes sep-card-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sep-queue-thumb{flex-shrink:0;border-radius:6px;overflow:hidden}.sep-queue-thumb.pulsing{animation:sep-thumb-pulse 1.5s ease-in-out infinite}@keyframes sep-thumb-pulse{0%,to{opacity:1}50%{opacity:.6}}.sep-queue-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.sep-queue-title{font-size:.85rem;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sep-queue-tag{font-size:.65rem;font-weight:600;color:#818cf8;background:#6366f126;padding:.1rem .4rem;border-radius:4px;margin-left:.4rem;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.sep-queue-status{font-size:.75rem;color:#94a3b8}.sep-queue-card.failed .sep-queue-status{color:#f87171}.sep-queue-card.completed .sep-queue-status{color:#4ade80}.sep-queue-progress{display:flex;align-items:center;gap:.5rem;margin-top:.15rem}.sep-queue-progress-bg{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.sep-queue-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .5s ease}.sep-queue-progress-text{font-size:.7rem;color:#888;min-width:2rem;text-align:right}.sep-queue-enter-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#22c55e26;border:1px solid rgba(34,197,94,.35);border-radius:6px;color:#4ade80;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.sep-queue-enter-btn:hover{background:#22c55e40;border-color:#22c55e80;color:#86efac;transform:scale(1.03)}.sep-queue-dismiss{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease;flex-shrink:0}.sep-queue-dismiss:hover{color:#e2e8f0;background:#ffffff14}.express-library{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.express-library .library-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);background:#12121f4d}.express-library .library-title{font-size:1.1rem;font-weight:600;color:#e0e0e0;margin:0}.express-library .library-count{font-size:.8rem;color:#888;background:#6366f126;padding:.25rem .6rem;border-radius:12px}.express-library .library-filters{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);background:#12121f33}.express-library .filter-tab{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#888;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.express-library .filter-tab:hover{background:#ffffff0d;border-color:#ffffff26;color:#b0b0b0}.express-library .filter-tab.active{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.express-library .filter-tab .filter-count{font-size:.7rem;padding:.1rem .4rem;background:#ffffff14;border-radius:8px;color:#666}.express-library .filter-tab.active .filter-count{background:#6366f140;color:#a5b4fc}.express-library .filter-tab.published{color:#5eead4;border-color:#5eead426}.express-library .filter-tab.published.active{background:#5eead41a;color:#5eead4;border-color:#5eead44d}.express-library .filter-tab.published .filter-count{background:#5eead41f;color:#5eead4}.express-library .filter-tab.nudge{color:#d4a574;border-color:#d4a57426}.express-library .filter-tab.nudge.active{background:#d4a5741a;color:#d4a574;border-color:#d4a5744d}.express-library .filter-tab.nudge .filter-count{background:#d4a5741f;color:#d4a574}.express-library .library-search{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;position:relative}.express-library .library-search-icon{position:absolute;left:1.5rem;opacity:.4;pointer-events:none}.express-library .library-search-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#e0e0e0;font-size:.78rem;padding:.4rem .6rem .4rem 1.8rem;outline:none;transition:border-color .15s}.express-library .library-search-input:focus{border-color:#6366f180}.express-library .library-search-input::placeholder{color:#ffffff40}.express-library .library-search-clear{position:absolute;right:1.4rem;background:none;border:none;color:#ffffff4d;cursor:pointer;padding:2px;display:flex;align-items:center}.express-library .library-search-clear:hover{color:#fff9}.express-library .library-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.express-library .library-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.6rem 1rem;border-top:1px solid rgba(255,255,255,.06)}.express-library .pagination-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:silver;font-size:.72rem;padding:.3rem .8rem;border-radius:5px;cursor:pointer;transition:all .15s}.express-library .pagination-btn:hover:not(:disabled){background:#6366f126;border-color:#6366f166;color:#e0e0e0}.express-library .pagination-btn:disabled{opacity:.3;cursor:default}.express-library .pagination-info{font-size:.72rem;color:#fff6}.express-library .library-list::-webkit-scrollbar{width:6px}.express-library .library-list::-webkit-scrollbar-track{background:transparent}.express-library .library-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.express-library .library-list::-webkit-scrollbar-thumb:hover{background:#fff3}.express-library.empty{display:flex;flex-direction:column;flex:1;height:100%;background:linear-gradient(180deg,#12121f80,#0a0a1480)}.express-library.empty .library-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%}.express-library .library-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;max-width:300px;margin:0 auto}.express-library .empty-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#6366f114;border-radius:50%;color:#6366f1;opacity:.5}.express-library .empty-title{font-size:1.25rem;font-weight:600;color:#e0e0e0;margin:0}.express-library .empty-hint{font-size:.9rem;color:#888;line-height:1.5}.progress-overlay{position:fixed;inset:0;background:#0a0a14;display:flex;align-items:center;justify-content:center;z-index:100}.progress-overlay-content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:400px;width:90%;text-align:center}.progress-overlay-content h3{font-size:1.3rem;color:#67e8f9;margin:0;font-weight:600;letter-spacing:.01em}.progress-overlay-message{font-size:.9rem;color:#67e8f9;margin:0;opacity:.7;line-height:1.4}.progress-overlay-bar-container{display:flex;align-items:center;gap:.75rem;width:100%}.progress-overlay-bar-bg{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.progress-overlay-bar-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#67e8f9);border-radius:2px;transition:width .3s ease}.progress-overlay-pct{font-size:.8rem;color:#fff6;min-width:36px;text-align:right}.progress-overlay-note{font-size:.75rem;color:#ffffff4d;margin:0}.progress-overlay-spinner{width:48px;height:48px;border:3px solid rgba(103,232,249,.15);border-top-color:#67e8f9;border-radius:50%;animation:progress-overlay-spin .8s linear infinite}@keyframes progress-overlay-spin{to{transform:rotate(360deg)}}.express-calibration{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.express-calibration .calibration-content{background:#1a1a2e;border-radius:12px;padding:24px 32px;max-width:560px;width:90%;max-height:90vh;overflow-y:auto;text-align:center}.express-calibration h2{margin:0 0 16px;color:#fff;font-size:24px}.express-calibration p{color:#aaa;margin:0 0 16px;line-height:1.5}.calibration-steps-list{text-align:left;margin:16px 0}.cal-step{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:#ccc;font-size:14px}.cal-step-num{width:28px;height:28px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.calibration-visual{width:100%;height:auto;border-radius:6px;margin:12px auto;display:block;border:1px solid rgba(255,255,255,.1)}.calibration-note{color:#888;font-size:14px}.calibration-warning{background:#fbbf2426;border:1px solid rgba(251,191,36,.4);border-radius:8px;padding:12px 16px;color:#fcd34d;font-size:14px;text-align:center;margin-bottom:16px}.calibration-tip{background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:10px 14px;color:#93c5fd;font-size:13px;text-align:left}.calibration-buttons{display:flex;gap:12px;justify-content:center;margin-top:16px}.cal-btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.cal-btn.primary{background:#3b82f6;color:#fff}.cal-btn.primary:hover{background:#2563eb}.cal-btn.secondary{background:#333;color:#ccc}.cal-btn.secondary:hover{background:#444}.cal-btn.cancel{background:transparent;color:#888;border:1px solid #444}.cal-btn.cancel:hover{background:#222}.calibration-progress{margin:24px 0}.progress-bar{height:8px;background:#333;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#3b82f6;transition:width .3s}.calibration-status{color:#888;font-size:14px}.calibration-measurements{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0}.measurement{background:#2a2a4a;padding:4px 12px;border-radius:16px;color:#8b8bf5;font-size:14px}.measurements-label{color:#666;font-size:12px;width:100%;margin-bottom:4px}.calibration-result{background:#1e3a5f;border-radius:12px;padding:24px;margin:24px 0}.result-label{display:block;color:#888;font-size:14px;margin-bottom:8px}.result-value{display:block;color:#4ade80;font-size:48px;font-weight:700}.calibration-error{color:#f87171;white-space:pre-line;text-align:left;background:#f871711a;padding:16px;border-radius:8px;margin:16px 0}.calibration-manual-fallback{background:#1e1e3a;border-radius:8px;padding:16px;margin:16px 0;text-align:left}.calibration-manual-fallback p{margin:0 0 12px;color:#aaa}.calibration-manual-fallback ul{margin:0 0 16px;padding-left:20px;color:#888;font-size:14px}.calibration-manual-fallback li{margin-bottom:4px}.manual-latency-input{display:flex;align-items:center;gap:8px}.latency-input{width:80px;padding:8px 12px;border-radius:6px;border:1px solid #444;background:#2a2a4a;color:#fff;font-size:16px;text-align:center}.latency-input:focus{outline:none;border-color:#3b82f6}.manual-latency-input span{color:#888}.express-studio{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;background:#0f0f1a;border-radius:12px;min-height:500px}.studio-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.studio-header-left{display:flex;align-items:center;gap:1rem}.studio-header h3{margin:0;color:#fff;font-size:1.25rem}.studio-song-title{color:#e0e0e8;font-size:1.1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.regen-inline-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(99,102,241,.3);color:#818cf8;font-size:.75rem;padding:.25rem .75rem;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.regen-inline-btn:hover:not(:disabled){background:#6366f11a;border-color:#818cf8}.regen-inline-btn:disabled{opacity:.4;cursor:not-allowed}.regen-variation-label{font-size:.7rem;color:#666;white-space:nowrap}.studio-header-actions{display:flex;align-items:center;gap:1rem}.studio-exit-btn{display:flex;align-items:center;gap:.4rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.4rem .75rem;cursor:pointer;color:#aaa;font-size:.85rem;font-weight:500;transition:all .2s}.studio-exit-btn:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.studio-exit-btn svg{opacity:.8}.studio-settings-btn{background:#ffffff1a;border:none;border-radius:8px;padding:.5rem;cursor:pointer;color:#888;transition:all .2s;display:flex;align-items:center;justify-content:center}.studio-settings-btn:hover{background:#fff3;color:#fff}.studio-step-indicator{display:flex;gap:1.5rem}.studio-step-indicator span{color:#666;font-size:.875rem;position:relative;padding-left:1.5rem}.studio-step-indicator span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:2px solid #444;background:transparent}.studio-step-indicator span.active{color:#a5b4fc}.studio-step-indicator span.active:before{border-color:#6366f1;background:#6366f1}.studio-step-indicator span.completed{color:#10b981}.studio-step-indicator span.completed:before{border-color:#10b981;background:#10b981}.studio-settings-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.studio-settings-modal{background:#1a1a2e;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.studio-settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.studio-settings-header h4{margin:0;color:#fff;font-size:1.1rem}.studio-settings-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.studio-settings-close:hover{color:#fff}.studio-settings-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.settings-section{display:flex;flex-direction:column;gap:.5rem}.settings-label{display:flex;align-items:center;gap:.5rem;color:#ccc;font-size:.9rem;font-weight:500}.settings-label svg{color:#6366f1}.settings-select{padding:.75rem 1rem;background:#0f0f1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:border-color .2s}.settings-select:hover{border-color:#fff3}.settings-select:focus{outline:none;border-color:#6366f1}.settings-level-meter{height:8px;background:#0000004d;border-radius:4px;overflow:hidden;margin-top:.25rem}.settings-level-fill{height:100%;background:linear-gradient(90deg,#10b981,#22c55e);border-radius:4px;transition:width .05s linear}.settings-monitor-row{display:flex;align-items:center;gap:.75rem}.settings-monitor-btn{padding:.5rem 1rem;background:#333;border:1px solid #444;border-radius:6px;color:#888;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:50px}.settings-monitor-btn:hover{background:#444}.settings-monitor-btn.active{background:#10b981;border-color:#10b981;color:#fff}.settings-hint{font-size:.75rem;color:#888}.settings-latency-row{display:flex;align-items:center;gap:.75rem}.settings-latency-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;cursor:pointer}.settings-latency-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#6366f1;border-radius:50%;cursor:pointer}.settings-latency-value{min-width:50px;text-align:right;font-size:.85rem;color:#a5b4fc;font-family:Monaco,Consolas,monospace;cursor:pointer;padding:.15rem .3rem;border-radius:4px;border:1px solid transparent;transition:all .15s}.settings-latency-value:hover:not(.disabled){border-color:#6366f166;background:#6366f11a}.settings-latency-value.disabled{opacity:.5;cursor:default}.settings-latency-slider.disabled{opacity:.4;cursor:default}.settings-latency-slider.disabled::-webkit-slider-thumb{cursor:default}.settings-latency-input{width:60px;text-align:right;font-size:.85rem;color:#a5b4fc;font-family:Monaco,Consolas,monospace;background:#0000004d;border:1px solid #6366f1;border-radius:4px;padding:.15rem .3rem;outline:none}.settings-latency-input:focus{box-shadow:0 0 0 2px #6366f14d}.calibrate-btn{margin-top:.75rem;padding:.5rem 1rem;font-size:.85rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.calibrate-btn:hover{background:#2563eb}.settings-remember{padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.settings-checkbox-label{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.85rem;cursor:pointer}.settings-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1}.settings-checkbox-label.latency-auto-detect{margin-bottom:.5rem}.settings-hint-inline{font-size:.7rem;color:#666;margin-left:.25rem}.settings-hint-warning{display:block;margin-top:.5rem;color:#a78bfa;font-style:italic}.studio-settings-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}.studio-setup{display:flex;justify-content:center;align-items:center;flex:1;padding:2rem}.setup-card{max-width:400px;text-align:center;padding:2rem;background:#1a1a2e;border-radius:12px}.setup-card h4{color:#fff;margin:0 0 .5rem;font-size:1.25rem}.setup-card p{color:#888;margin:0 0 1.5rem;font-size:.9rem}.setup-card .express-btn{margin-top:1.5rem}.studio-timeline{background:#1a1a2e;border-radius:8px;padding:.75rem;overflow-x:auto;min-width:0;position:relative}.timeline-zoom-content{min-width:100%}.zoom-indicator{position:sticky;left:0;top:0;float:right;background:#6366f1e6;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;z-index:20;display:inline-flex;align-items:center;gap:4px}.zoom-reset-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1rem;line-height:1;padding:0 2px}.zoom-reset-btn:hover{color:#fff}.timeline-ruler{position:relative;height:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.25rem}.ruler-mark{position:absolute;transform:translate(-50%)}.ruler-mark span{font-size:.75rem;color:#666}.section-strip-track{margin-bottom:0!important}.section-strip-content{height:28px!important;background:#ffffff05!important;overflow:visible!important}.section-strip-block{position:absolute;top:0;bottom:0;border-left:3px solid;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0 6px;transition:filter .15s,box-shadow .15s;overflow:hidden;white-space:nowrap}.section-strip-block:hover{filter:brightness(1.4)}.section-strip-block.selected{box-shadow:inset 0 0 0 1px #ffffff4d;filter:brightness(1.3)}.section-strip-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.section-strip-bars{font-size:.6rem;color:#fff6}.section-type-picker{position:absolute;top:100%;margin-top:2px;z-index:50;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:2px;display:flex;flex-direction:column;gap:1px;min-width:120px;box-shadow:0 8px 24px #00000080}.section-type-picker button{display:block;width:100%;padding:4px 8px;font-size:.7rem;color:#ccc;background:transparent;border:none;border-left:3px solid;text-align:left;cursor:pointer;border-radius:3px}.section-type-picker button:hover{background:#ffffff14}.section-type-picker button.active{background:#ffffff1f;color:#fff;font-weight:600}.section-boundary-handle{position:absolute;right:-4px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:5;display:flex;align-items:center;justify-content:center}.section-boundary-handle:after{content:"";width:2px;height:60%;background:#fff3;border-radius:1px;transition:background .15s,height .15s}.section-boundary-handle:hover:after,.section-boundary-handle.dragging:after{background:#fff9;height:80%}.section-strip-track.dragging-boundary{cursor:col-resize}.section-strip-track.dragging-boundary .section-strip-block{pointer-events:none}.section-edit-bar{display:flex;align-items:center;justify-content:space-between;padding:.2rem .5rem;background:#8b5cf614;border:1px solid rgba(139,92,246,.25);border-radius:6px;margin-bottom:.25rem;gap:.5rem}.section-edit-left{display:flex;align-items:center;gap:.5rem}.section-edit-info{font-size:.75rem;color:#888}.section-type-select-wrap{position:relative}.section-type-select-btn{padding:.15rem .5rem;font-size:.75rem;font-weight:600;color:#ddd;background:#ffffff0f;border:none;border-left:3px solid;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.3rem}.section-type-select-btn:hover{background:#ffffff1a}.dropdown-arrow{font-size:.6rem;color:#888}.section-type-select-wrap .section-type-picker{position:absolute;top:100%;left:0;margin-top:2px}.section-edit-action{padding:.15rem .4rem;font-size:.7rem;color:#aaa;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .15s}.section-edit-action:hover{background:#ffffff1a;color:#ddd}.section-edit-action.delete:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.repaint-btn{padding:.25rem .75rem;font-size:.8rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.repaint-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px)}.repaint-btn:disabled{opacity:.5;cursor:not-allowed}.timeline-track{display:flex;margin-bottom:.25rem}.timeline-track:last-child{margin-bottom:0}.track-header{width:140px;flex-shrink:0;padding:.25rem .5rem;display:flex;flex-direction:column;gap:.2rem;justify-content:center}.track-name{font-size:.8rem;color:#a5b4fc;font-weight:500}.track-volume{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;cursor:pointer}.track-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#6366f1;border-radius:50%;cursor:pointer}.track-content{flex:1;height:50px;background:#ffffff08;border-radius:4px;position:relative;cursor:pointer;overflow:hidden;min-width:0}.track-content.comp-mode{height:auto;min-height:50px;overflow:visible}.track-content>.waveform-display{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.track-content:hover{background:#ffffff0d}.vocal-track .track-name{color:#f97316}.ai-vocals-track .track-name{color:#a855f7}.ai-track-header{flex-direction:row;align-items:center;gap:.4rem;padding:0 .35rem}.ai-track-hide-btn{width:18px;height:18px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:3px;color:#555;font-size:.8rem;line-height:1;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-track-hide-btn:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.ai-track-mute-btn{width:20px;height:20px;background:#a855f726;border:1px solid rgba(168,85,247,.25);border-radius:3px;color:#a855f7;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-track-mute-btn:hover{background:#a855f740}.ai-track-mute-btn.muted{background:#ef444426;border-color:#ef444440;color:#ef4444}.ai-reference-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;background:transparent;border:1px dashed rgba(168,85,247,.2);border-radius:4px;color:#666;font-size:.7rem;cursor:pointer;transition:all .2s;margin-bottom:.25rem}.ai-reference-toggle:hover{background:#a855f70f;border-color:#a855f759;color:#a855f7}.ai-toggle-icon{font-size:.75rem;opacity:.6}.track-mute-btn{background:#a855f733;border:1px solid rgba(168,85,247,.3);border-radius:3px;padding:.15rem .4rem;font-size:.7rem;cursor:pointer;transition:all .2s}.track-mute-btn:hover{background:#a855f74d}.track-mute-btn.muted{background:#ef444433;border-color:#ef44444d}.track-muted-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;pointer-events:none}.track-muted-overlay span{color:#ef4444;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-shadow:0 0 8px rgba(239,68,68,.4);padding:.15rem .5rem;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:3px}.vocal-waveform-container{display:flex;align-items:center;height:100%;overflow:hidden}.vocal-waveform-container canvas,.vocal-waveform-container svg{width:100%!important;height:100%}.vocal-waveform-container.recording{min-width:2px}.vocal-waveform-container.recording canvas{width:100%!important;height:100%!important}.vocal-waveform-container.base-take{opacity:.9;pointer-events:none}.vocal-waveform-container.punch-overlay{background:#112;opacity:1;z-index:10;pointer-events:none}.empty-track{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:.875rem;font-style:italic;pointer-events:none}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none;z-index:50;box-shadow:0 0 4px #ffffff80}.studio-transport{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;padding:.75rem 1.25rem;background:linear-gradient(180deg,#1e1e32,#16162a);border:1px solid rgba(255,255,255,.06);border-radius:10px}.transport-time{font-family:Monaco,Consolas,monospace;font-size:.95rem;color:#8b9fd4;white-space:nowrap;letter-spacing:.5px}.transport-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0}.transport-loading{display:flex;align-items:center;gap:10px;color:#8b9fd4;font-size:.85rem;padding:6px 16px;background:#8b9fd414;border-radius:8px;border:1px solid rgba(139,159,212,.15)}.transport-loading-spinner{width:16px;height:16px;border:2px solid rgba(139,159,212,.2);border-top-color:#8b9fd4;border-radius:50%;animation:transport-spin .8s linear infinite}@keyframes transport-spin{to{transform:rotate(360deg)}}.range-action-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06);position:sticky;left:0;width:calc(100% / var(--zoom-level, 1));box-sizing:border-box;z-index:25}.range-action-group{display:flex;align-items:center;gap:.4rem;padding:0 .5rem;border-right:1px solid rgba(255,255,255,.08)}.range-action-group:last-child{border-right:none}.transport-buttons .transport-btn,.range-action-row .transport-btn{width:auto;height:auto;border-radius:6px}.transport-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;background:#ffffff0f;color:#ccc;white-space:nowrap;flex-shrink:0;line-height:1}.transport-btn svg{flex-shrink:0}.transport-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff2e;color:#fff}.transport-btn:disabled{opacity:.4;cursor:default}.transport-btn.play{background:#6366f1;border-color:#7c7ff7;color:#fff;padding:.5rem 1.25rem}.transport-btn.play:hover:not(:disabled){background:#5558e3;border-color:#8b8ef9}.transport-btn.record{padding:.5rem 1.5rem;min-width:6.5rem;background:#ef44441f;border-color:#ef44444d}.transport-btn.record svg{color:#ef4444}.transport-btn.record:hover:not(:disabled){background:#ef44442e;border-color:#ef444466}.transport-btn.record:hover:not(:disabled) svg{color:#f87171}.transport-btn.rerecord{font-size:.8rem}.marker-group{display:flex;align-items:center;gap:.25rem;margin-left:.5rem;padding-left:.5rem;border-left:1px solid rgba(255,255,255,.08)}.transport-btn.marker-btn{font-size:.7rem;padding:.2rem .4rem;color:#888;font-family:SF Mono,Fira Code,monospace;min-width:2.5rem;text-align:center}.transport-btn.marker-btn.set{color:#a78bfa;border-color:#8b5cf64d;background:#8b5cf614}.transport-btn.marker-btn:hover:not(:disabled){color:#c4b5fd;border-color:#8b5cf680}.transport-btn.marker-clear{font-size:.7rem;padding:.2rem .3rem;color:#666}.marker-track-select{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#a78bfa;font-size:.65rem;padding:.15rem .2rem;cursor:pointer;font-family:inherit}.transport-btn.mute-range{font-size:.8rem;color:#f59e0b;border-color:#f59e0b4d}.transport-btn.mute-range:hover:not(:disabled){background:#f59e0b2e;border-color:#f59e0b66}.transport-btn.unmute-range{font-size:.8rem;color:#22c55e;border-color:#22c55e4d}.transport-btn.unmute-range:hover:not(:disabled){background:#22c55e2e;border-color:#22c55e66}.range-action-bar{display:flex;gap:4px;white-space:nowrap}.transport-btn.range-cancel-btn{margin-left:auto;opacity:.6;font-size:.8rem;padding:.35rem .6rem}.transport-btn.range-cancel-btn:hover{opacity:1}.transport-btn.repaint-btn{font-size:.8rem;font-weight:600;color:#c084fc;border-color:#c084fc59;background:#7c3aed1f}.transport-btn.repaint-btn:hover:not(:disabled){background:#7c3aed40;border-color:#c084fc80;color:#d8b4fe}.transport-btn.repaint-btn:disabled{opacity:.5;cursor:not-allowed}.transport-btn.fx-btn{font-size:.75rem;color:var(--fx-color, #a855f7);border-color:color-mix(in srgb,var(--fx-color, #a855f7) 40%,transparent)}.transport-btn.fx-btn:hover:not(:disabled){background:color-mix(in srgb,var(--fx-color, #a855f7) 18%,transparent);border-color:color-mix(in srgb,var(--fx-color, #a855f7) 50%,transparent)}.fx-gater-group{display:inline-flex;gap:2px;margin-left:4px;padding-left:6px;border-left:1px solid rgba(255,255,255,.1);align-items:center}.transport-btn.gater-speed-btn{font-size:.7rem;font-weight:600;min-width:32px;text-align:center;color:#94a3b8;border-color:#94a3b84d}.transport-btn.gater-speed-btn:hover:not(:disabled){background:#94a3b826;color:#cbd5e1}.transport-btn.gater-speed-btn.gater-rate-active{color:#ec4899;border-color:#ec489966}.transport-btn.fx-clear-btn{font-size:.75rem;color:#94a3b8;border-color:#94a3b84d}.transport-btn.fx-clear-btn:hover:not(:disabled){background:#94a3b826;border-color:#94a3b866;color:#ef4444}.transport-btn.recording{background:#dc2626;border-color:#ef4444;color:#fff;animation:pulse-rec 1.5s ease-in-out infinite}.transport-btn.recording svg{color:#fff}.transport-btn.preroll{background:#d97706;border-color:#f59e0b;color:#fff}.transport-btn.preroll svg{color:#fff}.punch-mode-toggle{display:inline-flex;border:1px solid rgba(255,255,255,.15);border-radius:4px;overflow:hidden}.punch-mode-btn{background:#ffffff0f;border:none;color:#8b949e;font-size:.7rem;padding:2px 8px;cursor:pointer;transition:background .15s,color .15s}.punch-mode-btn:first-child{border-right:1px solid rgba(255,255,255,.1)}.punch-mode-btn:hover{background:#ffffff1f;color:#c9d1d9}.punch-mode-btn.active{background:#ef444433;color:#ef4444;font-weight:600}@keyframes pulse-rec{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}.transport-actions{white-space:nowrap}.monitoring-indicator{font-size:.875rem;color:#10b981}.takes-panel{background:#1a1a2e;border-radius:8px;padding:1rem}.takes-panel h4{margin:0 0 .75rem;color:#fff;font-size:.9rem}.takes-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.take-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#2a2a3e;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .2s}.take-item:hover{background:#3a3a4e}.take-item.selected{border-color:#f97316;background:#f973161a}.take-number{font-size:.875rem;color:#fff}.take-delete{background:none;border:none;color:#666;font-size:1rem;cursor:pointer;padding:0;line-height:1}.take-delete:hover{color:#ef4444}.take-offset{font-size:.75rem;color:#a78bfa;margin-left:auto;margin-right:.25rem}.nudge-controls-wrapper{display:flex;align-items:center;gap:.35rem;margin-left:auto}.nudge-controls{display:flex;align-items:center;gap:.25rem;border:1px solid #3a3a4e;border-radius:6px;padding:.2rem .4rem}.nudge-help{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;font-size:.5rem;font-weight:700;color:#555;border:1px solid #444;border-radius:50%;cursor:help;flex-shrink:0;margin-left:.25rem}.nudge-label{font-size:.75rem;color:#888;margin-right:.25rem}.nudge-btn{background:#2a2a3e;border:1px solid #3a3a4e;color:#ccc;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-family:monospace;min-width:28px;text-align:center}.nudge-btn:hover{background:#3a3a4e;color:#fff}.nudge-value{font-size:.75rem;color:#a78bfa;min-width:44px;text-align:center;font-family:monospace}.track-volume-container{display:flex;align-items:center;gap:.25rem}.track-volume.boosted::-webkit-slider-thumb{background:#f59e0b!important}.track-volume-label{font-size:.65rem;color:#888;min-width:32px;font-family:monospace}.track-volume-label.boosted{color:#f59e0b}.harmony-volume-container{margin-left:.5rem;padding-left:.5rem;border-left:1px solid rgba(139,92,246,.3)}.harmony-volume-prefix{color:#8b5cf6;min-width:auto;font-size:.7rem}.harmony-volume::-webkit-slider-thumb{background:#8b5cf6!important}.harmony-volume.boosted::-webkit-slider-thumb{background:#a78bfa!important}.harmony-volume-label{color:#8b5cf6}.harmony-volume-label.boosted{color:#a78bfa}.calibration-prompt.latency-guidance{text-align:left}.calibration-prompt.latency-guidance h3,.calibration-prompt.latency-guidance .calibration-prompt-buttons{text-align:center}.latency-guidance-steps{margin:.75rem 0;padding-left:1.5rem;line-height:1.7;color:#ccc;font-size:.9rem}.latency-guidance-steps li{margin-bottom:.3rem}.latency-guidance-dismiss{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.8rem;color:#888;cursor:pointer}.latency-guidance-dismiss input{cursor:pointer}.vocal-waveform-container.draggable{cursor:grab}.vocal-waveform-container.draggable:active{cursor:grabbing}.muted-region-overlay{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,#ef444440,#ef444440 3px,#ef444414 3px 6px);border-left:1px solid rgba(239,68,68,.5);border-right:1px solid rgba(239,68,68,.5);z-index:5;cursor:pointer;transition:background .15s}.muted-region-overlay:hover{background:repeating-linear-gradient(45deg,#ef444459,#ef444459 3px,#ef444426 3px 6px)}.fx-region-indicator{position:absolute;bottom:0;height:4px;background:var(--fx-color, #a855f7);opacity:.85;z-index:6;cursor:pointer;border-radius:1px;transition:opacity .15s,height .15s}.fx-region-indicator:hover{opacity:1;height:6px}.harmony-region-indicator{position:absolute;bottom:4px;height:4px;background:var(--harmony-color, #d4a017);opacity:.85;z-index:6;cursor:pointer;border-radius:1px;transition:opacity .15s,height .15s}.harmony-region-indicator:hover{opacity:1;height:6px}.transport-btn.harmony-btn{font-size:.75rem;color:var(--harmony-color, #d4a017);border-color:color-mix(in srgb,var(--harmony-color, #d4a017) 40%,transparent)}.transport-btn.harmony-btn:hover:not(:disabled){background:color-mix(in srgb,var(--harmony-color, #d4a017) 18%,transparent);border-color:color-mix(in srgb,var(--harmony-color, #d4a017) 50%,transparent)}.toolbar-separator{color:#475569;font-size:.75rem;margin:0 2px;-webkit-user-select:none;user-select:none}.harmony-preset-menu{position:absolute;bottom:100%;left:0;min-width:220px;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:4px;z-index:100;box-shadow:0 -4px 16px #0006;margin-bottom:4px}.harmony-preset-item{display:flex;flex-direction:column;width:100%;padding:6px 10px;background:none;border:none;color:#e2e8f0;text-align:left;cursor:pointer;border-radius:4px;font-size:.8rem;line-height:1.3}.harmony-preset-item:hover{background:#d4a01726}.harmony-preset-item strong{color:#d4a017;font-size:.8rem}.harmony-preset-desc{color:#94a3b8;font-size:.7rem;margin-top:1px}.range-selection-overlay{position:absolute;top:0;bottom:0;background:#60a5fa59;border-left:2px solid rgba(96,165,250,1);border-right:2px solid rgba(96,165,250,1);border-top:1px solid rgba(96,165,250,.7);border-bottom:1px solid rgba(96,165,250,.7);z-index:20;pointer-events:none}.instrumental-muted-region{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,#00000059 0px 4px,#0000001a 4px 8px);border:1px solid rgba(0,0,0,.4);z-index:5;pointer-events:none}.instrumental-fade-region{position:absolute;top:0;bottom:0;z-index:5;pointer-events:none}.instrumental-fade-region.fade-in{background:linear-gradient(to right,rgba(99,102,241,.45),transparent);border-left:2px solid rgba(99,102,241,.7)}.instrumental-fade-region.fade-out{background:linear-gradient(to left,rgba(99,102,241,.45),transparent);border-right:2px solid rgba(99,102,241,.7)}.instrumental-trim-overlay{position:absolute;top:0;bottom:0;background:#0000008c;pointer-events:none;z-index:5}.instrumental-trim-marker{position:absolute;top:0;bottom:0;width:2px;background:#f87171;z-index:7;pointer-events:none}.instrumental-trim-marker:after{content:"▶";position:absolute;top:2px;left:-8px;font-size:10px;color:#f87171}.instrumental-range-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.4rem .75rem;background:#6366f10f;border-bottom:1px solid rgba(99,102,241,.15);position:sticky;left:0;width:fit-content;z-index:25}.instrumental-range-toolbar .transport-btn{width:auto;height:auto;border-radius:6px;border:1px solid rgba(255,255,255,.12);padding:.3rem .7rem;font-size:.78rem;font-weight:500;white-space:nowrap}.range-toolbar-label{font-size:.72rem;color:#94a3b8;margin-right:.25rem;white-space:nowrap}.trim-end-btn{background:#ef444426!important;color:#fca5a5!important;border-color:#ef44444d!important}.trim-restore-btn{background:#22c55e26!important;color:#86efac!important;border-color:#22c55e4d!important}.instrumental-trim-notice{display:flex;align-items:center;gap:.5rem;padding:.2rem .75rem;font-size:.72rem;color:#fca5a5;background:#ef44440f;border-bottom:1px solid rgba(239,68,68,.12)}.trim-restore-inline{background:none;border:1px solid rgba(239,68,68,.4);border-radius:3px;color:#fca5a5;font-size:.7rem;padding:.1rem .4rem;cursor:pointer;transition:background .12s}.trim-restore-inline:hover{background:#ef444426}.range-toolbar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.35rem 0}.range-toolbar-info{font-size:.75rem;color:#94a3b8}.range-toolbar-btn{padding:3px 10px;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;font-weight:500}.range-toolbar-btn.mute{background:#ef4444;color:#fff}.range-toolbar-btn.mute:hover{background:#dc2626}.range-toolbar-btn.cancel{background:#374151;color:#d1d5db}.range-toolbar-btn.cancel:hover{background:#4b5563}.range-toolbar-btn.punch{background:#f97316;color:#fff}.range-toolbar-btn.punch:hover{background:#ea580c}.range-toolbar-btn.punch:disabled{opacity:.4;cursor:not-allowed}.punch-armed-region{position:absolute;top:0;bottom:0;background:#f973161f;border-left:2px solid rgba(249,115,22,.6);border-right:2px solid rgba(249,115,22,.6);z-index:5;pointer-events:none}.vocal-waveform-container.punch-take-merged{border-left:1px solid rgba(251,146,60,.4);border-right:1px solid rgba(251,146,60,.4);pointer-events:none}.vocal-waveform-container.recording{pointer-events:none}.recording-guidance{padding:.4rem .75rem;font-size:.72rem;color:#88a;line-height:1.4}.recording-guidance p{margin:.15rem 0}.recording-guidance strong{color:#aac}.recording-guidance em{color:#aac;font-style:normal}.studio-controls-bar{display:flex;align-items:center;gap:1rem;padding:.5rem .75rem;background:#1a1a2e;border-radius:6px;min-height:32px}.punch-armed-indicator{display:flex;align-items:center;gap:.6rem;margin-left:auto}.punch-armed-badge{font-size:.7rem;font-weight:700;letter-spacing:.05em;color:#f97316;background:#f9731626;border:1px solid rgba(249,115,22,.3);padding:2px 8px;border-radius:4px;animation:pulse-orange 1.5s ease-in-out infinite}.punch-armed-range{font-size:.75rem;color:#94a3b8;font-family:Monaco,Consolas,monospace}.punch-disarm-btn{padding:2px 8px;border:1px solid #444;border-radius:4px;background:#2a2a3e;color:#888;font-size:.7rem;cursor:pointer;transition:all .15s}.punch-disarm-btn:hover{background:#3a3a4e;color:#fff;border-color:#555}.transport-btn.record.punch-armed{background:#f9731626;border-color:#f9731666}.transport-btn.record.punch-armed svg{color:#f97316}.transport-btn.record.punch-armed:hover:not(:disabled){background:#f9731640;border-color:#f9731680}.take-muted-count{font-size:.65rem;color:#ef4444;cursor:pointer;opacity:.8}.take-muted-count:hover{opacity:1;text-decoration:underline}.studio-actions{display:flex;justify-content:center;gap:1rem;padding-top:1rem}.studio-actions-top{display:flex;align-items:center;justify-content:space-between;padding-top:0;padding-bottom:.25rem}.studio-actions-left{display:flex;align-items:center;gap:8px}.studio-content{display:flex;flex-direction:column;gap:1rem}.studio-content.with-lyrics{display:grid;grid-template-columns:1fr 260px;gap:1rem;align-items:stretch}.studio-main{display:flex;flex-direction:column;gap:1rem;min-width:0}@media(max-width:900px){.studio-content.with-lyrics{grid-template-columns:1fr}.studio-lyrics{order:-1;max-height:180px}.studio-lyrics .lyrics-content{max-height:120px}}.studio-lyrics{background:#1a1a2e;border-radius:8px;padding:1rem;display:flex;flex-direction:column;min-height:calc(100vh - 200px);max-height:calc(100vh - 200px)}.lyrics-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.75rem;flex-shrink:0}.lyrics-sidebar-header h4{margin:0;color:#fff;font-size:.9rem;font-weight:600}.lyrics-sidebar-actions{display:flex;gap:.4rem}.lyrics-sidebar-actions .lyrics-edit-btn{padding:.25rem .5rem;font-size:.75rem;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:4px;color:#a5b4fc;cursor:pointer;transition:all .2s}.lyrics-sidebar-actions .lyrics-edit-btn:hover{background:#6366f133;border-color:#6366f166}.studio-lyrics .lyrics-content{flex:1;overflow-y:auto;font-size:.8rem;line-height:1.6;color:#ccc;min-height:0}.studio-lyrics .lyrics-content::-webkit-scrollbar{width:5px}.studio-lyrics .lyrics-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.studio-lyrics .lyrics-content::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.studio-lyrics .lyrics-content::-webkit-scrollbar-thumb:hover{background:#6366f180}.studio-lyrics .lyrics-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;margin:0}.lyrics-empty-placeholder{display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.add-lyrics-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#6366f11a;border:1px dashed rgba(99,102,241,.3);border-radius:8px;color:#6366f1cc;font-size:.85rem;cursor:pointer;transition:all .2s ease}.add-lyrics-btn:hover{background:#6366f133;border-color:#6366f180;color:#6366f1}.studio-lyrics .lyrics-textarea{width:100%;height:100%;min-height:150px;padding:.5rem;background:#00000040;border:1px solid rgba(99,102,241,.25);border-radius:6px;color:#d1d5db;font-family:inherit;font-size:.8rem;line-height:1.6;resize:none;box-sizing:border-box}.studio-lyrics .lyrics-textarea:focus{outline:none;border-color:#6366f1}.studio-lyrics .lrc-lyrics-list{display:flex;flex-direction:column;gap:.2rem;padding:.25rem 0}.studio-lyrics .lrc-line{color:#666;font-size:.82rem;line-height:1.7;padding:.15rem .4rem;border-radius:4px;transition:color .2s,background .2s}.studio-lyrics .lrc-line.active{color:#f0f0f0;font-weight:600;background:#6366f126}.studio-lyrics-panel{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:12px;padding:1.25rem 1.5rem;border:1px solid rgba(99,102,241,.15);margin-top:1rem}.studio-lyrics-panel h4{margin:0 0 1rem;color:#fff;font-size:1rem;font-weight:600;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem}.studio-lyrics-panel h4:before{content:"📝";font-size:.9rem}.lyrics-panel-content{max-height:300px;overflow-y:auto;padding-right:.5rem}.lyrics-panel-content::-webkit-scrollbar{width:6px}.lyrics-panel-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.lyrics-panel-content::-webkit-scrollbar-thumb{background:#6366f166;border-radius:3px}.lyrics-panel-content::-webkit-scrollbar-thumb:hover{background:#6366f199}.lyrics-panel-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.8;color:#d1d5db;margin:0}.lyrics-panel-content .no-lyrics-message{color:#888;font-style:italic;font-size:.9rem;margin:0;padding:1rem 0;text-align:center}.transcribing-lyrics{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:.75rem}.transcribing-lyrics p{margin:0;color:#a78bfa;font-size:.95rem}.transcribing-lyrics .transcribe-hint{color:#666;font-size:.8rem;font-style:italic}.transcribe-spinner{width:32px;height:32px;border:3px solid rgba(167,139,250,.2);border-top-color:#a78bfa;border-radius:50%;animation:transcribe-spin 1s linear infinite}@keyframes transcribe-spin{to{transform:rotate(360deg)}}.transcribed-label{color:#10b981;font-size:.8rem;margin:0 0 .5rem;font-style:italic}.transcription-error{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;gap:.5rem}.transcription-error p{margin:0;text-align:center}.transcription-error p:first-child{color:#ef4444;font-weight:500;font-size:.9rem}.transcription-error .error-message{color:#888;font-style:italic;font-size:.8rem;word-break:break-word}.lyrics-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.lyrics-panel-header h4{margin:0;padding:0;border:none}.lyrics-header-buttons{display:flex;gap:.5rem}.lyrics-original-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:6px;color:#c4b5fd;font-size:.8rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.lyrics-original-btn:hover{background:#a855f740;border-color:#a855f780}.lyrics-original-btn:active{background:#a855f766;border-color:#a855f799}.lyrics-edit-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#a5b4fc;font-size:.8rem;cursor:pointer;transition:all .2s}.lyrics-edit-btn:hover{background:#6366f140;border-color:#6366f180;color:#c4b5fd}.lyrics-edit-btn svg{opacity:.8}.lyrics-edit-btn.saving{background:#10b98133;border-color:#10b98166;color:#6ee7b7}.lyrics-edit-btn.saving:hover{background:#10b9814d;border-color:#10b98180}.lyrics-revert-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:6px;color:#f87171;font-size:.8rem;cursor:pointer;transition:all .2s}.lyrics-revert-btn:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.lyrics-revert-btn svg{opacity:.8}.transcribed-label.original-viewing{color:#c4b5fd}.lyrics-editor{display:flex;flex-direction:column;gap:1rem}.lyrics-textarea{width:100%;min-height:200px;padding:1rem;background:#0000004d;border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#d1d5db;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.8;resize:vertical;transition:border-color .2s}.lyrics-textarea:focus{outline:none;border-color:#6366f1}.lyrics-textarea::placeholder{color:#666}.lyrics-editor-actions{display:flex;justify-content:flex-end;gap:.75rem}.preroll-indicator{color:#f97316;font-weight:500;animation:blink-preroll .5s ease-in-out infinite}@keyframes blink-preroll{0%,to{opacity:1}50%{opacity:.5}}.transport-btn.preroll{background:#c2410c;border-color:#f97316;color:#fff;animation:pulse-orange 1.5s ease-in-out infinite}@keyframes pulse-orange{0%,to{box-shadow:0 0 #f9731680}50%{box-shadow:0 0 0 8px #f9731600}}.calibration-prompt-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.calibration-prompt{background:#1a1a2e;border-radius:12px;padding:24px;max-width:400px;text-align:center;border:1px solid rgba(255,255,255,.1)}.calibration-prompt h3{margin:0 0 16px;color:#fff;font-size:20px}.calibration-prompt p{color:#aaa;margin:0 0 12px;font-size:14px;line-height:1.5}.calibration-prompt-note{background:#3b82f61a;border-radius:6px;padding:10px;font-size:13px!important;color:#93c5fd!important}.calibration-prompt-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.cal-prompt-btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.cal-prompt-btn.primary{background:#3b82f6;color:#fff}.cal-prompt-btn.primary:hover{background:#2563eb}.cal-prompt-btn.secondary{background:#333;color:#aaa}.cal-prompt-btn.secondary:hover{background:#444;color:#fff}.calibration-prompt.vocaliq-confirm{border:1px solid rgba(139,92,246,.3)}.calibration-prompt.vocaliq-confirm h3{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calibration-prompt.vocaliq-confirm .cal-prompt-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.calibration-prompt.vocaliq-confirm .cal-prompt-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}.vocaliq-progress-container{margin:1.5rem 0}.vocaliq-progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.vocaliq-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .3s ease}.vocaliq-progress-text{text-align:center;font-size:.9rem;color:#a5b4fc;margin-top:.5rem;font-weight:500}.vocaliq-message{text-align:center;color:#888;font-size:.85rem;margin-top:.5rem}.vocaliq-error{color:#ef4444;background:#ef44441a;padding:.75rem;border-radius:6px;margin:1rem 0;font-size:.9rem}.vocaliq-unavailable{color:#fbbf24;background:#fbbf241a;padding:.75rem;border-radius:6px;font-size:.9rem}.cal-prompt-btn:disabled{opacity:.5;cursor:not-allowed}.bv-track{display:flex;margin-bottom:.25rem;box-shadow:inset 3px 0 0 transparent;transition:box-shadow .15s;cursor:pointer}.bv-track.active{box-shadow:inset 3px 0 #22d3ee;background:#22d3ee0d}.bv-track.muted{opacity:.5}.bv-track .track-header{width:140px;flex-shrink:0;padding:.2rem .5rem;display:flex;flex-direction:column;gap:.15rem;justify-content:center}.bv-track .track-content{flex:1;height:40px;background:#ffffff08;border-radius:4px;position:relative;overflow:hidden;min-width:0}.bv-name{font-size:.75rem;color:#22d3ee;font-weight:500;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.bv-track-controls{display:flex;align-items:center;gap:.25rem}.bv-volume{width:50px;height:3px}.track-pan{width:40px;height:3px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;cursor:pointer}.track-pan::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#22d3ee;border-radius:50%;cursor:pointer}.bv-mute-btn{background:transparent;border:1px solid #555;color:#888;font-size:.65rem;font-weight:600;padding:.1rem .3rem;border-radius:3px;cursor:pointer;line-height:1}.bv-mute-btn.active{background:#ef4444;border-color:#ef4444;color:#fff}.bv-delete-btn{background:transparent;border:none;color:#666;font-size:.9rem;cursor:pointer;padding:0 .2rem;line-height:1}.bv-delete-btn:hover{color:#ef4444}.bv-delete-confirm{display:inline-flex;gap:.25rem;align-items:center}.bv-delete-confirm-btn{font-size:.6rem;font-weight:600;padding:.1rem .35rem;border-radius:3px;cursor:pointer;line-height:1;border:none}.bv-delete-confirm-btn.yes{background:#ef4444;color:#fff}.bv-delete-confirm-btn.yes:hover{background:#dc2626}.bv-delete-confirm-btn.no{background:transparent;border:1px solid #555;color:#aaa}.bv-delete-confirm-btn.no:hover{color:#fff;border-color:#888}.bv-add-track{display:flex;justify-content:center;padding:.3rem 0;position:relative}.bv-add-btn{background:transparent;border:1px dashed #444;color:#22d3ee;font-size:.8rem;padding:.3rem 1rem;border-radius:4px;cursor:pointer;transition:all .15s}.bv-add-btn:hover:not(:disabled){background:#22d3ee1a;border-color:#22d3ee}.bv-add-btn:disabled{opacity:.4;cursor:not-allowed}.auto-harmonize-btn{color:#a78bfa;border-color:#a78bfa4d}.auto-harmonize-btn:hover:not(:disabled){background:#a78bfa1a;border-color:#a78bfa}.bv-add-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px;background:#1a1a2e;border:1px solid #333;border-radius:6px;overflow:hidden;z-index:50;min-width:140px;box-shadow:0 4px 12px #0006}.bv-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:#e2e8f0;font-size:.8rem;text-align:left;cursor:pointer;transition:background .12s}.bv-menu-item:hover:not(:disabled){background:#ffffff14}.bv-menu-item:disabled{opacity:.5;cursor:default}.bv-menu-icon{font-size:.9rem}.bv-menu-check{color:#22c55e;font-size:.75rem}.bv-track.ai-vocal-bv{border-left:2px solid #a855f7}.bv-track.ai-vocal-bv .track-content{background:#a855f70a}.track-ai-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:.75rem;color:#a855f7;background:#a855f726;border-radius:3px;flex-shrink:0}.ai-vocal-select-panel{background:#a855f70f;border:1px solid rgba(168,85,247,.2);border-radius:8px;padding:.75rem;margin:.25rem 0}.ai-vocal-select-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ai-vocal-select-title{font-size:.85rem;font-weight:600;color:#a855f7}.ai-vocal-select-hint{font-size:.7rem;color:#888}.ai-vocal-select-waveform{position:relative;background:#0000004d;border-radius:4px;overflow:hidden;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.ai-vocal-range-overlay{position:absolute;top:0;bottom:0;background:#22d3ee40;border-left:2px solid rgba(34,211,238,.8);border-right:2px solid rgba(34,211,238,.8);z-index:5;pointer-events:auto}.ai-vocal-range-remove{position:absolute;top:2px;right:2px;background:#0009;border:none;color:#ef4444;font-size:.85rem;width:18px;height:18px;line-height:16px;text-align:center;border-radius:50%;cursor:pointer;padding:0;opacity:0;transition:opacity .15s}.ai-vocal-range-overlay:hover .ai-vocal-range-remove{opacity:1}.ai-vocal-select-toolbar{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.75rem}.ai-vocal-select-count{color:#888}.ai-vocal-select-clear{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.75rem;padding:.2rem .4rem;border-radius:3px}.ai-vocal-select-clear:hover{background:#ef44441a}.ai-vocal-select-actions{margin-left:auto;display:flex;gap:.5rem}.ai-vocal-select-cancel{background:none;border:1px solid #444;color:#aaa;padding:.3rem .75rem;border-radius:4px;cursor:pointer;font-size:.75rem}.ai-vocal-select-cancel:hover{border-color:#666;color:#ddd}.ai-vocal-select-done{background:#a855f7;border:none;color:#fff;padding:.3rem .75rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500}.ai-vocal-select-done:hover:not(:disabled){background:#9333ea}.ai-vocal-select-done:disabled{opacity:.4;cursor:not-allowed}.track-arm-btn{width:18px;height:18px;min-width:18px;border-radius:50%;border:2px solid #666;background:transparent;color:transparent;font-size:0;cursor:pointer;margin-right:6px;transition:all .15s;flex-shrink:0}.track-arm-btn:hover{border-color:#ef4444;background:#ef444433}.track-arm-btn.armed{border-color:#ef4444;background:#ef4444;box-shadow:0 0 6px #ef444499}.timeline-track.armed,.timeline-track.bv-track.armed{box-shadow:inset 3px 0 #ef4444}.timeline-track-row{position:relative;margin-bottom:.25rem}.variation-selector{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px;width:32px;z-index:5;background:#0a0a14bf;border-radius:0 4px 4px 0}.variation-btn{width:26px;height:18px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:3px;color:#aaa;cursor:pointer;padding:0;transition:background .15s,color .15s}.variation-btn:hover:not(:disabled){background:#6366f14d;color:#fff;border-color:#6366f180}.variation-btn:disabled{opacity:.25;cursor:default}.regen-bar{display:flex;align-items:center;gap:.75rem;padding:.35rem .5rem;margin-top:.25rem}.regen-bar-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:#6366f11f;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#a5b4fc;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.regen-bar-btn:hover:not(:disabled){background:#6366f140;border-color:#6366f180;color:#c7d2fe}.regen-bar-btn:active:not(:disabled){transform:scale(.97)}.regen-bar-btn:disabled{opacity:.4;cursor:default}.regen-bar-btn svg{flex-shrink:0}.regen-bar-count{font-size:.65rem;color:#666;font-variant-numeric:tabular-nums}.variation-indicator{font-size:.55rem;color:#888;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.variation-loading-overlay{position:absolute;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20;color:#aaa;font-size:.7rem;border-radius:4px}.regen-spinner{display:inline-block;width:10px;height:10px;border:1.5px solid rgba(255,255,255,.2);border-top-color:#6366f1;border-radius:50%;animation:regen-spin .8s linear infinite}@keyframes regen-spin{to{transform:rotate(360deg)}}.regen-progress-banner{display:flex;align-items:center;gap:.75rem;padding:.35rem .75rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:4px;margin-bottom:.25rem;font-size:.75rem;color:#a5b4fc}.regen-progress-bar{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.regen-progress-fill{height:100%;background:#6366f1;border-radius:2px;transition:width .3s ease}.regen-params{display:flex;gap:10px;margin:.5rem 0}.regen-param-group{display:flex;flex-direction:column;gap:3px;flex:1}.regen-param-group label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.regen-param-group input,.regen-param-group select{background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#eee;padding:5px 6px;font-size:.8rem;font-family:inherit}.regen-param-group input:focus,.regen-param-group select:focus{border-color:#6366f1;outline:none}.regen-param-group input::placeholder{color:#555}.regen-caption-input{width:100%;background:#1a1a2e;border:1px solid #333;border-radius:4px;color:#eee;padding:6px 8px;font-size:.8rem;font-family:inherit;resize:vertical;line-height:1.4;box-sizing:border-box}.regen-caption-input:focus{border-color:#6366f1;outline:none}.regen-caption-input::placeholder{color:#555}.regen-caption-input:disabled{opacity:.35;cursor:not-allowed}.regen-locked input:disabled,.regen-locked select:disabled{opacity:.35;cursor:not-allowed}.regen-locked label{opacity:.4}.lyrics-karaoke-btn{background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#666;cursor:pointer;padding:3px 5px;display:flex;align-items:center;justify-content:center;transition:all .15s}.lyrics-karaoke-btn:hover{color:#a5b4fc;border-color:#6366f14d}.lyrics-karaoke-btn.active{color:#6366f1;background:#6366f126;border-color:#6366f14d}.comp-lanes{display:flex;flex-direction:column;gap:2px;width:100%}.comp-lanes-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;margin-bottom:4px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:4px;font-size:11px;color:#ffffff8c;line-height:1.4}.comp-lanes-hint-text{flex:1 1 auto}.comp-lanes-reset-btn{flex:0 0 auto;padding:4px 10px;background:#ef44441f;border:1px solid rgba(239,68,68,.4);border-radius:3px;color:#ef4444f2;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.comp-lanes-reset-btn:hover{background:#ef444438;border-color:#ef4444b3}.comp-lane{display:flex;align-items:stretch;height:36px;border-radius:4px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);transition:border-color .15s}.comp-lane.armed{border-color:var(--lane-color, #f97316);background:#ffffff0a}.comp-lane.empty{opacity:.5}.comp-lane-header{display:flex;align-items:center;gap:4px;padding:0 6px;min-width:80px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06)}.comp-lane-arm{width:18px;height:18px;border-radius:50%;border:2px solid;background:transparent;color:#888;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s}.comp-lane-arm.armed{color:#fff}.comp-lane-arm:hover{opacity:.8}.comp-lane-label{font-size:10px;font-weight:600;letter-spacing:.02em}.comp-lane-content{flex:1;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.comp-lane-waveform{position:absolute;top:0;bottom:0}.comp-lane-empty-label{display:flex;align-items:center;justify-content:center;height:100%;color:#555;font-size:10px;font-style:italic}.comp-region-highlight{position:absolute;top:0;bottom:0;border:1px solid;border-radius:2px;pointer-events:auto;cursor:pointer;z-index:5;transition:opacity .15s}.comp-region-highlight:hover{opacity:.8}.comp-drag-preview{position:absolute;top:0;bottom:0;border:1px dashed;border-radius:2px;pointer-events:none;z-index:6}.studio-credits-counter{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:#a5b4fc14;border:1px solid rgba(165,180,252,.15);cursor:default}.studio-credits-number{font-size:14px;font-weight:700;color:#a5b4fc}.studio-credits-label{font-size:10px;color:#888;font-weight:500}.comp-mode-toggle{font-size:10px;padding:2px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#888;cursor:pointer;transition:all .15s;margin-left:8px}.comp-mode-toggle.active{background:#6366f133;border-color:#6366f166;color:#a5b4fc}.studio-hw-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.studio-hw-modal{background:#161b27;border:1px solid rgba(255,255,255,.1);border-radius:14px;width:100%;max-width:480px;box-shadow:0 24px 64px #0009;animation:modalSlideIn .2s ease-out;overflow:hidden}.studio-hw-header{display:flex;align-items:center;gap:.6rem;padding:1.1rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.08)}.studio-hw-header-icon{color:#f59e0b;flex-shrink:0}.studio-hw-title{margin:0;color:#e2e8f0;font-size:.95rem;font-weight:600}.studio-hw-section{padding:1rem 1.4rem;display:flex;flex-direction:column;gap:.65rem;border-bottom:1px solid rgba(255,255,255,.06)}.studio-hw-section--latency{background:#6366f108}.studio-hw-section-title{color:#c9d1d9;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.1rem}.studio-hw-item{display:flex;align-items:flex-start;gap:.7rem;padding:.6rem .75rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.studio-hw-item--warn{border-color:#f59e0b40;background:#f59e0b0a}.studio-hw-item--ok{border-color:#22c55e33;background:#22c55e08}.studio-hw-item-icon{margin-top:2px;flex-shrink:0;color:#6b7280}.studio-hw-item--warn .studio-hw-item-icon{color:#f59e0b}.studio-hw-item--ok .studio-hw-item-icon{color:#22c55e}.studio-hw-item-body{display:flex;flex-direction:column;gap:.3rem;min-width:0}.studio-hw-item-label{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-size:.82rem;font-weight:600}.studio-hw-status{font-size:.68rem;font-weight:600;padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.studio-hw-status--warn{background:#f59e0b26;color:#fbbf24}.studio-hw-status--ok{background:#22c55e1f;color:#22c55e}.studio-hw-item-desc{margin:0;color:#94a3b8;font-size:.76rem;line-height:1.55}.studio-hw-item-desc strong{color:#e2e8f0;font-weight:600}.studio-hw-redetect-btn{display:flex;align-items:center;gap:.45rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#94a3b8;font-size:.76rem;padding:.35rem .75rem;cursor:pointer;align-self:flex-start;transition:background .15s,color .15s}.studio-hw-redetect-btn:hover:not(:disabled){background:#ffffff17;color:#cbd5e1}.studio-hw-redetect-btn:disabled{opacity:.5;cursor:default}.studio-hw-guide-text{margin:0;color:#94a3b8;font-size:.78rem;line-height:1.6}.studio-hw-guide-text strong{color:#e2e8f0}.studio-hw-timing-example{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;align-self:flex-start}.studio-hw-timing-label{color:#8b8fa3;font-size:.72rem;margin-right:4px}.studio-hw-timing-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#94a3b8;font-size:.72rem;padding:2px 7px;line-height:1.4}.studio-hw-timing-value{color:#a5b4fc;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;padding:0 4px}.studio-hw-guide-sub{margin:0;color:#6b7280;font-size:.73rem;line-height:1.55}.studio-hw-guide-sub strong{color:#94a3b8}.studio-hw-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.4rem}.studio-hw-dont-show{display:flex;align-items:center;gap:.4rem;color:#6b7280;font-size:.72rem;cursor:pointer;-webkit-user-select:none;user-select:none}.studio-hw-dont-show input[type=checkbox]{accent-color:#6366f1}.studio-hw-continue-btn{background:#6366f1;border:none;border-radius:7px;color:#fff;font-size:.82rem;font-weight:600;padding:.5rem 1.1rem;cursor:pointer;transition:background .15s}.studio-hw-continue-btn:hover{background:#4f46e5}.mini-player{height:64px;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border-top:1px solid rgba(99,102,241,.2);display:flex;align-items:center;gap:1rem;padding:0 1.5rem;box-shadow:0 -4px 20px #0000004d}.mini-player-info{display:flex;align-items:center;gap:.75rem;min-width:180px;max-width:240px}.mini-player-text{display:flex;flex-direction:column;overflow:hidden}.mini-player-title{font-size:.9rem;font-weight:500;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#888;text-transform:capitalize}.mini-player-meta .human-vocal-dot{width:6px;height:6px;background:#6366f1;border-radius:50%;flex-shrink:0}.mini-rewind-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#888;flex-shrink:0;transition:color .2s,background .2s}.mini-rewind-btn:hover:not(:disabled){color:#f0f0f0;background:#ffffff1a}.mini-rewind-btn:disabled{opacity:.5;cursor:wait}.mini-play-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;cursor:pointer;color:#fff;flex-shrink:0;transition:transform .2s,box-shadow .2s}.mini-play-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 16px #8b5cf680}.mini-play-btn:disabled{opacity:.7;cursor:wait}.mini-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mini-spin .8s linear infinite}@keyframes mini-spin{to{transform:rotate(360deg)}}.mini-progress-container{flex:1;height:6px;background:#ffffff1a;border-radius:3px;cursor:pointer;position:relative;min-width:100px}.mini-progress-bg{position:absolute;inset:0;background:#ffffff0d;border-radius:3px}.mini-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .1s linear}.mini-time{font-size:.75rem;color:#888;font-variant-numeric:tabular-nums;min-width:85px;text-align:center}.mini-volume{display:flex;align-items:center;gap:.5rem}.mini-mute-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#888;transition:color .2s,background .2s}.mini-mute-btn:hover{color:#f0f0f0;background:#ffffff1a}.mini-volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer}.mini-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#8b5cf6;border-radius:50%;cursor:pointer;transition:transform .2s}.mini-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.mini-volume-slider::-moz-range-thumb{width:12px;height:12px;background:#8b5cf6;border:none;border-radius:50%;cursor:pointer}.mini-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#666;transition:color .2s,background .2s}.mini-close-btn:hover{color:#f0f0f0;background:#ffffff1a}.mini-player-wrapper{position:fixed;bottom:0;left:0;right:0;z-index:100}.mini-lyrics-panel{background:#0f0f1af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(99,102,241,.15);max-height:280px;overflow-y:auto;padding:1rem 1.5rem;animation:lyricsSlideUp .2s ease;scroll-behavior:smooth}@keyframes lyricsSlideUp{0%{opacity:0;max-height:0}to{opacity:1;max-height:280px}}.mini-lyrics-synced{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0}.mini-lyric-line{color:#555;font-size:.92rem;line-height:1.6;padding:.15rem .5rem;border-radius:4px;transition:color .2s,transform .2s,background .2s}.mini-lyric-line.active{color:#f0f0f0;font-weight:600;transform:scale(1.02);background:#6366f11a}.mini-lyric-line.past{color:#777}.mini-lyrics-plain{color:#888;font-size:.85rem;line-height:1.7;white-space:pre-wrap;word-break:break-word;margin:0}.mini-lyrics-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#666;transition:color .2s,background .2s}.mini-lyrics-btn:hover{color:#f0f0f0;background:#ffffff1a}.mini-lyrics-btn.active{color:#a5b4fc}@media(max-width:768px){.mini-player{padding:0 1rem;gap:.75rem}.mini-player-info{min-width:120px;max-width:160px}.mini-volume{display:none}.mini-time{min-width:70px;font-size:.7rem}}@media(max-width:480px){.mini-player-info{min-width:100px}.mini-player-text,.mini-time{display:none}}.express-create,.express-preview,.express-resing,.express-publish{max-width:800px;margin:0 auto;padding:2rem}.express-resing:has(.express-studio){max-width:1100px}.express-header{text-align:center;margin-bottom:2rem}.express-header h2{font-size:1.75rem;margin-bottom:.5rem;color:#f0f0f0}.express-subtitle{color:#888;font-size:1rem}.express-form{background:#1a1a2e;border-radius:12px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ccc;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background:#0f0f1a;border:1px solid #333;border-radius:8px;color:#f0f0f0;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1}.form-group textarea{resize:vertical;min-height:100px}.express-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.express-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.express-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.express-btn.secondary{background:#2a2a3e;color:#f0f0f0;border:1px solid #444}.express-btn.secondary:hover:not(:disabled){background:#3a3a4e}.express-btn.danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.express-btn.danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.express-btn:disabled{opacity:.5;cursor:not-allowed}.express-btn .btn-subtitle{font-size:.75rem;font-weight:400;opacity:.8;margin-top:.25rem}.express-btn.small{padding:.5rem 1rem;font-size:.875rem}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.express-note{margin-top:1.5rem;padding:1rem;background:#6366f11a;border-radius:8px;font-size:.875rem;color:#a5b4fc}.preview-player{background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(99,102,241,.2);box-shadow:0 8px 32px #0006}.player-controls{display:flex;flex-direction:column;gap:1.5rem}.player-main{display:flex;align-items:center;gap:1.5rem}.play-btn{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 20px #6366f166;flex-shrink:0}.play-btn:hover{transform:scale(1.08);box-shadow:0 6px 28px #6366f199}.play-btn:active{transform:scale(.98)}.player-time-display{flex:1;display:flex;flex-direction:column;gap:.5rem}.player-time-row{display:flex;align-items:center;justify-content:space-between}.player-time{font-family:SF Mono,Monaco,Consolas,monospace;font-size:2rem;font-weight:700;color:#fff;letter-spacing:.05em;text-shadow:0 2px 8px rgba(0,0,0,.3)}.player-duration{font-family:SF Mono,Monaco,Consolas,monospace;font-size:1rem;color:#888;font-weight:500}.player-progress-container{position:relative;height:48px;background:#0000004d;border-radius:8px;overflow:hidden;cursor:pointer}.player-progress-bg{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px)}.player-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#6366f166,#8b5cf666);border-right:2px solid #8b5cf6;transition:width .05s linear}.player-progress-glow{position:absolute;top:0;width:4px;height:100%;background:#fff;box-shadow:0 0 12px 4px #8b5cf6cc;transform:translate(-50%)}.player-progress-slider{position:absolute;inset:0;width:100%;height:100%;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;margin:0;z-index:10}.player-progress-slider::-webkit-slider-runnable-track{height:100%;background:transparent}.player-progress-slider::-moz-range-track{height:100%;background:transparent}.player-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:48px;background:transparent;cursor:ew-resize}.player-progress-slider::-moz-range-thumb{width:4px;height:48px;background:transparent;border:none;cursor:ew-resize}.player-time-markers{display:flex;justify-content:space-between;padding:.5rem .25rem 0}.player-time-marker{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem;color:#666}.progress-bar,.progress-bar .time,.seek-container,.seek-progress,.seek-slider{display:none}.track-mixers{display:flex;gap:2rem}.track-mixer{flex:1;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0f0f1a;border-radius:8px}.track-label{font-size:.875rem;color:#ccc;min-width:80px}.mute-btn{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem}.mute-btn.muted{opacity:.5}.volume-slider{flex:1;-webkit-appearance:none;height:4px;background:#333;border-radius:2px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#22c55e;border-radius:50%;cursor:pointer}.preview-actions{text-align:center;margin-bottom:2rem}.preview-actions h3{margin-bottom:1.5rem;color:#ccc}.action-buttons{display:flex;flex-direction:column;gap:.75rem;max-width:400px;margin:0 auto}.action-buttons .express-btn{width:100%}.preview-nav{margin-top:2rem;padding-top:1rem;border-top:1px solid #333}.back-btn{background:transparent;border:none;color:#888;font-size:.875rem;cursor:pointer;padding:.5rem}.back-btn:hover{color:#f0f0f0}.go-back-link{display:inline-flex;align-items:center;gap:.25rem;background:transparent;border:none;color:#888;font-size:.875rem;cursor:pointer;padding:.5rem 0;margin-bottom:.5rem;transition:color .2s}.go-back-link:hover{color:#a5b4fc}.resing-options h3{text-align:center;margin-bottom:1.5rem;color:#ccc}.resing-intro{text-align:center;color:#888;max-width:500px;margin:0 auto 2rem;line-height:1.6}.option-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.option-card{background:#1a1a2e;border:2px solid #333;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s}.option-card:hover{border-color:#6366f1;transform:translateY(-4px)}.option-card.featured{border-color:#6366f1;background:linear-gradient(135deg,#1a1a2e,#2d2d4a);max-width:400px;margin:0 auto}.option-icon{font-size:3rem;margin-bottom:1rem}.option-card h4{font-size:1.25rem;margin-bottom:.75rem;color:#f0f0f0}.option-card p{color:#888;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.option-badge{display:inline-block;padding:.25rem .75rem;background:#6366f1;color:#fff;border-radius:999px;font-size:.75rem;font-weight:600}.recording-with-lyrics{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}@media(max-width:1024px){.recording-with-lyrics{grid-template-columns:1fr}}.lyrics-reference{background:#1a1a2e;border-radius:12px;padding:1.25rem;max-height:500px;overflow-y:auto;position:sticky;top:1rem}.lyrics-reference h4{font-size:1rem;color:#f0f0f0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333}.lyrics-content{font-size:.875rem;line-height:1.7;color:#ccc}.lyrics-content pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;margin:0}.recording-interface{background:#1a1a2e;border-radius:12px;padding:2rem}.selected-option{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333}.option-tag{padding:.5rem 1rem;border-radius:8px;font-weight:600}.option-tag.ai{background:#6366f133;color:#a5b4fc}.option-tag.real{background:#f59e0b33;color:#fbbf24}.change-option-btn{background:transparent;border:1px solid #444;color:#888;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.change-option-btn:hover{color:#f0f0f0;border-color:#666}.recording-controls{text-align:center}.recording-instructions{color:#888;margin-bottom:1.5rem}.record-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s}.record-btn:hover{background:#dc2626}.record-btn.recording{background:#991b1b;animation:pulse 1.5s infinite}.record-indicator{width:12px;height:12px;background:#fff;border-radius:50%;animation:blink 1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 12px #ef444400}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.playback-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.playback-btn,.re-record-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer}.playback-btn{background:#22c55e;color:#fff;border:none}.re-record-btn{background:transparent;color:#888;border:1px solid #444}.conversion-actions{margin-top:1.5rem}.conversion-complete{text-align:center;padding:3rem;background:#1a1a2e;border-radius:12px}.success-icon{width:64px;height:64px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 1.5rem}.success-icon.large{width:80px;height:80px;font-size:3rem}.conversion-complete h3{font-size:1.5rem;margin-bottom:.75rem}.conversion-complete p{color:#888;margin-bottom:1.5rem}.song-summary{background:#1a1a2e;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.song-summary h3{margin-bottom:1rem;color:#ccc}.summary-details{display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #333}.summary-row .label{color:#888}.summary-row .value{color:#f0f0f0;font-weight:500}.publish-options{display:flex;flex-direction:column;gap:10px}.publish-stage-card{display:flex;align-items:flex-start;gap:12px;background:#1a1a2e;border:2px solid #333;border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.publish-stage-card:hover:not(.disabled){border-color:#555;background:#1e1e36}.publish-stage-card.selected{border-color:#6366f1;background:#6366f114}.publish-stage-card.disabled{opacity:.45;cursor:not-allowed}.publish-stage-toggle{flex-shrink:0;margin-top:2px}.toggle-switch{width:36px;height:20px;border-radius:10px;background:#334155;position:relative;transition:background .2s;cursor:pointer}.toggle-switch.on{background:#6366f1}.toggle-switch.disabled{background:#1e293b;cursor:not-allowed}.toggle-knob{width:16px;height:16px;border-radius:50%;background:#e2e8f0;position:absolute;top:2px;left:2px;transition:transform .2s}.toggle-switch.on .toggle-knob{transform:translate(16px)}.toggle-switch.disabled .toggle-knob{background:#475569}.publish-stage-info{display:flex;flex-direction:column;gap:4px;flex:1}.publish-stage-name{font-size:14px;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:8px}.publish-stage-desc{font-size:12px;color:#94a3b8;line-height:1.4}.publish-stage-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.publish-stage-badge.backstage{background:#8b5cf633;color:#a78bfa}.publish-stage-badge.mainstage{background:linear-gradient(135deg,#f59e0b33,#ec489933);color:#fbbf24}.publish-stage-lock{color:#64748b;flex-shrink:0;margin-top:2px}.publish-card{background:#1a1a2e;border:2px solid #333;border-radius:12px;padding:1.5rem}.publish-card.disabled{opacity:.6}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-header h3{margin:0}.badge{padding:.25rem .75rem;background:#6366f1;color:#fff;border-radius:999px;font-size:.75rem;font-weight:600}.badge.premium{background:linear-gradient(135deg,#f59e0b,#ec4899)}.publish-card p{color:#888;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.features{list-style:none;padding:0;margin:0 0 1.5rem}.features li{padding:.5rem 0;color:#a5b4fc;font-size:.875rem}.publish-success{text-align:center;padding:3rem;background:#1a1a2e;border-radius:12px}.publish-success h3{font-size:1.75rem;margin-bottom:.75rem}.publish-success p{color:#888;margin-bottom:2rem}.success-actions{display:flex;gap:1rem;justify-content:center}.express-step-nav{display:flex;justify-content:center;gap:.5rem;padding:1rem;background:#1a1a2e;border-bottom:1px solid #333}.express-step-btn:disabled{cursor:not-allowed}.mode-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0f0f1a;border-radius:8px}.mode-toggle button{padding:.5rem 1rem;background:transparent;border:none;color:#666;cursor:pointer;border-radius:6px;transition:all .2s}.mode-toggle button.active{background:#6366f1;color:#fff}.loading-container{text-align:center;padding:3rem 2rem;background:#1a1a2e;border-radius:12px;margin-bottom:2rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading-spinner.large{width:64px;height:64px;border-width:5px}.loading-text{color:#a5b4fc;font-size:1rem;margin-bottom:1.5rem}.progress-indicator{max-width:300px;margin:0 auto}.progress-bar-bg{height:8px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;color:#888}.error-container{text-align:center;padding:2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;margin-bottom:2rem}.error-text{color:#f87171;font-weight:500;margin-bottom:1rem}.error-hint{color:#888;font-size:.875rem;line-height:1.6}.separation-progress{text-align:center;padding:3rem 2rem;background:#1a1a2e;border-radius:12px;margin-bottom:2rem}.separation-progress h3{color:#a5b4fc;margin-bottom:1rem}.separation-note{margin-top:1.5rem;padding:1rem;background:#6366f11a;border-radius:8px;font-size:.875rem;color:#a5b4fc;max-width:400px;margin-left:auto;margin-right:auto}.volume-control{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0000004d;border-radius:8px;flex-shrink:0}.volume-control .mute-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;opacity:.8;transition:opacity .2s}.volume-control .mute-btn:hover{opacity:1}.volume-control .mute-btn.muted{opacity:.5}.volume-control .volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;cursor:pointer}.volume-control .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.volume-control .volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;border:none;cursor:pointer}.generation-progress{text-align:center;padding:2rem;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.3);border-radius:12px}.generation-progress .loading-spinner{margin:0 auto 1rem}.progress-message{color:#a5b4fc;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.generation-note{margin-top:1.5rem;padding:.75rem 1rem;background:#6366f11a;border-radius:8px;font-size:.875rem;color:#888}.form-hint{font-size:.8rem;color:#666;margin-top:.5rem}.form-hint .lyrics-counter{float:right;color:#888}.lyrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.lyrics-header label{margin-bottom:0}.lyrics-header-actions{display:flex;align-items:center;gap:.5rem}.generate-lyrics-btn{padding:.4rem .75rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.generate-lyrics-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf666}.generate-lyrics-btn:disabled{opacity:.5;cursor:not-allowed}.saved-prompts-wrapper{position:relative}.saved-prompts-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5)}.saved-prompts-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;max-width:300px;background:#1a1a2e;border:1px solid rgba(99,102,241,.3);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:200;overflow:hidden;display:flex;flex-direction:column;max-height:240px;overflow-y:auto}.saved-prompts-menu::-webkit-scrollbar{width:4px}.saved-prompts-menu::-webkit-scrollbar-track{background:transparent}.saved-prompts-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.saved-prompts-loading,.saved-prompts-empty{padding:.75rem 1rem;font-size:.8rem;color:#666;text-align:center}.saved-prompt-item{background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:#c0c0d0;font-size:.82rem;text-align:left;padding:.6rem 1rem;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-prompt-item:last-child{border-bottom:none}.saved-prompt-item:hover{background:#6366f11f;color:#e0e0f0}.saved-prompt-item-row{display:flex;align-items:center}.saved-prompt-item-row .saved-prompt-item{flex:1;min-width:0}.saved-prompt-delete{background:none;border:none;color:#666;font-size:1rem;cursor:pointer;padding:.4rem .6rem;line-height:1;transition:color .15s}.saved-prompt-delete:hover{color:#e55}.lyrics-expand-toggle{width:28px;height:28px;background:#2a2a3e;border:1px solid #3a3a4e;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lyrics-expand-toggle:hover{background:#3a3a4e;border-color:#4a4a5e}.lyrics-expand-toggle .expand-arrow{font-size:.7rem;color:#888;transition:transform .2s ease}.lyrics-expand-toggle.expanded .expand-arrow{transform:rotate(180deg)}.lyrics-input.collapsed{height:80px;min-height:80px;max-height:80px;resize:none;overflow:hidden;transition:all .2s ease}.lyrics-input.expanded{height:280px;min-height:280px;max-height:400px;resize:vertical;transition:all .2s ease}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:600px){.genre-grid{grid-template-columns:repeat(2,1fr)}}.genre-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .75rem;background:#2a2a3e;border:2px solid #3a3a4e;border-radius:12px;cursor:pointer;transition:all .2s}.genre-btn:hover:not(:disabled){background:#3a3a4e;border-color:#4a4a5e}.genre-btn.selected{background:#6366f126;border-color:#6366f1}.genre-btn:disabled{opacity:.5;cursor:not-allowed}.genre-icon{font-size:1.5rem}.genre-label{font-size:.85rem;color:#ccc;font-weight:500}.genre-btn.selected .genre-label{color:#a5b4fc}.vocalist-toggle{display:flex;gap:.75rem}.vocalist-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:#2a2a3e;border:2px solid #3a3a4e;border-radius:8px;cursor:pointer;transition:all .2s}.vocalist-btn:hover:not(:disabled){background:#3a3a4e}.vocalist-btn.selected{background:#f9731626;border-color:#f97316}.vocalist-btn:disabled{opacity:.5;cursor:not-allowed}.vocalist-icon{font-size:1.25rem}.vocalist-label{font-size:.9rem;color:#ccc;font-weight:500}.vocalist-btn.selected .vocalist-label{color:#fdba74}.review-step{background:#1a1a2e;border-radius:12px;padding:2rem;text-align:center}.review-step h3{margin-bottom:.75rem;color:#f0f0f0}.review-step>p{color:#888;margin-bottom:1.5rem}.review-player{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.review-track{background:#0f0f1a;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.review-track-label{color:#a5b4fc;font-size:.875rem;font-weight:500}.review-audio{width:100%;height:40px}.review-actions{display:flex;gap:1rem;justify-content:center}.mixmaster-step{background:#1a1a2e;border-radius:12px;padding:2rem}.mixmaster-step-header{text-align:center;margin-bottom:1.5rem}.mixmaster-step-header h3{margin-bottom:.5rem;color:#f0f0f0}.mixmaster-step-header p{color:#888}.mixmaster-step-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #333}.np-backdrop{position:fixed;inset:0;background:#0009;z-index:250;display:flex;align-items:flex-end;justify-content:center;animation:np-fade-in .2s ease}@keyframes np-fade-in{0%{opacity:0}to{opacity:1}}.np-pane{width:100%;max-width:480px;max-height:75vh;background:linear-gradient(180deg,#13151f,#0c0e16);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;animation:np-slide-up .25s ease-out}@keyframes np-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.np-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem .5rem;flex-shrink:0}.np-collapse{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff0f;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.np-collapse:hover{background:#ffffff1f;color:#e2e8f0}.np-header-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#64748b}.np-station-badge{margin-left:auto;font-size:.65rem;font-weight:600;color:#c084fc;background:#a855f71f;border:1px solid rgba(168,85,247,.2);padding:.2rem .6rem;border-radius:12px}.np-artwork-wrap{position:relative;width:280px;height:280px;margin:1rem auto;border-radius:12px;overflow:hidden;flex-shrink:0;background:#1a1d2e;box-shadow:0 8px 32px #00000080}.np-artwork{width:100%;height:100%;object-fit:cover;display:block}.np-artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1d2e,#13151f)}.np-lyrics-toggle{position:absolute;bottom:10px;right:10px;z-index:4;display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#cbd5e1;font-size:.68rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .15s}.np-lyrics-toggle:hover{background:#000000bf;border-color:#ffffff47;color:#fff}.np-lyrics-toggle--active{background:#6366f140;border-color:#6366f173;color:#a5b4fc}.np-lyrics-toggle--active:hover{background:#6366f161}.np-performer-static{display:inline-flex;align-items:center;gap:.4rem}.np-artwork-wrap .karaoke-overlay{position:absolute;inset:0;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:2}.np-artwork-wrap .karaoke-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.25) 0%,transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(168,85,247,.2) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(59,130,246,.18) 0%,transparent 50%),#000000c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:np-karaoke-shift 8s ease-in-out infinite alternate}@keyframes np-karaoke-shift{0%{background-position:0% 0%,100% 0%,50% 100%}33%{background-position:30% 20%,70% 50%,20% 70%}66%{background-position:10% 60%,90% 10%,80% 50%}to{background-position:50% 30%,30% 80%,60% 20%}}.np-artwork-wrap .karaoke-lines{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:1rem 1.25rem;text-align:center;width:100%}.np-artwork-wrap .karaoke-line{transition:opacity .3s,transform .3s,color .3s;line-height:1.35;max-width:100%;word-wrap:break-word}.np-artwork-wrap .karaoke-line.current{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 0 14px rgba(99,102,241,.6),0 1px 3px rgba(0,0,0,.5);transform:scale(1.03)}.np-artwork-wrap .karaoke-line.prev{font-size:.8rem;color:#ffffff59;transform:translateY(-2px)}.np-artwork-wrap .karaoke-line.next{font-size:.82rem;color:#ffffff80;transform:translateY(2px)}.np-artwork-wrap .karaoke-eq-bars{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:3px;align-items:flex-end;height:16px;z-index:3}.np-artwork-wrap .karaoke-eq-bars span{width:3px;border-radius:1px;background:#6366f1b3;animation:np-eq .8s ease-in-out infinite alternate}.np-artwork-wrap .karaoke-eq-bars span:nth-child(1){height:6px;animation-delay:0s}.np-artwork-wrap .karaoke-eq-bars span:nth-child(2){height:12px;animation-delay:.15s}.np-artwork-wrap .karaoke-eq-bars span:nth-child(3){height:8px;animation-delay:.3s}.np-artwork-wrap .karaoke-eq-bars span:nth-child(4){height:14px;animation-delay:.45s}@keyframes np-eq{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.np-info{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:0 1.5rem}.np-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0;text-align:center;line-height:1.3}.np-performer-link{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:0;cursor:pointer;transition:opacity .15s}.np-performer-link:hover{opacity:.8}.np-performer-photo{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.np-performer{font-size:.9rem;color:#94a3b8}.np-performer-link:hover .np-performer{color:#c084fc}.np-meta-row{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.np-genre-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#c084fc;background:#a855f71f;border:1px solid rgba(168,85,247,.2);padding:.15rem .5rem;border-radius:8px}.np-stat{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#64748b}.np-transport{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 1.5rem 0}.np-transport-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#cbd5e1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.np-transport-btn:hover:not(:disabled){background:#6366f12e;border-color:#6366f166;color:#a5b4fc}.np-transport-btn:disabled{opacity:.3;cursor:not-allowed}.np-transport-play{width:54px;height:54px;background:#6366f1b3;border-color:#6366f1d9;color:#fff}.np-transport-play:hover:not(:disabled){background:#6366f1f2;border-color:#6366f1;color:#fff}.np-credits{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.5rem;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.np-credit-row{display:flex;align-items:center;gap:.5rem}.np-credit-role{font-size:.72rem;color:#64748b;min-width:90px}.np-credit-name{font-size:.8rem;color:#cbd5e1;font-weight:500}.np-credit-link{font-size:.8rem;color:#c084fc;font-weight:500;background:none;border:none;padding:0;cursor:pointer;transition:opacity .15s;text-align:left}.np-credit-link:hover{opacity:.75;text-decoration:underline}.np-actions{display:flex;gap:.75rem;padding:.75rem 1.5rem 1.5rem;justify-content:center}.np-action-btn{padding:.5rem 1.25rem;border-radius:10px;border:none;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.np-support-btn{display:inline-flex;align-items:center;gap:.4rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c4b5fd}.np-support-btn:hover{background:#8b5cf640;border-color:#8b5cf680}.np-claim-btn{background:#a855f726;border:1px solid rgba(168,85,247,.3);color:#c084fc}.np-claim-btn:hover{background:#a855f740;border-color:#a855f780}.lmp-expand-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.lmp-expand-btn:hover{background:#a855f726;border-color:#a855f766;color:#c084fc}.lmp-transport-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s}.lmp-transport-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.lmp-transport-btn:disabled{opacity:.3;cursor:not-allowed}.support-backdrop{position:fixed;inset:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;animation:support-fade-in .15s ease}@keyframes support-fade-in{0%{opacity:0}to{opacity:1}}.support-modal{position:relative;width:100%;max-width:400px;max-height:85vh;overflow-y:auto;background:#13151f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;animation:support-slide-up .2s ease-out}@keyframes support-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.support-close{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;border-radius:50%;border:none;background:#ffffff0f;color:#888;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:2}.support-close:hover{background:#ffffff1f;color:#e2e8f0}.support-header{display:flex;align-items:center;gap:.75rem}.support-artwork{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0}.support-header-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.support-song-title{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-artist-name{font-size:.8rem;color:#94a3b8}.support-step-title{margin:0;font-size:1.1rem;font-weight:700;color:#e2e8f0}.support-step-sub{margin:0;font-size:.8rem;color:#64748b;line-height:1.4}.support-presets{display:flex;gap:.5rem;flex-wrap:wrap}.support-preset{flex:1;min-width:70px;padding:.6rem .5rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#cbd5e1;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.support-preset:hover{border-color:#8b5cf666;background:#8b5cf614}.support-preset.active{border-color:#8b5cf6;background:#8b5cf626;color:#c4b5fd}.support-custom-wrap{display:flex;align-items:center;gap:.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:0 .75rem}.support-currency{font-size:1.1rem;font-weight:600;color:#94a3b8}.support-custom-input{flex:1;background:transparent;border:none;outline:none;color:#e2e8f0;font-size:1.1rem;font-weight:600;padding:.65rem 0;width:100%}.support-custom-input::placeholder{color:#475569}.support-custom-input::-webkit-inner-spin-button,.support-custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.support-custom-input[type=number]{-moz-appearance:textfield}.support-minimum{margin:0;font-size:.7rem;color:#475569}.support-proceed-btn{width:100%;padding:.7rem;border-radius:10px;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.support-proceed-btn:hover:not(:disabled){box-shadow:0 4px 16px #8b5cf666;transform:translateY(-1px)}.support-proceed-btn:disabled{opacity:.5;cursor:default}.support-payment-summary{display:flex;justify-content:space-between;font-size:.8rem;color:#94a3b8;padding:0 .25rem}.support-payment-summary.tax{color:#64748b;font-size:.75rem}.support-payment-summary.total{font-weight:700;color:#e2e8f0;border-top:1px solid rgba(255,255,255,.08);padding-top:.4rem;margin-top:.2rem}.support-stripe-form{display:flex;flex-direction:column;gap:1rem}.support-form-actions{display:flex;gap:.75rem}.support-cancel-btn{flex:0 0 auto;padding:.6rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .15s}.support-cancel-btn:hover:not(:disabled){border-color:#fff3;color:#e2e8f0}.support-submit-btn{flex:1;padding:.6rem 1rem;border-radius:10px;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.support-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666}.support-submit-btn:disabled{opacity:.5;cursor:default}.support-success-step{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;text-align:center}.support-success-icon{margin-bottom:.25rem}.support-success-title{margin:0;font-size:1.3rem;font-weight:700;color:#fff}.support-success-sub{margin:0;font-size:.85rem;color:#94a3b8;line-height:1.4}.support-download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:10px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;margin-top:.5rem}.support-download-btn:hover{box-shadow:0 4px 16px #22c55e66;transform:translateY(-1px)}.support-done-btn{padding:.5rem 1rem;border-radius:8px;border:none;background:transparent;color:#64748b;font-size:.8rem;cursor:pointer;transition:color .15s}.support-done-btn:hover{color:#e2e8f0}.support-error{font-size:.8rem;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:8px;padding:.5rem .75rem}.main-stage{display:flex;flex-direction:column;height:100%;min-height:0;background:#0f1117;color:#e2e8f0;overflow:hidden}.main-stage-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#0f1117}.main-stage-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .15s ease;flex-shrink:0}.main-stage-back:hover{background:#ffffff1a;color:#e2e8f0}.main-stage-title{font-size:1.15rem;font-weight:700;margin:0;color:#fff}.main-stage-subtitle{font-size:.8rem;color:#94a3b8}.main-stage-content{flex:1;min-height:0;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.35) transparent}.main-stage-content::-webkit-scrollbar{width:5px}.main-stage-content::-webkit-scrollbar-track{background:transparent}.main-stage-content::-webkit-scrollbar-thumb{background:#6366f159;border-radius:3px}.main-stage-content::-webkit-scrollbar-thumb:hover{background:#6366f199}.ms-filters{display:flex;flex-direction:column;gap:.5rem}.ms-genre-pills{display:flex;flex-wrap:wrap;gap:.4rem}.ms-genre-pill{padding:.3rem .7rem;border-radius:20px;border:1px solid #333;background:#ffffff08;color:#888;font-size:.73rem;cursor:pointer;transition:all .15s}.ms-genre-pill:hover{border-color:#555;color:#bbb}.ms-genre-pill.active{border-color:#ec4899;background:#ec48991a;color:#ec4899}.ms-sort{display:flex;gap:.3rem}.ms-sort-btn{padding:.25rem .6rem;border-radius:6px;border:none;background:transparent;color:#666;font-size:.72rem;cursor:pointer}.ms-sort-btn:hover{color:#aaa}.ms-sort-btn.active{background:#ffffff14;color:#e2e8f0}.ms-stations{padding:0 .5rem}.ms-stations-heading{font-size:1.1rem;font-weight:700;color:#e2e8f0;margin:0 0 .75rem}.ms-stations-grid{display:flex;gap:.75rem;overflow:hidden;scroll-behavior:smooth;padding-bottom:.5rem}.ms-station-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:180px;min-width:180px;aspect-ratio:1;padding:.75rem;background-color:var(--station-color, #475569);border:none;border-radius:12px;cursor:pointer;transition:all .2s;flex-shrink:0;overflow:hidden;text-align:left}.ms-station-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0006}.ms-station-card.active{box-shadow:0 0 0 2px #fff,0 8px 24px #0006}.ms-station-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.ms-station-card.has-photo:before{content:"";position:absolute;inset:0;background-color:var(--station-color, #475569);z-index:1;mask-mode:luminance;-webkit-mask-mode:luminance;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ms-station-card.has-photo:nth-child(6n+1):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 145 C160 120 100 155 40 130 C10 120 -5 140 -5 140Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 145 C160 120 100 155 40 130 C10 120 -5 140 -5 140Z' fill='black'/%3E%3C/svg%3E")}.ms-station-card.has-photo:nth-child(6n+2):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 150 C170 130 130 160 80 135 C40 115 -5 145 -5 145Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 150 C170 130 130 160 80 135 C40 115 -5 145 -5 145Z' fill='black'/%3E%3C/svg%3E")}.ms-station-card.has-photo:nth-child(6n+3):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 140 C180 155 140 125 100 145 C60 165 20 130 -5 150Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 140 C180 155 140 125 100 145 C60 165 20 130 -5 150Z' fill='black'/%3E%3C/svg%3E")}.ms-station-card.has-photo:nth-child(6n+4):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 135 C150 155 110 125 60 150 C30 162 -5 140 -5 140Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 135 C150 155 110 125 60 150 C30 162 -5 140 -5 140Z' fill='black'/%3E%3C/svg%3E")}.ms-station-card.has-photo:nth-child(6n+5):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 148 C175 125 120 155 70 132 C30 115 -5 148 -5 148Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 148 C175 125 120 155 70 132 C30 115 -5 148 -5 148Z' fill='black'/%3E%3C/svg%3E")}.ms-station-card.has-photo:nth-child(6n+6):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 142 C168 160 125 130 85 152 C45 170 10 135 -5 148Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 142 C168 160 125 130 85 152 C45 170 10 135 -5 148Z' fill='black'/%3E%3C/svg%3E")}.ms-station-card:not(.has-photo):after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.3),transparent);pointer-events:none}.ms-station-name{position:relative;z-index:2;font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);line-height:1.2}.ms-station-count{position:relative;z-index:2;font-size:.7rem;color:#ffffffbf;text-shadow:0 1px 3px rgba(0,0,0,.3)}.ms-station-trending{position:relative;z-index:2;font-size:.6rem;font-weight:600;color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem}.ms-station-eq{position:absolute;top:.6rem;right:.6rem;display:flex;align-items:flex-end;gap:2px;height:18px;z-index:3}.ms-station-eq span{display:block;width:3px;background:#fff;border-radius:1px;animation:msEqBounce .8s ease-in-out infinite}.ms-station-eq span:nth-child(1){height:100%;animation-delay:0s}.ms-station-eq span:nth-child(2){height:60%;animation-delay:.15s}.ms-station-eq span:nth-child(3){height:80%;animation-delay:.3s}@keyframes msEqBounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.ms-mini-station{color:#ec4899;font-weight:500}.ms-catalog{flex:1}.ms-loading,.ms-empty{text-align:center;padding:3rem 1rem;color:#666}.ms-genre-section{margin-bottom:2rem}.ms-genre-heading-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.5rem}.ms-genre-heading{margin:0;font-size:1.1rem;font-weight:700;color:#7c7c9a}.ms-genre-count{font-size:.75rem;color:#555}.ms-genre-row-wrap{position:relative}.ms-genre-row{display:flex;gap:1rem;overflow:hidden;scroll-behavior:smooth;scrollbar-width:none;padding:.25rem 0}.ms-genre-row::-webkit-scrollbar{display:none}.ms-row-arrow{position:absolute;top:40%;transform:translateY(-50%);z-index:5;width:32px;height:32px;border-radius:50%;background:#000000bf;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.ms-genre-row-wrap:hover .ms-row-arrow{opacity:1}.ms-row-arrow:hover{background:#000000f2;border-color:#ffffff4d}.ms-row-arrow-left{left:0}.ms-row-arrow-right{right:0}.ms-card{width:180px;min-width:180px;flex-shrink:0;display:flex;flex-direction:column;cursor:pointer;border-radius:8px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .2s}.ms-card:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-2px)}.ms-card.playing{border-color:#ec489959;box-shadow:0 0 0 1px #ec489933}.ms-card-art{width:100%;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1a1d2e}.ms-card-artwork-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.ms-card-genre-label{font-size:.85rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.08em;z-index:2}.ms-card-play-overlay{position:absolute;bottom:.5rem;right:.5rem;width:36px;height:36px;border-radius:50%;background:#ec4899d9;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,transform .2s;transform:translateY(4px);z-index:3;box-shadow:0 4px 12px #ec489980}.ms-card:hover .ms-card-play-overlay,.ms-card-play-overlay.playing{opacity:1;transform:translateY(0)}.ms-card-play-overlay:hover{transform:scale(1.06)!important;box-shadow:0 6px 16px #ec489999}.ms-card-like{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.25rem;padding:.2rem .45rem;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#0000004d;color:#555;font-size:.65rem;cursor:pointer;transition:all .15s;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ms-card-like:hover{color:#f87171;border-color:#f871714d;background:#f871711a}.ms-card-like.liked{color:#ef4444;border-color:#ef444440;background:#ef44441f}.ms-card-info{padding:.6rem .7rem;display:flex;flex-direction:column;gap:.15rem}.ms-card-title{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-card-artist{font-size:.75rem;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-card-artist--link{background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color .15s}.ms-card-artist--link:hover{color:#e2e8f0;text-decoration:underline;text-underline-offset:2px}.ms-card-meta{display:flex;align-items:center;gap:.75rem;margin-top:.1rem}.ms-card-genre{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888}.ms-card-plays{display:flex;align-items:center;gap:.2rem;font-size:.65rem;color:#666}.ms-card-support-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .4rem;border-radius:8px;border:1px solid rgba(139,92,246,.25);background:#8b5cf614;color:#a78bfa;font-size:.6rem;font-weight:600;cursor:pointer;transition:all .15s;margin-left:auto}.ms-card-support-btn:hover{background:#8b5cf62e;border-color:#8b5cf666;color:#c4b5fd}.main-stage.has-player .main-stage-content{padding-bottom:64px}.ms-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1e1b4b;color:#c084fc;padding:.75rem 1.5rem;border-radius:10px;border:1px solid rgba(168,85,247,.3);font-size:.85rem;z-index:1000;animation:msToastIn .2s ease}@keyframes msToastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.backstage{display:flex;flex-direction:column;height:100%;min-height:0;background:#0f1117;color:#e2e8f0;overflow:hidden}.backstage-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#0f1117}.backstage-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .15s ease;flex-shrink:0}.backstage-back:hover{background:#ffffff1a;color:#e2e8f0}.backstage-title{font-size:1.15rem;font-weight:700;margin:0;color:#fff}.backstage-subtitle{font-size:.8rem;color:#94a3b8}.backstage-content{flex:1;min-height:0;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.35) transparent}.backstage-content::-webkit-scrollbar{width:5px}.backstage-content::-webkit-scrollbar-track{background:transparent}.backstage-content::-webkit-scrollbar-thumb{background:#6366f159;border-radius:3px}.backstage-content::-webkit-scrollbar-thumb:hover{background:#6366f199}.backstage-hero{position:relative;border-radius:16px;overflow:hidden;min-height:220px;display:flex;align-items:center;background:linear-gradient(135deg,#451a03,#78350f,#92400e)}.backstage-hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(245,158,11,.25),transparent 60%),radial-gradient(ellipse at 30% 80%,rgba(239,68,68,.15),transparent 50%);pointer-events:none}.backstage-hero-content{position:relative;z-index:1;flex:1;padding:2rem;display:flex;flex-direction:column;gap:.75rem}.backstage-hero-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#fbbf24;background:#f59e0b33;padding:.25rem .75rem;border-radius:20px;width:fit-content}.backstage-hero-heading{font-size:1.8rem;font-weight:800;margin:0;color:#fef3c7}.backstage-hero-description{font-size:.85rem;color:#fcd34d;opacity:.8;line-height:1.5;max-width:420px;margin:0}.backstage-hero-stats{display:flex;gap:1.5rem;margin-top:.5rem}.backstage-stat{display:flex;flex-direction:column;gap:.15rem}.backstage-stat-value{font-size:1.1rem;font-weight:700;color:#ffffff40}.backstage-stat-label{font-size:.65rem;color:#92400e;text-transform:uppercase;letter-spacing:.5px}.backstage-hero-visual{position:relative;z-index:1;padding:2rem;display:flex;align-items:center;justify-content:center}.backstage-mic-icon{color:#fbbf244d;animation:backstage-mic-pulse 3s ease-in-out infinite}@keyframes backstage-mic-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.backstage-section{display:flex;flex-direction:column;gap:.75rem}.backstage-section-heading{font-size:1rem;font-weight:700;margin:0;color:#e2e8f0}.bs-hero-banner{padding:1.5rem 2rem;background:radial-gradient(ellipse at 30% 50%,rgba(245,158,11,.12) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(168,85,247,.1) 0%,transparent 60%),linear-gradient(135deg,#1a1a2ef2,#0d0f1af2);border:1px solid rgba(245,158,11,.12);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:.5rem}.bs-hero-content{flex:1;min-width:0}.bs-hero-title{font-size:1.4rem;font-weight:800;color:#fff;margin:0 0 .35rem;letter-spacing:-.01em}.bs-hero-sub{font-size:.88rem;color:#ffffff8c;margin:0;line-height:1.4}.bs-hero-steps{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.bs-hero-step{font-size:.75rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.bs-hero-divider{width:20px;height:1px;background:#f59e0b4d}@media(max-width:768px){.bs-hero-banner{flex-direction:column;text-align:center;padding:1.25rem 1.5rem;gap:1rem}.bs-hero-steps{justify-content:center;flex-wrap:wrap}}.backstage-step-arrow{color:#334155;flex-shrink:0}.backstage-genre-grid{display:flex;flex-wrap:wrap;gap:.5rem}.backstage-genre-card{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;cursor:not-allowed;opacity:.6;transition:all .2s ease;position:relative;overflow:hidden}.backstage-genre-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--genre-color);opacity:.5}.backstage-genre-label{font-size:.8rem;font-weight:600;color:#cbd5e1}.backstage-genre-count{font-size:.65rem;color:#475569}.backstage-placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.backstage-placeholder-card{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;position:relative}.backstage-placeholder-thumb{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border-radius:8px;animation:backstage-shimmer 2s ease-in-out infinite}.backstage-placeholder-lines{display:flex;flex-direction:column;gap:.35rem}.backstage-placeholder-line{height:10px;background:#ffffff0a;border-radius:4px;animation:backstage-shimmer 2s ease-in-out infinite}.backstage-placeholder-line.wide{width:80%}.backstage-placeholder-line.narrow{width:50%}.backstage-placeholder-badge{position:absolute;top:.75rem;right:.75rem;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fbbf24;background:#f59e0b26;padding:.15rem .4rem;border-radius:4px}.backstage-staff-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#818cf8;background:#6366f126;border:1px solid rgba(99,102,241,.25);padding:.15rem .5rem;border-radius:4px}.backstage-staff-badge svg{width:10px;height:10px;fill:currentColor}@keyframes backstage-shimmer{0%,to{opacity:1}50%{opacity:.5}}.backstage-placeholder-message{font-size:.8rem;color:#475569;text-align:center;margin:.5rem 0 0;font-style:italic}@media(max-width:1200px){.backstage-placeholder-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.backstage-steps{flex-direction:column}.backstage-step-arrow{transform:rotate(90deg)}.backstage-hero-visual{display:none}}.backstage-how-it-works{padding:.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.backstage-how-it-works .backstage-steps{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-direction:row}.backstage-how-it-works .backstage-step{display:flex;align-items:center;gap:.4rem}.backstage-how-it-works .backstage-step-number{width:22px;height:22px;border-radius:50%;background:#ffffff0f;color:#888;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.backstage-how-it-works .backstage-step-title{font-size:.8rem;color:#94a3b8}.backstage-how-it-works .backstage-step-arrow{color:#475569;font-size:1rem}.backstage-filters{padding:.75rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.backstage-license-pills{display:flex;align-items:center;gap:.4rem}.backstage-filter-label{font-size:.65rem;font-weight:700;letter-spacing:.06em;color:#4b5563;text-transform:uppercase;margin-right:.2rem;flex-shrink:0}.backstage-license-pill{padding:.28rem .85rem;border-radius:20px;border:1px solid #333;background:#ffffff08;color:#888;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.backstage-license-pill:hover{border-color:#555;color:#bbb}.backstage-license-pill.active{border-color:#555;background:#ffffff14;color:#e2e8f0}.backstage-license-pill--free.active{border-color:#6366f1;background:#6366f11f;color:#a5b4fc}.backstage-license-pill--exclusive.active{border-color:#d97706;background:#d977061f;color:#fcd34d}.backstage-genre-pills{display:flex;flex-wrap:wrap;gap:.4rem}.backstage-genre-pill{padding:.3rem .75rem;border-radius:20px;border:1px solid #333;background:#ffffff08;color:#888;font-size:.75rem;cursor:pointer;transition:all .15s}.backstage-genre-pill:hover{border-color:#555;color:#bbb}.backstage-genre-pill.active{border-color:var(--pill-color, #a855f7);background:#a855f71f;color:var(--pill-color, #c084fc)}.backstage-sort{display:flex;gap:.3rem}.backstage-sort-btn{padding:.25rem .6rem;border-radius:6px;border:none;background:transparent;color:#666;font-size:.72rem;cursor:pointer}.backstage-sort-btn:hover{color:#aaa}.backstage-sort-btn.active{background:#ffffff14;color:#e2e8f0}.backstage-catalog{flex:1;overflow-y:auto;padding:1rem 1.5rem}.backstage-loading,.backstage-empty{text-align:center;padding:3rem 1rem;color:#666}.backstage-empty p:first-child{font-size:1.1rem;color:#888}.backstage-song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.backstage-song-card{position:relative;background:#161822;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s,transform .15s}.backstage-song-card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.backstage-song-card.playing{border-color:#a855f766}.song-card-accent{position:absolute;top:0;left:1rem;right:1rem;height:2px;border-radius:0 0 2px 2px;opacity:.6}.song-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.song-card-title{margin:0;font-size:.95rem;font-weight:600;color:#f0f0f0;line-height:1.3}.song-card-genre{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.song-card-creator{font-size:.75rem;color:#666}.song-card-handle{color:#8b8bba}.song-card-player{display:flex;align-items:center;gap:.75rem;margin:.25rem 0}.song-card-play-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(168,85,247,.4);background:#a855f71a;color:#c084fc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.song-card-play-btn:hover{background:#a855f740;border-color:#a855f799}.song-card-play-btn.playing{background:#a855f74d;border-color:#a855f7}.song-card-stats{display:flex;gap:.75rem}.song-card-stat{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:#666}.song-card-actions{display:flex;gap:.5rem;margin-top:.25rem}.song-card-claim-btn{flex:1;padding:.45rem 0;border-radius:8px;border:1px solid rgba(168,85,247,.3);background:#a855f71a;color:#c084fc;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.song-card-claim-btn:hover:not(:disabled){background:#a855f733;border-color:#a855f780}.song-card-claim-btn.claimed{background:#22c55e1a;border-color:#22c55e4d;color:#4ade80;cursor:default}.song-card-claim-btn:disabled{opacity:.6;cursor:default}.song-card-buyout-btn{padding:.45rem .75rem;border-radius:8px;border:1px solid rgba(245,158,11,.3);background:#f59e0b1a;color:#fbbf24;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.song-card-buyout-btn:hover{background:#f59e0b33;border-color:#f59e0b80}.backstage-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1e1b4b;color:#c084fc;padding:.75rem 1.5rem;border-radius:10px;border:1px solid rgba(168,85,247,.3);font-size:.85rem;z-index:1000;animation:backstageToastIn .2s ease}@keyframes backstageToastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bs-catalog{padding:1rem 1.5rem}.bs-loading,.bs-empty{text-align:center;padding:3rem 1rem;color:#666}.bs-genre-section{margin-bottom:2rem}.bs-genre-heading-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.5rem}.bs-genre-heading{margin:0;font-size:1.1rem;font-weight:700}.bs-genre-count{font-size:.75rem;color:#555}.bs-row-wrap{position:relative}.bs-song-grid{display:flex;gap:1rem;overflow:hidden;scroll-behavior:smooth;scrollbar-width:none;padding:.25rem 0}.bs-song-grid::-webkit-scrollbar{display:none}.bs-row-arrow{position:absolute;top:40%;transform:translateY(-50%);z-index:5;width:32px;height:32px;border-radius:50%;background:#000000bf;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.bs-row-wrap:hover .bs-row-arrow{opacity:1}.bs-row-arrow:hover{background:#000000f2;border-color:#ffffff4d}.bs-row-arrow-left{left:0}.bs-row-arrow-right{right:0}.bs-card{position:relative;width:180px;min-width:180px;flex-shrink:0;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .2s}.bs-card:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-2px)}.bs-card.playing{border-color:#6366f159;box-shadow:0 0 0 1px #6366f133}.bs-card-art{width:100%;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1a1d2e}.bs-card-artwork-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.bs-card-genre-label{font-size:1rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.08em;z-index:2}.bs-card-waves{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.bs-card-badge{position:absolute;top:.4rem;left:.4rem;font-size:.55rem;font-weight:700;color:#ffffffb3;background:#00000059;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;z-index:3}.bs-card-play-overlay{position:absolute;bottom:.5rem;right:.5rem;width:36px;height:36px;border-radius:50%;background:#6366f1d9;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,transform .2s;transform:translateY(4px);z-index:3}.bs-card:hover .bs-card-play-overlay,.bs-card-play-overlay.playing{opacity:1;transform:translateY(0)}.bs-card-info{padding:.6rem .7rem;display:flex;flex-direction:column;gap:.15rem}.bs-card-title{font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-card-artist{font-size:.8rem;color:#ffffffa6}.bs-card-artist--link{background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color .15s}.bs-card-artist--link:hover{color:#e2e8f0;text-decoration:underline;text-underline-offset:2px}.bs-card-meta{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4em}.bs-vocal-type{background:#ffffff14;padding:.1em .4em;border-radius:3px;font-weight:600;color:#ffffffb3}.bs-stations{padding:0 .5rem}.bs-stations-heading{font-size:1.1rem;font-weight:700;color:#e2e8f0;margin:0 0 .75rem}.bs-stations-grid{display:flex;gap:.75rem;overflow:hidden;scroll-behavior:smooth;padding-bottom:.5rem}.bs-station-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:180px;min-width:180px;aspect-ratio:1;padding:.75rem;background-color:var(--station-color, #475569);border:none;border-radius:12px;cursor:pointer;transition:all .2s;flex-shrink:0;overflow:hidden;text-align:left}.bs-station-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0006}.bs-station-card.active{box-shadow:0 0 0 2px #fff,0 8px 24px #0006}.bs-station-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.bs-station-card.has-photo:before{content:"";position:absolute;inset:0;background-color:var(--station-color, #475569);z-index:1;mask-mode:luminance;-webkit-mask-mode:luminance;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bs-station-card.has-photo:nth-child(6n+1):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 145 C160 120 100 155 40 130 C10 120 -5 140 -5 140Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 145 C160 120 100 155 40 130 C10 120 -5 140 -5 140Z' fill='black'/%3E%3C/svg%3E")}.bs-station-card.has-photo:nth-child(6n+2):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 150 C170 130 130 160 80 135 C40 115 -5 145 -5 145Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 150 C170 130 130 160 80 135 C40 115 -5 145 -5 145Z' fill='black'/%3E%3C/svg%3E")}.bs-station-card.has-photo:nth-child(6n+3):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 140 C180 155 140 125 100 145 C60 165 20 130 -5 150Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 140 C180 155 140 125 100 145 C60 165 20 130 -5 150Z' fill='black'/%3E%3C/svg%3E")}.bs-station-card.has-photo:nth-child(6n+4):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 135 C150 155 110 125 60 150 C30 162 -5 140 -5 140Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 135 C150 155 110 125 60 150 C30 162 -5 140 -5 140Z' fill='black'/%3E%3C/svg%3E")}.bs-station-card.has-photo:nth-child(6n+5):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 148 C175 125 120 155 70 132 C30 115 -5 148 -5 148Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 148 C175 125 120 155 70 132 C30 115 -5 148 -5 148Z' fill='black'/%3E%3C/svg%3E")}.bs-station-card.has-photo:nth-child(6n+6):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 142 C168 160 125 130 85 152 C45 170 10 135 -5 148Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Crect width='200' height='200' fill='white'/%3E%3Cpath d='M-5 -5 L205 -5 L205 142 C168 160 125 130 85 152 C45 170 10 135 -5 148Z' fill='black'/%3E%3C/svg%3E")}.bs-station-card:not(.has-photo):after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.3),transparent);pointer-events:none}.bs-station-name{position:relative;z-index:2;font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);line-height:1.2}.bs-station-count{position:relative;z-index:2;font-size:.7rem;color:#ffffffbf;text-shadow:0 1px 3px rgba(0,0,0,.3)}.bs-station-trending{position:relative;z-index:2;font-size:.6rem;font-weight:600;color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem}.bs-station-eq{position:absolute;top:.6rem;right:.6rem;display:flex;align-items:flex-end;gap:2px;height:18px;z-index:3}.bs-station-eq span{display:block;width:3px;background:#fff;border-radius:1px;animation:bsEqBounce .8s ease-in-out infinite}.bs-station-eq span:nth-child(1){height:100%;animation-delay:0s}.bs-station-eq span:nth-child(2){height:60%;animation-delay:.15s}.bs-station-eq span:nth-child(3){height:80%;animation-delay:.3s}@keyframes bsEqBounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.4)}}.bs-mini-station{color:#a855f7;font-weight:500}.backstage.has-player .backstage-content{padding-bottom:64px}.bs-mini-player{position:absolute;bottom:0;left:0;right:0;height:56px;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border-top:1px solid rgba(168,85,247,.2);display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;box-shadow:0 -4px 20px #0000004d;z-index:10}.bs-mini-info{display:flex;flex-direction:column;min-width:120px;max-width:200px;overflow:hidden}.bs-mini-title{font-size:.85rem;font-weight:600;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-mini-artist{font-size:.7rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-mini-play-btn{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s,box-shadow .15s}.bs-mini-play-btn:hover{transform:scale(1.05);box-shadow:0 0 12px #a855f766}.bs-mini-progress{flex:1;height:6px;background:#ffffff1a;border-radius:3px;cursor:pointer;position:relative;min-width:80px}.bs-mini-progress-bg{position:absolute;inset:0;background:#ffffff0d;border-radius:3px}.bs-mini-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#a855f7,#7c3aed);border-radius:3px;transition:width .1s linear}.bs-mini-time{font-size:.72rem;color:#888;font-variant-numeric:tabular-nums;min-width:75px;text-align:center;flex-shrink:0}.bs-mini-close{width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s;flex-shrink:0}.bs-mini-close:hover{color:#f0f0f0;background:#ffffff1a}.bs-play-btn{width:34px;height:34px;border-radius:50%;border:none;background:#a855f7;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 12px #a855f766}.bs-card:hover .bs-play-btn,.bs-play-btn.playing{opacity:1;transform:translateY(0)}.bs-play-btn:hover{transform:scale(1.06);box-shadow:0 6px 16px #a855f780}.bs-play-btn.playing{background:#a855f7}.bs-like-btn{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.25rem;padding:.2rem .45rem;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#0000004d;color:#555;font-size:.65rem;cursor:pointer;transition:all .15s;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bs-like-btn:hover{color:#f87171;border-color:#f871714d;background:#f871711a}.bs-like-btn.liked{color:#ef4444;border-color:#ef444440;background:#ef44441f}.bs-card-stats{display:flex;gap:.6rem}.bs-stat{display:flex;align-items:center;gap:.2rem;font-size:.68rem;color:#94a3b8}.bs-claim-btn{width:calc(100% - 1.4rem);margin:0 .7rem .6rem;padding:.4rem;border-radius:7px;border:1px solid rgba(168,85,247,.25);background:#a855f714;color:#c084fc;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;margin-top:auto}.bs-claim-btn:hover:not(:disabled){background:#a855f72e;border-color:#a855f766}.bs-claim-btn.claimed{background:#22c55e14;border-color:#22c55e40;color:#4ade80;cursor:default}.bs-claim-btn:disabled{opacity:.6;cursor:default}.bs-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:bsModalFadeIn .15s ease}@keyframes bsModalFadeIn{0%{opacity:0}to{opacity:1}}.bs-modal{background:#1a1c2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;width:90%;max-width:480px;position:relative}.bs-modal-close{position:absolute;top:.75rem;right:1rem;background:none;border:none;color:#666;font-size:1.5rem;cursor:pointer}.bs-modal-close:hover{color:#aaa}.bs-modal-title{margin:0 0 .25rem;font-size:1.1rem;color:#e2e8f0}.bs-modal-song-name{margin:0;font-size:1rem;font-weight:700;color:#f0f0f0}.bs-modal-creator{margin:.15rem 0 .75rem;font-size:.8rem;color:#8b8bba}.bs-modal-options{display:flex;flex-direction:column;gap:.75rem}.bs-modal-option{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem;background:#ffffff05}.bs-modal-option.buyout{border-color:#fbbf2433;background:#fbbf2408}.bs-modal-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.bs-modal-option-label{font-size:.9rem;font-weight:700;color:#e2e8f0}.bs-modal-option-price{font-size:.9rem;font-weight:700;color:#4ade80}.bs-modal-option.buyout .bs-modal-option-price{color:#fbbf24}.bs-modal-option-features{margin:0;padding-left:1.2rem;font-size:.78rem;color:#94a3b8;line-height:1.7}.bs-modal-option-note{font-size:.7rem;color:#555;margin:.5rem 0 0;font-style:italic}.bs-modal-claim-btn{width:100%;padding:.6rem;border-radius:8px;border:none;font-size:.82rem;font-weight:700;cursor:pointer;margin-top:.75rem;transition:all .15s}.bs-modal-claim-btn.free{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.bs-modal-claim-btn.free:hover{background:#a855f740}.bs-modal-claim-btn.free:disabled{opacity:.6;cursor:default}.bs-modal-claim-btn.buyout{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.bs-modal-claim-btn.buyout:hover{background:#fbbf2440}.buyout-modal{max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;padding:0}.buyout-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1.25rem 1.5rem 0;flex-shrink:0}.buyout-modal-close{position:static!important;flex-shrink:0;align-self:flex-start;margin-top:-.1rem}.buyout-modal-body{flex:1;overflow-y:auto;padding:0 1.5rem 1.5rem;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) transparent}.buyout-modal-body::-webkit-scrollbar{width:4px}.buyout-modal-body::-webkit-scrollbar-track{background:transparent}.buyout-modal-body::-webkit-scrollbar-thumb{background:#6366f166;border-radius:2px}.buyout-song-header{display:flex;align-items:center;gap:.85rem;flex:1;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:0}.buyout-modal-header{border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:1rem;margin-bottom:1rem}.buyout-song-header{border-bottom:none;padding-bottom:0}.buyout-song-art{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.buyout-song-info{display:flex;flex-direction:column;gap:.15rem}.buyout-song-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fbbf24}.buyout-review{display:flex;flex-direction:column;gap:1rem}.buyout-section-heading{margin:0 0 .5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8b8bba}.buyout-breakdown{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.45rem}.buyout-breakdown-row{display:flex;justify-content:space-between;font-size:.85rem;color:#94a3b8}.buyout-breakdown-row.tax,.buyout-breakdown-row.fee{color:#6b7280;font-size:.8rem}.buyout-breakdown-row.total{color:#e2e8f0;font-weight:700;font-size:.95rem}.buyout-breakdown-row.seller{color:#86efac;font-size:.78rem}.buyout-breakdown-divider{height:1px;background:#ffffff14;margin:.25rem 0}.buyout-perks{margin:0;padding-left:1.2rem;font-size:.8rem;color:#94a3b8;line-height:1.8}.buyout-existing-note{margin:.5rem 0 0;font-size:.72rem;color:#6b7280;font-style:italic}.buyout-proceed-btn{width:100%;padding:.7rem;border-radius:8px;border:1px solid rgba(251,191,36,.4);background:#fbbf2426;color:#fbbf24;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.buyout-proceed-btn:hover{background:#fbbf2440}.buyout-payment{display:flex;flex-direction:column;gap:.75rem}.buyout-payment-total{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:#fbbf240f;border:1px solid rgba(251,191,36,.15);border-radius:8px;font-size:.85rem;color:#94a3b8}.buyout-payment-total-amount{font-size:1rem;font-weight:700;color:#fbbf24}.buyout-stripe-form{display:flex;flex-direction:column;gap:.75rem}.buyout-stripe-error{font-size:.8rem;color:#f87171;padding:.5rem .75rem;background:#f8717114;border-radius:6px}.buyout-form-actions{display:flex;gap:.5rem;margin-top:.25rem}.buyout-back-btn{flex:0 0 80px;padding:.65rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:none;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .15s}.buyout-back-btn:hover{color:#e2e8f0;border-color:#ffffff4d}.buyout-back-btn:disabled{opacity:.4;cursor:default}.buyout-pay-btn{flex:1;padding:.65rem;border-radius:8px;border:1px solid rgba(251,191,36,.4);background:#fbbf242e;color:#fbbf24;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.buyout-pay-btn:hover:not(:disabled){background:#fbbf2447}.buyout-pay-btn:disabled{opacity:.5;cursor:default}.buyout-state-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:1rem 0 .5rem}.buyout-spinner{width:36px;height:36px;border:3px solid rgba(251,191,36,.2);border-top-color:#fbbf24;border-radius:50%;animation:bs-spin .75s linear infinite}@keyframes bs-spin{to{transform:rotate(360deg)}}.buyout-state-text{font-size:.85rem;color:#94a3b8;max-width:340px;line-height:1.55;margin:0}.buyout-success-title{margin:0;font-size:1.05rem;font-weight:700;color:#fbbf24}.buyout-error-title{margin:0;font-size:1rem;font-weight:700;color:#f87171}.buyout-done-btn{margin-top:.25rem;padding:.55rem 1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;color:#e2e8f0;font-size:.85rem;cursor:pointer;transition:all .15s}.buyout-done-btn:hover{background:#ffffff1f}.buyout-report-form{display:flex;flex-direction:column;gap:.6rem;width:100%;margin-top:.5rem}.buyout-report-label{margin:0;font-size:.8rem;color:#94a3b8}.buyout-report-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e2e8f0;font-size:.85rem;padding:.6rem .75rem;resize:vertical;box-sizing:border-box}.buyout-report-textarea:focus{outline:none;border-color:#6366f199}.upgrade{display:flex;flex-direction:column;height:100%;background:#0f1117;color:#e2e8f0;overflow:hidden}.upgrade-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.upgrade-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .15s ease;flex-shrink:0}.upgrade-back:hover{background:#ffffff1a;color:#e2e8f0}.upgrade-title{font-size:1.15rem;font-weight:700;margin:0;color:#e2e8f0}.upgrade-content{flex:1;overflow-y:auto;padding:1.5rem}.upgrade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start;padding-top:1.5rem;max-width:900px;margin:0 auto}.upgrade-divider-label{position:absolute;top:-32px;left:0;right:0;text-align:center;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#e0e0f0;white-space:nowrap}.upgrade-card{display:flex;flex-direction:column;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.25rem 1rem;position:relative;transition:all .2s ease}.upgrade-card.current{border-color:var(--tier-accent);box-shadow:0 0 20px #a855f71a}.upgrade-card.popular{border-color:#a855f74d}.upgrade-popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#c084fc;background:#1e1035;border:1px solid rgba(168,85,247,.3);padding:.2rem .65rem;border-radius:20px;white-space:nowrap}.upgrade-current-badge{position:absolute;top:-10px;right:.75rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#22c55e;background:#14532d;border:1px solid rgba(34,197,94,.4);padding:.2rem .65rem;border-radius:20px;white-space:nowrap}.upgrade-card-header{display:flex;flex-direction:column;gap:.35rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:.75rem}.upgrade-card-name{font-size:1rem;font-weight:700;margin:0;color:var(--tier-accent)}.upgrade-card-price{display:flex;align-items:baseline;gap:.25rem}.upgrade-price-amount{font-size:1.6rem;font-weight:800;color:#e2e8f0}.upgrade-price-period{font-size:.75rem;color:#64748b}.upgrade-card-features{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;flex:1}.upgrade-feature{display:flex;align-items:center;gap:.4rem;font-size:.7rem}.upgrade-feature.dim{opacity:.4}.upgrade-feature-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px}.upgrade-feature-label{color:#94a3b8;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-feature-value{color:#cbd5e1;font-weight:600;white-space:nowrap;text-align:right}.upgrade-feature-value.neg{color:#475569;font-weight:400}.upgrade-card-cta{padding:.55rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#94a3b8}.upgrade-card-cta:hover:not(:disabled){background:#ffffff14;color:#e2e8f0}.upgrade-card-cta.current{background:#22c55e1a;border-color:#22c55e40;color:#22c55e;cursor:default}@media(max-width:1400px){.upgrade-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.upgrade-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.upgrade-cards{grid-template-columns:1fr}}.stripe-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:2rem 0}.stripe-modal{background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;max-width:420px;width:90%;max-height:calc(100vh - 4rem);overflow-y:auto;box-shadow:0 20px 60px #00000080}.stripe-payment-form h4{color:#e0e0e0;margin:0 0 16px;font-size:1rem;font-weight:600}.stripe-error{color:#ef4444;font-size:.8rem;margin-top:12px;padding:8px 12px;background:#ef44441a;border-radius:6px}.stripe-form-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.stripe-cancel-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#888;padding:8px 18px;font-size:.85rem;cursor:pointer}.stripe-cancel-btn:hover{background:#ffffff1f}.stripe-submit-btn{background:#6366f1;border:none;border-radius:6px;color:#fff;padding:8px 24px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.stripe-submit-btn:hover:not(:disabled){background:#4f46e5}.stripe-submit-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-message{text-align:center;padding:12px;margin-top:16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:.9rem}.iter-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:iterFadeIn .2s ease}@keyframes iterFadeIn{0%{opacity:0}to{opacity:1}}.iter-modal{background:#1a1a2e;border-radius:12px;width:90%;max-width:480px;box-shadow:0 8px 32px #00000080;animation:iterSlideUp .2s ease;max-height:90vh;display:flex;flex-direction:column}@keyframes iterSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.iter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #333;flex-shrink:0}.iter-modal-header h3{margin:0;font-size:1.1rem;color:#f0f0f0}.iter-modal-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;line-height:1;transition:color .2s}.iter-modal-close:hover:not(:disabled){color:#fff}.iter-modal-close:disabled{opacity:.5;cursor:not-allowed}.iter-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.iter-field{margin-bottom:1.25rem}.iter-field label{display:block;margin-bottom:.5rem;color:#ccc;font-weight:500;font-size:.9rem}.iter-field .iter-hint{font-size:.78rem;color:#777;margin-top:.3rem}.iter-slider-row{display:flex;align-items:center;gap:.75rem}.iter-slider-row input[type=range]{flex:1;accent-color:#6366f1;height:6px}.iter-slider-value{min-width:40px;text-align:right;color:#aaa;font-size:.85rem;font-variant-numeric:tabular-nums}.iter-slider-labels{display:flex;justify-content:space-between;font-size:.72rem;color:#666;margin-top:.2rem}.iter-toggle-row{display:flex;gap:.5rem}.iter-toggle-btn{flex:1;padding:.6rem .75rem;border:1px solid #333;border-radius:8px;background:#0f0f1a;color:#999;font-size:.85rem;font-weight:500;cursor:pointer;text-align:center;transition:all .15s}.iter-toggle-btn:hover{border-color:#555;color:#ccc}.iter-toggle-btn.active{border-color:#6366f1;background:#6366f11f;color:#a5b4fc}.iter-textarea{width:100%;padding:.75rem;background:#0f0f1a;border:1px solid #333;border-radius:8px;color:#f0f0f0;font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px}.iter-textarea:focus{outline:none;border-color:#6366f1}.iter-textarea:disabled{opacity:.5}.iter-input-row{display:flex;gap:.75rem}.iter-input-row .iter-input-group{flex:1}.iter-input-group label{display:block;font-size:.78rem;color:#888;margin-bottom:.3rem}.iter-input{width:100%;padding:.5rem .6rem;background:#0f0f1a;border:1px solid #333;border-radius:6px;color:#f0f0f0;font-size:.85rem}.iter-input:focus{outline:none;border-color:#6366f1}.iter-error{margin-top:.75rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:.85rem}.iter-progress{margin-top:1rem}.iter-progress-bar{width:100%;height:6px;background:#1e1e36;border-radius:3px;overflow:hidden}.iter-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:3px;transition:width .3s ease}.iter-progress-text{font-size:.78rem;color:#888;margin-top:.4rem;text-align:center}.iter-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #333;flex-shrink:0}.iter-btn{padding:.65rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.iter-btn.cancel{background:transparent;border:1px solid #444;color:#888}.iter-btn.cancel:hover:not(:disabled){background:#2a2a3e;color:#f0f0f0}.iter-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.iter-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.iter-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.iter-btn .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.iter-variations{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.iter-variation-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.iter-variation-card:hover{border-color:#ffffff26}.iter-variation-card.selected{border-color:#6366f1;background:#6366f114}.iter-variation-play{width:32px;height:32px;border-radius:50%;border:none;background:#6366f133;color:#a5b4fc;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.iter-variation-play:hover{background:#6366f159}.iter-variation-label{flex:1;color:#ccc;font-size:.85rem}.iter-variation-play.playing{background:#6366f166;color:#fff}.iter-variation-radio{width:18px;height:18px;border-radius:50%;border:2px solid #555;flex-shrink:0;transition:all .15s;position:relative}.iter-variation-radio.checked{border-color:#6366f1}.iter-variation-radio.checked:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#6366f1}.repaint-playback{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.repaint-play-btn{width:36px;height:36px;border-radius:50%;border:none;background:#6366f133;color:#a5b4fc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.repaint-play-btn:hover:not(:disabled){background:#6366f159}.repaint-play-btn:disabled{opacity:.4;cursor:not-allowed}.repaint-time{font-size:.78rem;color:#888;font-variant-numeric:tabular-nums}.repaint-waveform-container{position:relative;height:100px;background:#0f0f1a;border:1px solid #333;border-radius:8px;cursor:crosshair;touch-action:none;overflow:hidden;-webkit-user-select:none;user-select:none}.repaint-waveform-bars{display:flex;align-items:flex-end;height:100%;gap:0;padding:4px 0}.repaint-bar{flex:1;min-width:0;background:#6366f173;border-radius:1px 1px 0 0}.repaint-waveform-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#555;font-size:.8rem}.repaint-selection-overlay{position:absolute;top:0;bottom:0;background:#6366f133;border-left:2px solid rgba(99,102,241,.7);border-right:2px solid rgba(99,102,241,.7);pointer-events:none;z-index:2}.repaint-playhead{position:absolute;top:0;bottom:0;width:2px;background:#f0f0f0;pointer-events:none;z-index:3;transition:left .1s linear}.repaint-lrc-marker{position:absolute;top:0;bottom:0;width:1px;background:#fbbf2459;pointer-events:none;z-index:1}.repaint-time-labels{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.4rem;font-size:.82rem;color:#a5b4fc;font-variant-numeric:tabular-nums}.repaint-time-arrow{color:#666}.repaint-time-duration{color:#777;font-size:.75rem}.ws-waveform-wrapper{display:flex;flex-direction:column;gap:0}.ws-waveform-container{position:relative;border-radius:8px;overflow:hidden;border:1px solid #333;background:#0f0f1a}.ws-waveform-container [data-resize]{width:6px!important;background:#6366f1b3!important}.iter-region-lyrics{margin-top:.5rem;padding:.6rem .75rem;background:#6366f10f;border:1px solid rgba(99,102,241,.2);border-radius:8px}.iter-region-lyrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.75rem;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.iter-region-lyrics-time{color:#a5b4fc;font-variant-numeric:tabular-nums}.iter-region-lyrics-lines{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;color:#ccc;line-height:1.4;max-height:120px;overflow-y:auto}.iter-region-lyrics-empty{margin:0;font-size:.8rem;color:#666;font-style:italic}.regen-chorus-row{display:flex;align-items:center;gap:.6rem;margin-top:.5rem}.regen-chorus-btn{flex-shrink:0;padding:.4rem .7rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ccc;font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.regen-chorus-btn:hover:not(:disabled){background:#ffffff1f;color:#fff}.regen-chorus-btn:disabled{opacity:.5;cursor:default}.regen-chorus-preview{flex:1 1 auto;font-size:.75rem;color:#888;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.repaint-modal .repaint-waveform-box{background:#0f172a8c;border:1px solid rgba(148,163,184,.18);border-radius:6px;padding:8px 10px;margin-bottom:10px}.repaint-modal [part=region-handle],.repaint-modal [part^=region-handle],.repaint-modal .wavesurfer-region-handle,.repaint-modal .wavesurfer-region-handle-left,.repaint-modal .wavesurfer-region-handle-right{background:#22d3eef2!important;width:6px!important;border-left:2px solid rgba(8,145,178,.9)!important;border-right:2px solid rgba(8,145,178,.9)!important;cursor:ew-resize;box-shadow:0 0 8px #22d3ee66}.repaint-range-controls{display:flex;align-items:flex-end;gap:12px;margin-top:8px}.repaint-timecode{flex:1;display:flex;flex-direction:column;gap:4px}.repaint-timecode label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}.repaint-timecode-input{font-family:JetBrains Mono,Courier New,monospace;font-size:15px;font-weight:600;padding:8px 10px;background:#0f172a99;border:1px solid rgba(148,163,184,.25);border-radius:5px;color:#f1f5f9;text-align:center;letter-spacing:.04em;transition:border-color .12s,background .12s}.repaint-timecode-input:focus{outline:none;border-color:#22d3eeb3;background:#0f172ae6}.repaint-timecode-input:disabled{opacity:.45;cursor:not-allowed}.repaint-range-play{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#22d3ee26;border:1px solid rgba(34,211,238,.45);border-radius:5px;color:#22d3ee;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;align-self:flex-end;margin-bottom:0;transition:background .12s,border-color .12s;height:38px}.repaint-range-play:hover:not(:disabled){background:#22d3ee40;border-color:#22d3eeb3}.repaint-range-play:disabled{opacity:.4;cursor:not-allowed}.audition-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audition-panel{width:90%;max-width:860px;max-height:85vh;background:#12141a;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009}.audition-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.audition-header-text{flex:1}.audition-title{font-size:1.1rem;font-weight:700;color:#e2e8f0;margin:0}.audition-subtitle{font-size:.75rem;color:#64748b;margin:.2rem 0 0}.audition-dismiss{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#64748b;cursor:pointer;transition:all .15s ease;flex-shrink:0}.audition-dismiss:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.audition-candidates{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;padding:1.25rem 1.5rem;overflow-y:auto;flex:1;min-height:0}.audition-card{display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:2px solid rgba(255,255,255,.1);border-radius:14px;padding:1rem;transition:all .25s ease;position:relative;min-height:160px}.audition-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a855f74d,#6366f14d);opacity:0;transition:opacity .25s ease}.audition-card:hover:before,.audition-card.playing:before{opacity:1}.audition-card.active:before{opacity:1;background:linear-gradient(90deg,#fff9,#a855f766)}.audition-card:hover{border-color:#a855f74d;background:linear-gradient(180deg,#a855f70f,#a855f705);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.audition-card.playing{border-color:#a855f780;background:linear-gradient(180deg,#a855f714,#a855f708);box-shadow:0 4px 20px #a855f726}.audition-card.active{border-color:#fff6;background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.audition-card.active.playing{border-color:#a855f780;box-shadow:0 4px 20px #a855f726}.audition-unheard-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a855f7;margin-right:.4rem;vertical-align:middle;flex-shrink:0;box-shadow:0 0 6px #a855f780}.audition-active-badge{display:inline-block;margin-left:.5rem;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;font-weight:600;background:#ffffff26;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.audition-method-badge{display:inline-block;margin-left:.5rem;padding:.1rem .4rem;border-radius:4px;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:#64748b26;color:#64748b}.audition-method-badge.method-more-like-this{background:#3b82f626;color:#60a5fa}.audition-method-badge.method-explore{background:#f59e0b26;color:#fbbf24}.audition-method-badge.method-cover{background:#a855f726;color:#c084fc}.audition-card-label{font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.audition-player-area{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;background:#ffffff08;border-radius:10px;margin-bottom:.75rem}.audition-play-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;border-radius:50%;background:linear-gradient(135deg,#a855f733,#6366f133);border:2px solid rgba(168,85,247,.3);color:#c084fc;cursor:pointer;transition:all .2s ease}.audition-play-btn:hover:not(:disabled){background:linear-gradient(135deg,#a855f759,#6366f159);transform:scale(1.08);box-shadow:0 0 16px #a855f74d}.audition-play-btn:disabled{opacity:.5;cursor:not-allowed}.audition-card.playing .audition-play-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#a855f7;color:#fff;box-shadow:0 0 12px #a855f766}.audition-eq-bars{display:flex;align-items:flex-end;gap:2px;height:18px;margin-left:auto;padding-left:.5rem}.audition-eq-bar{width:3px;border-radius:1.5px;background:#a855f7;animation:eq-bounce .6s ease-in-out infinite alternate}.audition-card.active .audition-eq-bar{background:#fff}.audition-eq-bar:nth-child(1){animation-delay:0s;height:30%}.audition-eq-bar:nth-child(2){animation-delay:.15s;height:70%}.audition-eq-bar:nth-child(3){animation-delay:.3s;height:50%}.audition-eq-bar:nth-child(4){animation-delay:.1s;height:90%}.audition-eq-bar:nth-child(5){animation-delay:.25s;height:40%}@keyframes eq-bounce{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.audition-spinner{width:16px;height:16px;border:2px solid rgba(168,85,247,.3);border-top-color:#c084fc;border-radius:50%;animation:audition-spin .8s linear infinite}@keyframes audition-spin{to{transform:rotate(360deg)}}.audition-scrub-container{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.audition-scrub-bar{position:relative;height:6px;cursor:pointer;border-radius:3px;overflow:hidden}.audition-scrub-bg{position:absolute;inset:0;background:#ffffff14;border-radius:3px}.audition-scrub-fill{position:absolute;top:0;left:0;bottom:0;background:#a855f7;border-radius:3px;transition:width .1s linear}.audition-card.active .audition-scrub-fill{background:#fff}.audition-scrub-bar:hover .audition-scrub-fill{background:#c084fc}.audition-card.active .audition-scrub-bar:hover .audition-scrub-fill{background:#e2e8f0}.audition-time{font-size:.6rem;color:#64748b;font-variant-numeric:tabular-nums;line-height:1;min-height:.6rem}.audition-select-btn{width:100%;padding:.65rem;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#a855f71f,#6366f11f);border:1px solid rgba(168,85,247,.25);color:#c084fc}.audition-select-btn:hover:not(:disabled){background:linear-gradient(135deg,#a855f740,#6366f140);border-color:#a855f780;color:#e2e8f0;transform:translateY(-1px)}.audition-select-btn.selected{background:#ffffff14;border-color:#ffffff40;color:#fff;font-weight:700;cursor:default;letter-spacing:.3px}.audition-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.audition-batch-info{font-size:.7rem;color:#475569}.audition-generate-more{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#94a3b8;transition:all .15s ease}.audition-generate-more+.audition-generate-more{margin-left:.5rem}.audition-generate-more:hover{background:#ffffff14;color:#e2e8f0}.audition-generate-more:disabled{opacity:.4;cursor:not-allowed}.audition-gen-progress{display:flex;align-items:center;gap:.75rem;flex:1;max-width:400px}.audition-gen-progress-bar{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;min-width:80px}.audition-gen-progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:3px;transition:width .3s ease}.audition-gen-progress-text{font-size:.7rem;color:#94a3b8;white-space:nowrap}.audition-pending-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#22d3ee26;color:#22d3ee;border:1px solid rgba(34,211,238,.3)}.audition-card.pending{border-color:#22d3ee4d}.audition-card.pending:before{background:linear-gradient(180deg,rgba(34,211,238,.08) 0%,transparent 100%)}.audition-pending-actions{display:flex;gap:8px}.audition-approve-btn,.audition-reject-btn{flex:1;padding:10px 16px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.audition-approve-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff}.audition-approve-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.audition-reject-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#999}.audition-reject-btn:hover{border-color:#ef444466;color:#f87171;background:#ef444414}.audition-archived-section{grid-column:1 / -1;margin-top:4px}.audition-archived-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#666;font-size:.82rem;font-weight:500;cursor:pointer;transition:color .15s,background .15s;margin-bottom:10px}.audition-archived-toggle:hover{color:#999;background:#ffffff0d}.audition-archived-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.audition-card.archived{opacity:.55}.audition-card.archived:hover{opacity:.8}@media(max-width:700px){.audition-candidates{grid-template-columns:1fr}.audition-panel{width:95%}}.audition-confirm-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:auditionConfirmFadeIn .12s ease-out}@keyframes auditionConfirmFadeIn{0%{opacity:0}to{opacity:1}}.audition-confirm{width:90%;max-width:440px;background:#12141a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.5rem;box-shadow:0 24px 80px #000000b3}.audition-confirm-title{margin:0 0 .75rem;font-size:1.1rem;font-weight:700;color:#e2e8f0}.audition-confirm-message{margin:0 0 1.5rem;font-size:.95rem;line-height:1.5;color:#cbd5e1}.audition-confirm-actions{display:flex;justify-content:flex-end;gap:.625rem}.audition-confirm-btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e2e8f0;transition:background .12s,border-color .12s}.audition-confirm-btn:hover{background:#ffffff14;border-color:#ffffff2e}.audition-confirm-btn.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#a855f766;color:#fff}.audition-confirm-btn.primary:hover{background:linear-gradient(135deg,#8b3af0,#b86af7);border-color:#a855f799}.song-detail-panel{position:relative;display:flex;flex-direction:column;width:320px;min-width:320px;max-width:320px;background:linear-gradient(180deg,#12121f,#0a0a14);border-left:1px solid rgba(255,255,255,.08);overflow:hidden}.song-detail-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);background:#12121f4d}.song-detail-title{font-size:.9rem;font-weight:600;color:#e0e0e0;margin:0}.song-detail-close{background:none;border:none;color:#666;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center}.song-detail-close:hover{color:#ccc;background:#ffffff0f}.song-detail-content{flex:1;overflow-y:auto;padding:1.25rem}.song-detail-content::-webkit-scrollbar{width:5px}.song-detail-content::-webkit-scrollbar-track{background:transparent}.song-detail-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.song-detail-thumbnail{display:flex;flex-direction:column;align-items:center;margin-bottom:1.25rem;gap:.5rem}.song-detail-thumbnail svg,.song-detail-thumbnail img{border-radius:12px;box-shadow:0 8px 24px #0006}.thumbnail-wrapper{position:relative;display:inline-block}.thumbnail-edit-btn{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#000000a6;border:1px solid rgba(255,255,255,.15);color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .15s}.thumbnail-wrapper:hover .thumbnail-edit-btn{opacity:1}.thumbnail-edit-btn:hover{background:#6366f1b3;color:#fff}.thumbnail-edit-btn:disabled{cursor:wait}.thumbnail-uploading{font-size:.7rem;color:#aaa}.artwork-actions-stack{display:flex;flex-direction:column;width:100%}.artwork-actions-stack:empty{display:none}.artwork-action-btn{width:100%;padding:.45rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#64748b;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;margin-bottom:-1px;border-radius:0}.artwork-action-btn:first-child{border-radius:8px 8px 0 0}.artwork-action-btn:last-child{border-radius:0 0 8px 8px;margin-bottom:0}.artwork-action-btn:only-child{border-radius:8px;margin-bottom:0}.artwork-action-btn:hover:not(:disabled){color:#94a3b8;background:#ffffff0d}.artwork-action-btn.active{background:#6366f11f;border-color:#6366f14d;color:#a5b4fc;z-index:1;position:relative}.artwork-action-btn:disabled{opacity:.6;cursor:default}.artwork-regen-notice{margin:0;font-size:.68rem;color:#64748b;text-align:center;line-height:1.4;width:100%}.artwork-variant-picker{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.artwork-variant-thumb{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:none;transition:border-color .15s,transform .15s}.artwork-variant-thumb img{width:100%;height:100%;object-fit:cover;display:block}.artwork-variant-thumb:hover{border-color:#6366f166;transform:scale(1.05)}.artwork-variant-thumb.selected{border-color:#6366f1}.variant-check{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#6366f1;color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center}.artwork-variant-wrap{position:relative;display:inline-flex}.artwork-variant-wrap .variant-delete-icon{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:4px;background:#000000b8;border:1px solid rgba(239,68,68,.5);color:#ef4444;font-size:.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;z-index:2;padding:0;line-height:1}.artwork-variant-wrap:hover .variant-delete-icon{opacity:1}.artwork-variant-wrap .variant-delete-icon:hover{background:#ef4444d9;color:#fff;border-color:#ef4444}.artwork-delete-confirm{width:100%;margin-top:.75rem;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem;animation:fadeSlideDown .15s ease}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.artwork-delete-warning{font-size:.72rem;color:#ffffffbf;line-height:1.4;margin-bottom:.6rem;text-align:center}.artwork-delete-warning strong{color:#ef4444;font-weight:700}.artwork-delete-actions{display:flex;gap:.5rem;justify-content:center}.artwork-delete-cancel{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff9;font-size:.7rem;font-weight:600;padding:5px 14px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.artwork-delete-cancel:hover{background:#ffffff1a;color:#ffffffd9}.artwork-delete-confirm-btn{background:#ef444426;border:1px solid rgba(239,68,68,.5);color:#ef4444;font-size:.7rem;font-weight:700;padding:5px 14px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.artwork-delete-confirm-btn:hover:not(:disabled){background:#ef4444bf;color:#fff;border-color:#ef4444}.artwork-delete-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.artwork-page-arrow{background:none;border:1px solid rgba(255,255,255,.1);color:#ffffff80;width:28px;height:64px;border-radius:6px;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.artwork-page-arrow:hover{background:#ffffff0f;border-color:#6366f166;color:#fffc}.artwork-set-cover-btn{background:linear-gradient(135deg,#06b6d4,#8b5cf6);border:none;color:#fff;font-size:.65rem;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.artwork-set-cover-btn:hover{opacity:.85}.artwork-set-cover-btn:disabled{opacity:.5;cursor:wait}.thumbnail-wrapper.karaoke-active{overflow:hidden;border-radius:12px}.karaoke-overlay{position:absolute;inset:0;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:2}.karaoke-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.25) 0%,transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(168,85,247,.2) 0%,transparent 55%),radial-gradient(ellipse at 50% 80%,rgba(59,130,246,.18) 0%,transparent 50%),#000000c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:karaoke-bg-shift 8s ease-in-out infinite alternate}@keyframes karaoke-bg-shift{0%{background-position:0% 0%,100% 0%,50% 100%}33%{background-position:30% 20%,70% 50%,20% 70%}66%{background-position:10% 60%,90% 10%,80% 50%}to{background-position:50% 30%,30% 80%,60% 20%}}.karaoke-lines{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:1rem 1.25rem;text-align:center;width:100%}.karaoke-line{transition:opacity .3s,transform .3s,color .3s;line-height:1.35;max-width:100%;word-wrap:break-word}.karaoke-line.current{font-size:1.05rem;font-weight:700;color:#fff;text-shadow:0 0 12px rgba(99,102,241,.6),0 1px 3px rgba(0,0,0,.5);transform:scale(1.03)}.karaoke-line.prev{font-size:.8rem;color:#ffffff59;transform:translateY(-2px)}.karaoke-line.next{font-size:.82rem;color:#ffffff80;transform:translateY(2px)}.karaoke-eq-bars{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:3px;align-items:flex-end;height:16px;z-index:3}.karaoke-eq-bars span{width:3px;border-radius:1px;background:#6366f1b3;animation:karaoke-eq .8s ease-in-out infinite alternate}.karaoke-eq-bars span:nth-child(1){height:6px;animation-delay:0s}.karaoke-eq-bars span:nth-child(2){height:12px;animation-delay:.15s}.karaoke-eq-bars span:nth-child(3){height:8px;animation-delay:.3s}.karaoke-eq-bars span:nth-child(4){height:14px;animation-delay:.45s}@keyframes karaoke-eq{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.song-detail-name{font-size:1.15rem;font-weight:600;color:#f0f0f0;margin:0 0 1.25rem;text-align:center;line-height:1.35}.song-detail-credits{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;margin-bottom:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.credits-header{display:flex;align-items:center;justify-content:space-between}.credits-header .credits-label{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em}.credits-edit-btn{background:none;border:none;color:#666;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.credits-edit-btn:hover{color:#aaa;background:#ffffff0f}.song-detail-credits .credits-placeholder{font-size:.82rem;color:#555;font-style:italic}.credits-list{display:flex;flex-direction:column;gap:.3rem;margin-top:.25rem}.credit-item{display:flex;flex-direction:column;gap:.1rem}.credit-item+.credit-item{margin-top:.35rem}.credit-item-header{display:flex;align-items:center;gap:.4rem}.credit-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:border-color .15s,transform .15s;flex-shrink:0}.credit-avatar:hover{border-color:#6366f1;transform:scale(1.1)}.credit-name{color:#c9d1d9;font-size:.85rem;font-weight:500}.credit-roles{color:#777;font-size:.75rem;padding-left:0}.credit-item-header+.credit-roles{padding-left:calc(24px + .4rem)}.credit-photo-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.credit-photo-popup{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 16px 48px #00000080}.credit-photo-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:#888;cursor:pointer;padding:.25rem;border-radius:4px;display:flex}.credit-photo-close:hover{color:#ccc;background:#ffffff14}.credit-photo-large{width:200px;height:200px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.credit-photo-name{color:#e0e0e0;font-size:.95rem;font-weight:500}.credits-edit-form{display:flex;flex-direction:column;gap:.4rem;margin-top:.25rem}.credit-edit-row{display:flex;gap:.3rem;align-items:center}.credit-role-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#c9d1d9;font-size:.75rem;padding:.3rem .25rem;min-width:0;flex:1;color-scheme:dark}.credit-role-select option{background:#1e2530;color:#e6edf3}.credit-name-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#e6edf3;font-size:.78rem;padding:.3rem .4rem;flex:1;min-width:0;outline:none}.credit-name-input:focus{border-color:#6366f1}.credit-name-input::placeholder{color:#4b5563}.credit-edit-row--locked{background:#6366f10d;border:1px solid rgba(99,102,241,.15);border-radius:6px;padding:.25rem .4rem}.credit-role-locked-label{font-size:.7rem;font-weight:600;color:#818cf8;flex:1;white-space:nowrap}.credit-name-locked{font-size:.78rem;color:#c9d1d9;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-lock-icon{color:#4f46e5;opacity:.6;flex-shrink:0;display:flex;align-items:center;padding:.2rem}.credit-item--created-by .credit-roles{color:#818cf8;font-style:italic}.credit-remove-btn{background:none;border:none;color:#555;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;flex-shrink:0;transition:color .15s}.credit-remove-btn:hover{color:#ef4444}.credit-add-btn{background:none;border:1px dashed rgba(255,255,255,.12);border-radius:4px;color:#888;font-size:.75rem;padding:.3rem;cursor:pointer;transition:color .15s,border-color .15s;margin-top:.15rem}.credit-add-btn:hover{color:#aaa;border-color:#ffffff40}.credits-edit-actions{display:flex;gap:.4rem;justify-content:flex-end;margin-top:.3rem}.credits-cancel-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#999;font-size:.75rem;padding:.25rem .6rem;cursor:pointer;transition:background .15s}.credits-cancel-btn:hover{background:#ffffff1a}.credits-save-btn{background:#6366f1;border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .7rem;cursor:pointer;transition:background .15s}.credits-save-btn:hover{background:#4f46e5}.song-detail-prompt-section{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.prompt-nav{display:inline-flex;align-items:center;gap:.2rem;margin-left:.5rem;vertical-align:middle}.prompt-nav-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:.9rem;line-height:1;padding:0 .15rem}.prompt-nav-btn:hover{color:#e2e8f0}.prompt-nav-count{font-size:.65rem;color:#64748b;font-weight:400;letter-spacing:0;text-transform:none}.prompt-header{display:flex;align-items:center;justify-content:space-between}.prompt-header .prompt-label{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em}.prompt-header-actions{display:flex;align-items:center;gap:.25rem}.prompt-copy-btn{background:none;border:none;color:#666;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.prompt-copy-btn:hover{color:#aaa;background:#ffffff0f}.prompt-copied-text{font-size:.7rem;color:#22c55e;font-weight:500}.prompt-save-btn{background:none;border:none;color:#666;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.prompt-save-btn:hover{color:#a5b4fc;background:#6366f11a}.save-prompt-backdrop{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.save-prompt-modal{background:#1a1a2e;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.25rem;width:260px;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 32px #00000080}.save-prompt-modal-title{font-size:.9rem;font-weight:600;color:#e0e0e0;margin:0}.save-prompt-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#e6edf3;font-family:inherit;font-size:.85rem;padding:.45rem .65rem;outline:none;width:100%;box-sizing:border-box}.save-prompt-input:focus{border-color:#6366f1}.save-prompt-actions{display:flex;gap:.4rem;justify-content:flex-end}.save-prompt-cancel{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#999;font-size:.75rem;padding:.25rem .6rem;cursor:pointer;transition:background .15s}.save-prompt-cancel:hover:not(:disabled){background:#ffffff1a}.save-prompt-cancel:disabled{opacity:.5;cursor:not-allowed}.save-prompt-confirm{background:#6366f1;border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .7rem;cursor:pointer;transition:background .15s}.save-prompt-confirm:hover:not(:disabled){background:#4f46e5}.save-prompt-confirm:disabled{opacity:.5;cursor:not-allowed}.save-prompt-success{font-size:.85rem;color:#22c55e;font-weight:500;margin:0;text-align:center}.generate-caption-btn{width:100%;padding:.55rem .75rem;background:#6366f114;border:1px dashed rgba(99,102,241,.3);border-radius:8px;color:#a5b4fc;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.generate-caption-btn:hover:not(:disabled){background:#6366f126;border-color:#6366f180;border-style:solid}.generate-caption-btn:disabled{opacity:.6;cursor:wait}.song-detail-prompt{font-size:.85rem;line-height:1.5;color:#b0b0b0;margin:0;padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.song-detail-lyrics-section{display:flex;flex-direction:column;gap:.5rem}.lyrics-header{display:flex;align-items:center;justify-content:space-between}.lyrics-header .lyrics-label{font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em}.lyrics-copy-btn{background:none;border:none;color:#666;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.lyrics-copy-btn:hover{color:#aaa;background:#ffffff0f}.lyrics-copied-text{font-size:.7rem;color:#22c55e;font-weight:500}.song-detail-lyrics{font-family:inherit;font-size:.85rem;line-height:1.65;color:#b0b0b0;white-space:pre-wrap;word-wrap:break-word;margin:0;padding:.75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.song-detail-lyrics-section .lyrics-empty{font-size:.85rem;color:#555;font-style:italic;margin:0;padding:.75rem;text-align:center}.lyrics-header-actions{display:flex;align-items:center;gap:.25rem}.lyrics-edit-btn{background:none;border:none;color:#666;cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;transition:color .15s,background .15s}.lyrics-edit-btn:hover{color:#aaa;background:#ffffff0f}.lyrics-edit-form{display:flex;flex-direction:column;gap:.4rem}.lyrics-edit-textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e6edf3;font-family:inherit;font-size:.82rem;line-height:1.6;padding:.75rem;resize:vertical;min-height:160px;outline:none;white-space:pre-wrap}.lyrics-edit-textarea:focus{border-color:#6366f1}.lyrics-edit-textarea::placeholder{color:#4b5563}.lyrics-edit-actions{display:flex;gap:.4rem;justify-content:flex-end}.lyrics-cancel-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#999;font-size:.75rem;padding:.25rem .6rem;cursor:pointer;transition:background .15s}.lyrics-cancel-btn:hover{background:#ffffff1a}.lyrics-save-btn{background:#6366f1;border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .7rem;cursor:pointer;transition:background .15s}.lyrics-save-btn:hover{background:#4f46e5}.express-home{display:flex;flex-direction:column;height:100%;min-height:0;background:#0a0a14}.express-home.has-mini-player{padding-bottom:64px}.express-home-content{flex:1;display:flex;overflow:hidden;min-height:0}.express-left-pane{display:flex;flex-direction:column;width:380px;min-width:380px;max-width:380px;background:linear-gradient(180deg,#12121f,#0a0a14);border-right:1px solid rgba(255,255,255,.08);overflow-y:auto;overflow-x:hidden;transition:width .25s ease,min-width .25s ease}.express-left-pane.create-collapsed{width:56px;min-width:56px;overflow:hidden}.express-right-pane{flex:1;display:flex;flex-direction:column;min-width:0;background:#0a0a14;overflow:hidden}.express-studio-fullscreen{position:fixed;inset:0;z-index:50;background:#0a0a14}.mixmaster-back-btn{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#aaa;font-size:.875rem;cursor:pointer;transition:all .2s;z-index:10}.mixmaster-back-btn:hover{background:#ffffff26;color:#fff}.mixmaster-exit-btn{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffff73;font-size:.875rem;cursor:pointer;transition:all .2s;z-index:10}.mixmaster-exit-btn:hover{border-color:#f8717166;color:#f87171;background:#f8717114}.separation-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.separation-modal{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:linear-gradient(145deg,#1a1a2e,#12121f);border:1px solid rgba(99,102,241,.2);border-radius:16px;max-width:400px;width:90%;text-align:center}.separation-modal h3{font-size:1.1rem;color:#f0f0f0;margin:0}.separation-modal .separation-message{font-size:.9rem;color:#a5b4fc;margin:0}.separation-modal .progress-bar-container{display:flex;align-items:center;gap:.75rem;width:100%}.separation-modal .progress-bar-bg{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.separation-modal .progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease}.separation-modal .progress-text{font-size:.85rem;color:#888;min-width:40px;text-align:right}.separation-modal .separation-note{font-size:.75rem;color:#666;margin:0}.loading-spinner.large{width:48px;height:48px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.express-home-content{flex-direction:column}.express-left-pane{width:100%;min-width:100%;max-width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);max-height:50vh}.express-right-pane{flex:1;min-height:0}}.artist-tip-avatar{border-radius:50%;object-fit:cover}.artist-tip-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;flex-shrink:0}.tip-song-step{display:flex;flex-direction:column;gap:.75rem}.tip-song-list{display:flex;flex-direction:column;gap:.25rem;max-height:260px;overflow-y:auto;padding-right:2px}.tip-song-list::-webkit-scrollbar{width:4px}.tip-song-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.tip-song-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:8px;border:1px solid transparent;background:#ffffff08;cursor:pointer;text-align:left;transition:background .12s,border-color .12s;width:100%}.tip-song-row:hover{background:#ffffff0f}.tip-song-row--selected{border-color:#8b5cf680;background:#8b5cf614}.tip-song-thumb{width:36px;height:36px;border-radius:5px;object-fit:cover;flex-shrink:0}.tip-song-thumb--general{background:linear-gradient(135deg,#ec4899,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff}.tip-song-thumb--placeholder{background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#555}.tip-song-title{flex:1;font-size:.8rem;color:#d1d5db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tip-song-badge{font-size:.6rem;font-weight:700;letter-spacing:.04em;color:#a78bfa;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);border-radius:4px;padding:1px 5px;white-space:nowrap;flex-shrink:0}.tip-song-check{font-size:.75rem;color:#8b5cf6;font-weight:700;flex-shrink:0}.tip-song-loading{font-size:.75rem;color:#555;text-align:center;padding:.5rem}.tip-selected-song-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#94a3b8;margin-bottom:.25rem}.tip-selected-song-for{color:#4b5563}.tip-selected-song-name{color:#a78bfa;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-profile{background:#0f1117;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.sp-profile::-webkit-scrollbar{width:6px}.sp-profile::-webkit-scrollbar-track{background:transparent}.sp-profile::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.sp-profile::-webkit-scrollbar-thumb:hover{background:#00000040}.sp-topnav{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#00000080;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sp-topnav-back{width:28px;height:28px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.sp-topnav-back:hover{background:#fff3}.sp-topnav-crumb{font-size:13px;color:#ccc;font-weight:500}.sp-topnav-crumb-active{color:#fff}.sp-topnav-chevron{color:#999;flex-shrink:0}.sp-hero{position:relative;height:420px;background:#1a1a2e;display:flex;overflow:hidden}.sp-hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,.55) 100%);z-index:1}.sp-hero-text{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:0 32px 28px;flex:1;min-width:0;gap:10px}.sp-hero-verified{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff;font-weight:500}.sp-hero-name{font-size:64px;font-weight:900;color:#fff;margin:0;line-height:1;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-hero-meta{display:flex;align-items:center;gap:6px;font-size:14px;color:#ffffffb3;flex-wrap:wrap}.sp-hero-meta>span:not(:last-child):after{content:"•";margin-left:6px;opacity:.5}.sp-hero-actions{display:flex;align-items:center;gap:12px;margin-top:6px}.sp-play-btn{padding:8px 28px;border-radius:20px;border:none;background:#6366f1;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;letter-spacing:.08em;transition:all .15s}.sp-play-btn:hover{background:#818cf8;transform:scale(1.03)}.sp-follow-btn{padding:8px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.sp-follow-btn:hover{border-color:#fff}.sp-follow-btn.following{border-color:#fff6;color:#fff}.sp-tip-btn{padding:8px 20px;border-radius:20px;border:1px solid rgba(245,158,11,.4);background:transparent;color:#f59e0b;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.sp-tip-btn:hover{border-color:#f59e0b}.sp-hero-photo-area{position:absolute;inset:0;z-index:0}.sp-hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 25%}.sp-hero-photo-fade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 70%,#000 100%)}.sp-hero-photo-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a3e,#2a2a55)}.sp-hero-photo-placeholder span{font-size:100px;font-weight:800;color:#ffffff26}.sp-genre-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.sp-genre-tag{padding:5px 16px;border-radius:20px;background:#6366f11a;color:#6366f1;font-size:12px;font-weight:600;border:1px solid rgba(99,102,241,.2)}.sp-content{padding:24px 32px 40px;background:#0f1117}.sp-section{margin-bottom:40px}.sp-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.sp-section-title{font-size:22px;font-weight:700;color:#e2e8f0;margin:0}.sp-song-list{display:flex;flex-direction:column}.sp-song-row{display:grid;grid-template-columns:28px 40px 1fr auto auto 32px 32px;align-items:center;gap:12px;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background .15s,opacity .15s;border-top:2px solid transparent}.sp-song-row:hover{background:#ffffff0a}.sp-song-row.active{background:#6366f10f}.sp-song-row[draggable=true]{grid-template-columns:20px 28px 40px 1fr auto auto 32px 32px}.sp-song-drag-handle{color:#94a3b8;cursor:grab;display:flex;align-items:center;justify-content:center;transition:color .15s}.sp-song-drag-handle:active{cursor:grabbing}.sp-song-row:hover .sp-song-drag-handle{color:#999}.sp-song-row.dragging{opacity:.35}.sp-song-row.drag-over{border-top-color:#6366f1}.sp-song-num{font-size:15px;color:#64748b;text-align:center;font-variant-numeric:tabular-nums}.sp-song-row.active .sp-song-num{color:#6366f1}.sp-song-eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.sp-song-eq>span{display:block;width:3px;background:#6366f1;border-radius:1px;animation:sp-eq-bar .8s ease-in-out infinite alternate}.sp-song-eq>span:nth-child(1){height:30%;animation-delay:0s}.sp-song-eq>span:nth-child(2){height:60%;animation-delay:.2s}.sp-song-eq>span:nth-child(3){height:40%;animation-delay:.4s}.sp-song-eq>span:nth-child(4){height:80%;animation-delay:.1s}@keyframes sp-eq-bar{0%{height:20%}to{height:100%}}.sp-song-thumb{width:40px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#1e2030}.sp-song-thumb-img{width:100%;height:100%;object-fit:cover}.sp-song-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#2a2d3e,#1e2030)}.sp-song-info{display:flex;flex-direction:column;min-width:0}.sp-song-title{font-size:15px;font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-song-row.active .sp-song-title{color:#6366f1}.sp-song-title-row{display:flex;align-items:center;gap:6px;min-width:0}.sp-song-title-row .sp-song-title{flex-shrink:1}.sp-song-vocal-badge{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 5px;border-radius:3px;flex-shrink:0;line-height:1.5}.sp-song-vocal-badge--creator{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.sp-song-vocal-badge--singer{background:#6366f11a;color:#a5b4fc;border:1px solid rgba(99,102,241,.2)}.sp-song-stats,.sp-song-time{display:flex;align-items:center;gap:6px;font-size:13px;color:#7c8594;font-variant-numeric:tabular-nums;white-space:nowrap}.sp-song-stats-icon{opacity:.5}.sp-song-heart,.sp-song-more{width:32px;height:32px;border:none;background:transparent;color:#a7a7a7;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:all .15s}.sp-song-row:hover .sp-song-heart,.sp-song-row:hover .sp-song-more{opacity:1}.sp-song-heart:hover{color:#e55}.sp-song-more:hover{color:#cbd5e1}.sp-song-more-wrap{position:relative}.sp-song-menu{position:absolute;right:0;top:100%;min-width:160px;background:#161b22;border-radius:8px;padding:4px 0;box-shadow:0 8px 24px #00000026;border:1px solid rgba(255,255,255,.08);z-index:20;animation:sp-menu-in .12s ease-out}@keyframes sp-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sp-song-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:#cbd5e1;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .1s}.sp-song-menu-item:hover{background:#ffffff0d}.sp-song-menu-danger{color:#ef4444}.sp-song-menu-danger:hover{background:#ef44441f}.sp-about-card{background:#161b22;border-radius:12px;padding:24px;max-width:600px;overflow:hidden;box-shadow:0 1px 3px #0000004d;border:1px solid rgba(255,255,255,.08)}.sp-about-photo{width:100%;max-height:200px;object-fit:cover;border-radius:8px;margin-bottom:16px}.sp-about-bio{font-size:15px;line-height:1.6;color:#94a3b8;margin:0 0 12px;white-space:pre-wrap}.sp-about-since{font-size:13px;color:#8892a0}.sp-shows{display:flex;flex-direction:column;gap:2px}.sp-show-row{display:flex;align-items:center;gap:20px;padding:12px 16px;border-radius:4px;transition:background .15s}.sp-show-row:hover{background:#00000008}.sp-show-row.past{opacity:.4}.sp-show-date{display:flex;flex-direction:column;align-items:center;min-width:44px;flex-shrink:0}.sp-show-month{font-size:11px;font-weight:700;text-transform:uppercase;color:#6366f1;letter-spacing:.5px}.sp-show-day{font-size:24px;font-weight:800;color:#e2e8f0;line-height:1.1}.sp-show-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sp-show-venue{font-size:15px;font-weight:600;color:#e2e8f0}.sp-show-location{font-size:13px;color:#7c8594}.sp-show-tickets{padding:7px 20px;border-radius:20px;border:1px solid rgba(0,0,0,.2);background:transparent;color:#e2e8f0;font-size:12px;font-weight:700;text-decoration:none;flex-shrink:0;transition:all .15s}.sp-show-tickets:hover{border-color:#6366f1;background:#6366f11a;color:#fff}.sp-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.sp-video-card{display:flex;flex-direction:column;gap:8px}.sp-video-thumb-btn{position:relative;width:100%;aspect-ratio:16 / 9;border:none;padding:0;cursor:pointer;border-radius:8px;overflow:hidden;background:#000;transition:transform .2s}.sp-video-thumb-btn:hover{transform:scale(1.02)}.sp-video-preview{width:100%;height:100%;border:none;pointer-events:none}.sp-video-click-trap{position:absolute;inset:0;z-index:1;cursor:pointer}.sp-video-ext-link{color:#6366f1;text-decoration:none;font-size:14px;font-weight:500}.sp-video-ext-link:hover{text-decoration:underline}.sp-video-title{font-size:14px;color:#94a3b8;font-weight:500}.sp-lightbox{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:sp-lightbox-in .2s ease-out}@keyframes sp-lightbox-in{0%{opacity:0}to{opacity:1}}.sp-lightbox-content{position:relative;width:90vw;max-width:1100px;aspect-ratio:16 / 9}.sp-lightbox-iframe{width:100%;height:100%;border:none;border-radius:8px;background:#000}.sp-lightbox-close{position:absolute;top:-44px;right:0;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.sp-lightbox-close:hover{background:#ffffff40}.sp-posts{display:flex;flex-direction:column;gap:12px}.sp-post-card{padding:20px;border-radius:12px;background:#161b22;box-shadow:0 1px 3px #0000004d;border:1px solid rgba(255,255,255,.08)}.sp-post-text{font-size:14px;line-height:1.6;color:#b0bec5;margin:0 0 10px;white-space:pre-wrap}.sp-post-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:10px}.sp-post-image{width:100%;border-radius:4px;object-fit:cover;max-height:300px}.sp-post-audio{width:100%;height:36px;margin-bottom:8px}.sp-post-repost{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:4px;background:#1db95414;margin-bottom:10px}.sp-post-repost-label{font-size:12px;color:#64748b}.sp-post-repost-title{font-size:14px;font-weight:600;color:#6366f1}.sp-post-date{font-size:12px;color:#8892a0}.sp-merch{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.sp-merch-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:#161b22;text-decoration:none;transition:all .2s;box-shadow:0 1px 3px #0000004d;border:1px solid rgba(255,255,255,.08)}.sp-merch-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.sp-merch-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;background:#282828}.sp-merch-title{font-size:13px;font-weight:600;color:#e2e8f0;text-align:center}.sp-contact-email{font-size:14px;color:#6366f1;text-decoration:none;display:block;margin-bottom:8px}.sp-contact-email:hover{text-decoration:underline}.sp-booking-info{font-size:14px;line-height:1.6;color:#8892a0;margin:0}.sp-socials{display:flex;gap:10px;flex-wrap:wrap}.sp-social-link{padding:6px 16px;border-radius:20px;background:#ffffff0d;color:#94a3b8;font-size:13px;font-weight:500;text-decoration:none;text-transform:capitalize;transition:all .15s}.sp-social-link:hover{background:#ffffff14;color:#e2e8f0}.sp-loading,.sp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:16px}.sp-loading{color:#64748b;font-size:16px}.sp-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:sp-spin .8s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-error h2{font-size:20px;color:#e2e8f0;margin:0}.sp-back-btn{padding:10px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#e2e8f0;font-size:14px;font-weight:600;cursor:pointer}.sp-back-btn:hover{border-color:#6366f1;background:#6366f11a;color:#fff}.sp-profile.has-player{padding-bottom:80px}.sp-player{position:sticky;bottom:0;left:0;right:0;height:72px;background:#181818;border-top:1px solid #282828;display:grid;grid-template-columns:minmax(140px,1fr) auto 1fr auto;align-items:center;gap:16px;padding:0 16px;z-index:200}.sp-player-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sp-player-title{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-player-artist{font-size:11px;color:#a7a7a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-player-controls{display:flex;align-items:center;gap:8px}.sp-player-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#b3b3b3;transition:color .15s}.sp-player-btn:hover:not(:disabled){color:#fff}.sp-player-btn:disabled{opacity:.4;cursor:default}.sp-player-play{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#161b22;border:none;border-radius:50%;cursor:pointer;color:#000;transition:transform .1s}.sp-player-play:hover:not(:disabled){transform:scale(1.06)}.sp-player-play:disabled{opacity:.6;cursor:default}.sp-player-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:sp-spin .8s linear infinite}.sp-player-progress-area{display:flex;align-items:center;gap:8px;flex:1;max-width:500px}.sp-player-time{font-size:11px;color:#a7a7a7;font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.sp-player-progress{flex:1;height:4px;background:#5e5e5e;border-radius:2px;cursor:pointer;position:relative;min-width:80px}.sp-player-progress:hover{height:6px}.sp-player-progress-fill{position:absolute;top:0;left:0;height:100%;background:#161b22;border-radius:2px;transition:width .1s linear}.sp-player-progress:hover .sp-player-progress-fill{background:#6366f1}.sp-player-volume{display:flex;align-items:center;gap:4px;justify-self:end}.sp-player-volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#5e5e5e;border-radius:2px;cursor:pointer}.sp-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#161b22;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s}.sp-player-volume:hover .sp-player-volume-slider::-webkit-slider-thumb{opacity:1}.sp-player-volume-slider::-moz-range-thumb{width:12px;height:12px;background:#161b22;border:none;border-radius:50%;cursor:pointer}@media(max-width:768px){.sp-hero{height:240px}.sp-hero-name{font-size:36px}.sp-hero-text{padding:0 20px 20px}.sp-content{padding:20px 20px 32px}.sp-hero-photo-area{width:35%}.sp-song-row{grid-template-columns:24px 36px 1fr auto;gap:8px;padding:6px 8px}.sp-song-time,.sp-song-heart,.sp-song-more{display:none}.sp-song-thumb{width:36px;height:36px}.sp-player{grid-template-columns:minmax(80px,1fr) auto;grid-template-rows:auto auto;height:auto;padding:8px 12px;gap:4px 12px}.sp-player-progress-area{grid-column:1 / -1;max-width:none}.sp-player-volume{display:none}.sp-videos{grid-template-columns:1fr}}@media(max-width:480px){.sp-hero{height:200px}.sp-hero-name{font-size:28px}.sp-hero-photo-area{width:30%}.sp-hero-actions{flex-wrap:wrap}}.sp-staff-profile{height:100vh;background:#0f1117;display:flex;flex-direction:column;overflow:hidden}.sp-staff-page{flex:1;max-width:520px;width:100%;margin:0 auto;padding:24px 24px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.sp-staff-logo{width:56px;height:56px;background:#6366f126;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a5b4fc;margin-bottom:2px}.sp-staff-logo svg{width:28px;height:28px}.sp-staff-title{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:-.01em}.sp-staff-body{font-size:.9rem;color:#94a3b8;line-height:1.55;margin:0}.sp-staff-cta{font-size:.92rem;color:#c7d2fe;font-weight:500;margin:0;line-height:1.45}.sp-staff-back-btn{margin-top:4px;background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;border-radius:8px;padding:10px 28px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.sp-staff-back-btn:hover{background:#6366f140;border-color:#6366f180}.sp-song-menu-buy{color:#a5b4fc}.sp-song-menu-buy:hover{color:#c7d2fe;background:#6366f11f}.sp-mp3-overlay{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1200}.sp-mp3-modal{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:100%;max-width:400px;position:relative;color:#e2e8f0}.sp-mp3-modal--sale{max-width:360px}.sp-mp3-close{position:absolute;top:14px;right:16px;background:none;border:none;color:#8892a0;font-size:22px;cursor:pointer;line-height:1}.sp-mp3-close:hover{color:#e2e8f0}.sp-mp3-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sp-mp3-art{width:52px;height:52px;border-radius:6px;object-fit:cover;flex-shrink:0}.sp-mp3-art--placeholder{background:#6366f133;display:flex;align-items:center;justify-content:center;font-size:22px;color:#a5b4fc}.sp-mp3-header-info{display:flex;flex-direction:column;gap:3px}.sp-mp3-song-title{font-size:.95rem;font-weight:600;color:#f1f5f9}.sp-mp3-artist{font-size:.78rem;color:#8892a0}.sp-mp3-step{display:flex;flex-direction:column;gap:12px}.sp-mp3-desc{font-size:.85rem;color:#94a3b8;margin:0;line-height:1.5}.sp-mp3-price-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border-radius:8px;padding:10px 14px}.sp-mp3-price-label{font-size:.82rem;color:#8892a0}.sp-mp3-price-amount{font-size:1.1rem;font-weight:700;color:#f1f5f9}.sp-mp3-tax-note{font-size:.75rem;color:#64748b;margin:0}.sp-mp3-error{font-size:.8rem;color:#f87171;background:#f871711a;border-radius:6px;padding:8px 12px}.sp-mp3-cta{background:#6366f1;color:#fff;border:none;border-radius:8px;padding:11px 20px;font-size:.9rem;font-weight:600;cursor:pointer;width:100%;transition:background .15s}.sp-mp3-cta:hover:not(:disabled){background:#4f46e5}.sp-mp3-cta:disabled{opacity:.5;cursor:not-allowed}.sp-mp3-stripe-form{display:flex;flex-direction:column;gap:14px}.sp-mp3-success{align-items:center;text-align:center;padding:8px 0 4px}.sp-mp3-success-icon{width:48px;height:48px;background:#34d39926;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#34d399}.sp-mp3-success-title{font-size:1rem;font-weight:700;color:#f1f5f9;margin:0}.sp-mp3-success-sub{font-size:.82rem;color:#8892a0;margin:0}.sp-mp3-download-btn{background:#34d399;color:#0f172a;border:none;border-radius:8px;padding:11px 20px;font-size:.9rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;margin-top:4px;transition:background .15s}.sp-mp3-download-btn:hover{background:#10b981}.sp-mp3-sale-title{font-size:.95rem;font-weight:600;color:#f1f5f9;margin:0 0 18px;padding-right:24px}.sp-mp3-sale-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sp-mp3-sale-toggle-label{font-size:.85rem;color:#e2e8f0}.sp-mp3-toggle{width:40px;height:22px;background:#ffffff1f;border:none;border-radius:11px;cursor:pointer;position:relative;transition:background .2s;padding:0;flex-shrink:0}.sp-mp3-toggle.on{background:#6366f1}.sp-mp3-toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s}.sp-mp3-toggle.on .sp-mp3-toggle-knob{left:21px}.sp-mp3-sale-price-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.sp-mp3-sale-price-label{font-size:.8rem;color:#8892a0}.sp-mp3-sale-price-input-wrap{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px}.sp-mp3-sale-currency{color:#8892a0;font-size:.9rem}.sp-mp3-sale-price-input{background:none;border:none;color:#f1f5f9;font-size:.95rem;font-weight:600;width:80px;outline:none}.sp-mp3-sale-price-hint{font-size:.72rem;color:#64748b;margin:0}.sp-mp3-sale-actions{display:flex;gap:10px;margin-top:4px}.sp-mp3-sale-cancel{flex:1;background:#ffffff12;color:#8892a0;border:none;border-radius:8px;padding:10px;font-size:.88rem;cursor:pointer;transition:background .15s}.sp-mp3-sale-cancel:hover{background:#ffffff1f;color:#e2e8f0}.sp-mp3-sale-actions .sp-mp3-cta{flex:2}.pe-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pe-modal{background:#161b22;border:1px solid rgba(99,102,241,.2);border-radius:12px;width:680px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.pe-loading{padding:60px;text-align:center;color:#8b949e;font-size:15px}.pe-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.pe-title{font-size:17px;font-weight:600;color:#e6edf3;margin:0;flex:1}.pe-view-link{font-size:12px;color:#6366f1;text-decoration:none}.pe-view-link:hover{text-decoration:underline}.pe-close{background:none;border:none;color:#8b949e;cursor:pointer;padding:4px;border-radius:4px}.pe-close:hover{color:#e6edf3;background:#ffffff0f}.pe-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.pe-tab{padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:#8b949e;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.pe-tab:hover:not(:disabled){color:#c9d1d9}.pe-tab.active{color:#6366f1;border-bottom-color:#6366f1}.pe-tab:disabled{opacity:.4;cursor:not-allowed}.pe-message{margin:8px 20px 0;padding:8px 12px;border-radius:6px;font-size:13px}.pe-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.pe-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.pe-body{flex:1;overflow-y:auto;padding:16px 20px 20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.pe-form{display:flex;flex-direction:column;gap:12px}.pe-field{display:flex;flex-direction:column;gap:4px;flex:1}.pe-field label{font-size:.8rem;font-weight:500;color:#c9d1d9}.pe-field input,.pe-field textarea,.pe-field select{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px 10px;color:#e6edf3;font-size:13px;font-family:inherit;transition:border-color .2s}.pe-field input:focus,.pe-field textarea:focus,.pe-field select:focus{outline:none;border-color:#6366f1}.pe-field textarea{resize:vertical}.pe-field input[type=file]{padding:6px;font-size:12px}.pe-row{display:flex;gap:12px}.pe-divider{height:1px;background:#ffffff0f;margin:8px 0}.pe-section-label{font-size:14px;font-weight:600;color:#c9d1d9;margin:0}.pe-handle-row{display:flex;align-items:center;gap:0}.pe-handle-prefix{font-size:12px;color:#6b7280;background:#ffffff08;border:1px solid rgba(255,255,255,.15);border-right:none;border-radius:6px 0 0 6px;padding:8px;white-space:nowrap}.pe-handle-row input{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:0 6px 6px 0;padding:8px 10px;color:#e6edf3;font-size:13px;flex:1;min-width:0}.pe-handle-row input:focus{outline:none;border-color:#6366f1}.pe-handle-status{font-size:11px;font-weight:600;margin-left:8px;white-space:nowrap}.pe-handle-status.available{color:#22c55e}.pe-handle-status.taken{color:#ef4444}.pe-toggles{display:flex;gap:20px}.pe-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:#c9d1d9;cursor:pointer}.pe-toggle input[type=checkbox]{accent-color:#6366f1;width:16px;height:16px}.pe-actions{display:flex;gap:10px;padding-top:4px}.pe-btn-primary{padding:8px 20px;border-radius:6px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.pe-btn-primary:hover{opacity:.9}.pe-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pe-btn-ghost{padding:8px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#c9d1d9;font-size:13px;cursor:pointer;transition:all .15s}.pe-btn-ghost:hover{background:#ffffff0f}.pe-btn-small{padding:4px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#8b949e;font-size:12px;cursor:pointer;flex-shrink:0;transition:all .15s}.pe-btn-small:hover{background:#ffffff0f;color:#e6edf3}.pe-btn-small.featured{border-color:#f59e0b;color:#f59e0b}.pe-btn-danger{border-color:#ef44444d;color:#ef4444}.pe-btn-danger:hover{background:#ef44441a}.pe-btn-publish{border-color:#6366f14d;color:#6366f1}.pe-btn-publish:hover{background:#6366f11a}.pe-song-row,.pe-show-row,.pe-video-row,.pe-post-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:#ffffff05;margin-bottom:4px}.pe-song-row:hover,.pe-show-row:hover,.pe-video-row:hover,.pe-post-row:hover{background:#ffffff0d}.pe-song-info,.pe-show-info,.pe-video-info,.pe-post-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pe-song-title,.pe-show-venue,.pe-video-title{font-size:13px;font-weight:500;color:#e6edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-song-meta,.pe-show-meta,.pe-post-meta,.pe-post-date{font-size:11px;color:#6b7280}.pe-post-text{font-size:13px;color:#c9d1d9;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pe-post-attachments{display:flex;align-items:center;gap:10px}.pe-attachment-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#8b949e;font-size:12px;cursor:pointer;transition:all .15s}.pe-attachment-btn:hover{background:#ffffff0f;color:#c9d1d9}.pe-attachment-name{font-size:11px;color:#6366f1;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pe-empty{font-size:13px;color:#6b7280;text-align:center;padding:16px 0;margin:0}.pe-hint{font-size:12px;color:#6b7280;margin:0 0 8px}@media(max-width:640px){.pe-modal{width:100%;max-height:100vh;border-radius:0}.pe-row{flex-direction:column}.pe-handle-prefix{display:none}.pe-handle-row input{border-radius:6px}}.earnings-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.earnings-panel{width:90%;max-width:900px;max-height:85vh;background:#12141a;border:1px solid rgba(99,102,241,.15);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009}.earnings-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.earnings-header h2{margin:0;font-size:1.3rem;font-weight:700;color:#fff}.earnings-close{background:none;border:none;color:#fff6;cursor:pointer;padding:.25rem}.earnings-close:hover{color:#fff}.earnings-balances{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1.25rem 1.5rem}.balance-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.balance-card.highlight{border-color:#6366f14d;background:#6366f10f}.balance-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.balance-amount{font-size:1.4rem;font-weight:700;color:#fff}.balance-amount.pending{color:#f59e0b}.balance-amount.available{color:#4ade80}.balance-amount.paid{color:#a5b4fc}.earnings-section{padding:0 1.5rem 1rem;overflow-y:auto}.earnings-section h3{margin:1rem 0 .5rem;font-size:.95rem;font-weight:600;color:#ffffffb3}.earnings-section-header{display:flex;align-items:center;justify-content:space-between}.earnings-link-btn{background:none;border:none;color:#818cf8;cursor:pointer;font-size:.8rem;font-weight:500}.earnings-link-btn:hover{color:#a5b4fc}.revenue-breakdown{display:flex;flex-direction:column;gap:.4rem}.revenue-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.revenue-source{flex:1;font-size:.9rem;color:#c4b5fd}.revenue-count{font-size:.8rem;color:#ffffff59;min-width:50px;text-align:right}.revenue-amount{font-size:.95rem;font-weight:600;color:#4ade80;min-width:80px;text-align:right}.payout-status{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1rem}.payout-eligible-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.payout-eligible{color:#4ade80;font-weight:600;font-size:.95rem}.payout-btn{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:8px;padding:.5rem 1.25rem;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap}.payout-btn:hover{opacity:.9}.payout-btn:disabled{opacity:.5;cursor:not-allowed}.payout-alert{padding:.6rem .8rem;border-radius:8px;font-size:.85rem;margin-bottom:.75rem}.payout-alert.success{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.payout-alert.info{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.payout-message{color:#ffffffb3;font-size:.9rem;line-height:1.5}.payout-message strong{color:#f59e0b}.payout-details{display:flex;gap:1.5rem;margin-top:.5rem;font-size:.8rem;color:#fff6}.tx-table{font-size:.8rem;overflow-x:auto}.tx-header-row,.tx-row{display:grid;grid-template-columns:90px 100px 90px 1fr 70px 60px 70px 70px;gap:.5rem;padding:.5rem 0;align-items:center}.tx-header-row{color:#fff6;font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.08)}.tx-row{color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.03)}.tx-row:hover{background:#ffffff05}.tx-right{text-align:right}.tx-fee{color:#ffffff59}.tx-net{color:#4ade80;font-weight:600}.tx-date{color:#ffffff73}.tx-source{color:#c4b5fd}.tx-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-status{font-weight:600;font-size:.75rem;text-transform:capitalize}.earnings-empty{color:#fff6;font-size:.9rem;text-align:center;padding:2rem 0}.earnings-loading,.earnings-error{padding:3rem;text-align:center;color:#ffffff80}@media(max-width:768px){.earnings-balances{grid-template-columns:repeat(2,1fr)}.tx-header-row,.tx-row{grid-template-columns:70px 80px 1fr 60px 60px}.tx-header-row span:nth-child(3),.tx-row .tx-source,.tx-header-row span:nth-child(5),.tx-row .tx-fee{display:none}}.trial-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0f1a;padding:2rem}.trial-card{width:100%;max-width:440px;background:#1a1d2e;border:1px solid rgba(99,102,241,.15);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.trial-player-section{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.trial-player-row{display:flex;align-items:center;gap:.75rem}.trial-artwork{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#6366f11a}.trial-artwork img{width:100%;height:100%;object-fit:cover}.trial-artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6366f1}.trial-song-info{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.trial-song-title{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trial-song-label{font-size:.75rem;color:#fff6}.trial-transport{display:flex;align-items:center;justify-content:center;gap:.75rem}.trial-transport-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:none;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer}.trial-transport-btn:hover{background:#ffffff1a;color:#fff}.trial-play-btn{width:48px;height:48px;border-radius:50%;background:#6366f1;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.trial-play-btn:hover{background:#5558e6}.trial-scrub-row{display:flex;align-items:center;gap:.5rem}.trial-time{font-size:.7rem;color:#fff6;min-width:32px;font-variant-numeric:tabular-nums}.trial-time:last-child{text-align:right}.trial-progress-bar{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:visible;cursor:pointer;position:relative}.trial-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:3px;pointer-events:none}.trial-progress-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .15s;opacity:0}.trial-progress-bar:hover .trial-progress-thumb,.trial-progress-bar:active .trial-progress-thumb{opacity:1}.trial-warning{display:flex;gap:.75rem;padding:1rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:10px;color:#fbbf24}.trial-warning svg{flex-shrink:0;margin-top:.1rem}.trial-warning strong{display:block;font-size:.9rem;margin-bottom:.25rem}.trial-warning p{margin:0;font-size:.8rem;color:#fbbf24b3}.trial-form{display:flex;flex-direction:column;gap:.75rem}.trial-email-input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.95rem;outline:none;box-sizing:border-box}.trial-email-input:focus{border-color:#6366f1}.trial-email-input::placeholder{color:#ffffff4d}.trial-cta-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;display:block}.trial-cta-btn:hover{opacity:.9}.trial-cta-btn:disabled{opacity:.5;cursor:not-allowed}.trial-done-btn{width:100%;padding:.6rem;margin-top:.5rem;background:none;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffa6;font-size:.9rem;cursor:pointer;text-align:center}.trial-done-btn:hover{color:#fff;border-color:#ffffff4d}.trial-dismiss-btn{width:100%;padding:.6rem;background:none;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff4d;font-size:.8rem;cursor:pointer;text-align:center}.trial-dismiss-btn:hover{color:#ffffff80;border-color:#ffffff26}.trial-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.85rem;padding:.5rem .75rem}.trial-benefits{background:#6366f10d;border:1px solid rgba(99,102,241,.12);border-radius:10px;padding:1rem 1.25rem}.trial-benefits h4{margin:0 0 .6rem;font-size:.9rem;font-weight:700;color:#c4b5fd}.trial-benefits ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.trial-benefits li{font-size:.8rem;color:#fff9;padding-left:1.25rem;position:relative;line-height:1.4}.trial-benefits li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700}.trial-success-icon{text-align:center}.trial-card h2{text-align:center;color:#fff;font-size:1.5rem;margin:0}.trial-success-msg{text-align:center;color:#ffffffb3;font-size:.9rem;line-height:1.6;margin:0}.trial-success-msg strong{color:#fff}.trial-subscribe-hint{text-align:center;color:#ffffff80;font-size:.85rem;margin:0}.trial-loading,.trial-error-screen{padding:3rem;text-align:center;color:#ffffff80}.landing-page{min-height:100vh;background:#0d0f1a;color:#e0e0e0;overflow-y:auto;overflow-x:hidden}.landing-header{display:flex;align-items:center;justify-content:flex-start;padding:.75rem 2.5rem;position:sticky;top:0;z-index:100;background:#0d0f1af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(99,102,241,.08)}.landing-logo{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.landing-logo h1{margin:0;font-size:1.6rem;font-weight:800;letter-spacing:.04em;background:linear-gradient(135deg,#06b6d4,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-tagline{font-size:.8rem;color:#fff;font-weight:400;letter-spacing:.06em}.landing-sign-in-row{position:absolute;right:2.5rem;display:flex;gap:.6rem;align-items:center}.landing-sign-in{background:transparent;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;padding:.4rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;font-weight:500}.landing-sign-in:hover{background:#6366f11a;border-color:#6366f180;color:#c7d2fe}.landing-create-account{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:.4rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;font-weight:600}.landing-create-account:hover{background:linear-gradient(135deg,#7c7ff7,#9d78fa);box-shadow:0 2px 12px #6366f14d}.landing-hero{padding:5rem 2.5rem 4.5rem;text-align:center;background:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.25) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(168,85,247,.18) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(6,182,212,.1) 0%,transparent 60%),linear-gradient(180deg,#161a35,#0d0f1a);border-bottom:1px solid rgba(99,102,241,.12)}.hero-carousel{max-width:1250px;margin:0 auto;position:relative;height:620px;overflow:hidden}.hero-carousel-track{position:relative;width:100%;height:100%}.hero-carousel-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease-in-out;pointer-events:none;overflow:hidden}.hero-carousel-slide.active{opacity:1;pointer-events:auto}.hero-carousel-nav{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;position:relative}.hero-carousel-tab{padding:.3rem .9rem;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);color:#ffffff8c;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.hero-carousel-tab:hover{background:#ffffff2e;color:#fffc}.hero-carousel-tab.active{background:#06b6d433;border-color:#06b6d480;color:#06b6d4}.hero-carousel-pause{position:absolute;right:20px;background:none;border:none;color:#ffffff80;font-size:.65rem;cursor:pointer;padding:2px 4px;line-height:1;transition:color .2s}.hero-carousel-pause:hover{color:#ffffffe6}.hero-events-slide{background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:flex-end;justify-content:flex-start;border-radius:12px}.hero-events-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000000d,#00000026);z-index:1;border-radius:12px}.hero-events-headline{position:absolute;top:1.5rem;right:2rem;z-index:2;text-align:right;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 1.25rem;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.hero-events-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 .2rem;letter-spacing:-.01em}.hero-events-subtitle{font-size:.85rem;font-weight:500;color:#ffffffbf;margin:0}.hero-events-content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:.5rem 1.5rem;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 12px 12px}.hero-events-body{font-size:.75rem;color:#fff9;line-height:1.4;margin:0}.hero-events-terms-link{background:none;border:none;color:#ffffff80;text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;transition:color .2s}.hero-events-terms-link:hover{color:#a5b4fc}.hero-crown-slide{background-size:cover;background-position:center 20%;background-repeat:no-repeat;border-radius:12px;display:flex;align-items:flex-end;justify-content:flex-start}.hero-crown-color-wave{position:absolute;inset:0;background-color:#b8860b;z-index:1;border-radius:12px;mask-mode:luminance;-webkit-mask-mode:luminance;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Crect width='100' height='100' fill='white'/%3E%3Cpath d='M0 0 L100 0 L100 76 C85 69 70 82 50 74 C30 66 15 79 0 72Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Crect width='100' height='100' fill='white'/%3E%3Cpath d='M0 0 L100 0 L100 76 C85 69 70 82 50 74 C30 66 15 79 0 72Z' fill='black'/%3E%3C/svg%3E")}.hero-crown-badge{position:absolute;top:1rem;right:1.5rem;display:flex;align-items:center;gap:.4rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:.4rem .9rem;z-index:3;font-size:.75rem;font-weight:800;color:#fbbf24;text-transform:uppercase;letter-spacing:.05em}.hero-crown-content{position:relative;z-index:2;padding:1.2rem 2.5rem 1.4rem;max-width:720px}.hero-crown-genre-label{position:absolute;bottom:40px;right:2.5rem;z-index:2;text-align:right}.hero-crown-genre{display:block;font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:.1rem;text-shadow:0 1px 4px rgba(0,0,0,.3)}.hero-crown-trending{display:block;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.hero-crown-cta{background:#00000040;border-radius:10px;padding:.6rem 1.2rem;margin-top:.3rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-crown-title{font-size:1.7rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.01em;text-shadow:0 2px 6px rgba(0,0,0,.4)}.hero-crown-body{font-size:1.1rem;color:#ffffffd9;line-height:1.5;margin:0}.hero-crown-punch{display:block;margin-top:.25rem;font-weight:700;font-size:1.2rem;color:#fff;letter-spacing:.02em}@media(max-width:768px){.hero-crown-content{padding:1rem 1.5rem 1.5rem}.hero-crown-genre{font-size:1.2rem}.hero-crown-title{font-size:1.3rem}.hero-crown-body{font-size:.8rem}.hero-crown-badge{top:.75rem;right:.75rem;font-size:.65rem}}.hero-content{max-width:1250px;height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:2.5rem;margin:0 auto}.hero-title-sub{font-size:2.8rem;display:block}.hero-title{font-size:3.2rem;font-weight:800;margin:0 0 .75rem;padding-bottom:.15em;background:linear-gradient(135deg,#e0e7ff,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1.15}.hero-subtitle{font-size:1.3rem;color:#ffffffbf;margin:0 0 .75rem;line-height:1.5;max-width:800px;margin-left:auto;margin-right:auto}.hero-clarifier{font-size:1.05rem;color:#ffffffa6;margin:0 0 1.5rem;text-align:center}.hero-no-account{font-size:.95rem;color:#fff9;margin:0 0 2.5rem;text-align:center}.hero-cta-label{font-size:1rem;color:#67e8f9;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;opacity:.9}.hero-benefits-content{align-items:center;text-align:center;padding:0 2.5rem;justify-content:center}.hero-benefits-content .hero-title{font-size:2.4rem;margin-bottom:.4rem;white-space:nowrap}.hero-benefits-content .hero-clarifier{margin-bottom:.25rem}.hero-clarifier-secondary{font-size:.92rem;color:#ffffff80;margin-bottom:1rem}.hero-benefits-grid{display:flex;gap:1.5rem;justify-content:center;flex-wrap:nowrap;margin-bottom:1.25rem;width:100%;max-width:880px}.hero-benefit-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.1rem 1.4rem;flex:1;min-width:0;text-align:left}.hero-benefit-icon{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:.65rem}.hero-benefit-icon--backstage{background:#f59e0b26;color:#f59e0b}.hero-benefit-icon--mainstage{background:#6366f126;color:#818cf8}.hero-benefit-title{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 .55rem}.hero-benefit-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3rem}.hero-benefit-list li{font-size:.8rem;color:#ffffffb3;padding-left:1.1rem;position:relative;line-height:1.4}.hero-benefit-list li:before{content:"✓";position:absolute;left:0;color:#22d3ee;font-size:.7rem;top:.1em}.hero-monetization-line{text-align:center;font-size:.8rem;color:#ffffff80;letter-spacing:.03em;margin:0 0 4px}.hero-trial-cta{display:flex;flex-direction:column;align-items:center;gap:.45rem}.hero-trial-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;padding:.8rem 2.5rem;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.01em;transition:opacity .15s,transform .15s}.hero-trial-btn:hover{opacity:.9;transform:translateY(-2px)}.hero-trial-note{font-size:.73rem;color:#fff6;margin:0}.landing-catalog-section{padding:3rem 2.5rem}.landing-backstage{background:#00000026}.catalog-section-header{max-width:1200px;margin:0 auto 1.5rem}.catalog-section-header h2{margin:0;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#e0e7ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.catalog-section-desc{margin:.3rem 0 0;font-size:1rem;color:#fff9}.scroll-row-wrapper{position:relative;max-width:1200px;margin:0 auto}.scroll-row-inner{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.scroll-row-inner::-webkit-scrollbar{display:none}.scroll-arrow{position:absolute;top:50%;transform:translateY(-60%);z-index:5;width:36px;height:36px;border-radius:50%;background:#6366f1b3;border:1px solid rgba(99,102,241,.4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scroll-arrow:hover{background:#6366f1e6}.scroll-arrow-left{left:-18px}.scroll-arrow-right{right:-18px}.landing-song-genre-watermark{font-size:1rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:.5rem;z-index:2}.landing-song-card{flex:0 0 180px;border-radius:8px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .2s;cursor:pointer}.landing-song-card:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-2px)}.landing-song-art{width:100%;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;background:#1a1d2e}.landing-song-artist-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.landing-play-btn{position:absolute;bottom:.5rem;right:.5rem;width:36px;height:36px;border-radius:50%;background:#6366f1d9;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,transform .2s;transform:translateY(4px);z-index:2}.landing-song-card:hover .landing-play-btn,.landing-play-btn.playing{opacity:1;transform:translateY(0)}.landing-song-info{padding:.6rem .7rem;display:flex;flex-direction:column;gap:.15rem}.landing-song-title{font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-song-artist{font-size:.8rem;color:#ffffffa6}.landing-song-artist--link{background:none;border:none;padding:0;cursor:pointer;text-align:left;font-size:.8rem;color:#ffffffa6;transition:color .15s}.landing-song-artist--link:hover{color:#e2e8f0;text-decoration:underline}.landing-song-genre{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4em}.landing-vocal-type{background:#ffffff14;padding:.1em .4em;border-radius:3px;font-weight:600;color:#ffffffb3}.path-sub{display:block;font-size:.85rem;color:#ffffff80;margin-top:.6rem;letter-spacing:.02em}.path-sub-secondary{display:block;font-size:.8rem;color:#6366f1b3;margin-top:.35rem;font-style:italic}.landing-how-it-works{padding:3.5rem 2.5rem;text-align:center;background:#0000001a;border-top:1px solid rgba(99,102,241,.06);border-bottom:1px solid rgba(99,102,241,.06)}.how-it-works-content{max-width:900px;margin:0 auto}.how-it-works-title{font-size:1.8rem;font-weight:700;margin:0 0 2rem;background:linear-gradient(135deg,#e0e7ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.how-it-works-steps{display:flex;gap:1.5rem;justify-content:center}.how-step{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem 1.5rem;width:240px;text-align:center}.how-step-number{width:36px;height:36px;border-radius:50%;background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.how-step h3{margin:0 0 .5rem;font-size:1.15rem;font-weight:700;color:#fff}.how-step p{margin:0;font-size:.95rem;color:#ffffffb3;line-height:1.5}.catalog-section-promo{font-size:1.15rem;font-weight:700;color:#ffffffbf;margin:0 0 .5rem;text-align:center;letter-spacing:.01em}.landing-footer{padding:2rem 2.5rem;text-align:center;border-top:1px solid rgba(99,102,241,.1)}.landing-footer p{margin:0;font-size:.8rem;color:#fff6}.landing-footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.landing-footer-link{background:none;border:none;color:#ffffff73;font-size:.8rem;cursor:pointer;padding:0;transition:color .2s}.landing-footer-link:hover{color:#a5b4fc}.landing-footer-sep{color:#fff3;font-size:.75rem}.landing-mini-player{position:fixed;bottom:0;left:0;right:0;height:56px;background:#0d0f1af7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(99,102,241,.15);display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;z-index:200}.lmp-info{display:flex;flex-direction:column;min-width:0;flex:0 0 180px;position:relative}.lmp-info.lmp-expandable{cursor:pointer}.lmp-info.lmp-expandable:hover .lmp-title{color:#c084fc}.lmp-expand-icon{position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:#666;transition:color .15s}.lmp-info.lmp-expandable:hover .lmp-expand-icon{color:#c084fc}.lmp-title{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lmp-artist{font-size:.75rem;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lmp-play-btn{width:36px;height:36px;border-radius:50%;background:#6366f1b3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.lmp-play-btn:hover{background:#6366f1e6}.lmp-time{font-size:.65rem;color:#fff6;min-width:32px;text-align:center;flex-shrink:0}.lmp-scrub{flex:1;height:4px;background:#ffffff1a;border-radius:2px;cursor:pointer;position:relative}.lmp-scrub-fill{height:100%;background:#6366f1b3;border-radius:2px;transition:width .1s linear}.lmp-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:lmp-spin .6s linear infinite}@keyframes lmp-spin{to{transform:rotate(360deg)}}.lmp-volume{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.lmp-volume-btn,.lmp-close-btn{background:none;border:none;color:#ffffff73;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.lmp-volume-btn:hover,.lmp-close-btn:hover{color:#fffc}.lmp-volume-slider{width:70px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}.lmp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#a5b4fc;border:none;cursor:pointer}.lmp-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#a5b4fc;border:none;cursor:pointer}.genre-row-section{max-width:1200px;margin:0 auto 1.5rem}.landing-stations-row{max-width:1200px;margin:0 auto 2rem}.landing-stations-heading{margin:0 0 .6rem;font-size:1.15rem;font-weight:700;color:#ffffffe0;letter-spacing:.01em}.landing-station-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.15rem;width:160px;min-width:160px;aspect-ratio:1;padding:.75rem;border:none;border-radius:12px;cursor:pointer;overflow:hidden;text-align:left;flex-shrink:0;color:#fff;background-color:var(--station-color, #475569);box-shadow:0 2px 10px #00000059;transition:transform .2s,box-shadow .2s}.landing-station-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000073}.landing-station-card.active{box-shadow:0 0 0 2px #fff,0 8px 20px #00000073}.landing-station-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.landing-station-card.has-photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,var(--station-color, #475569) 0%,color-mix(in srgb,var(--station-color, #475569) 80%,transparent) 40%,transparent 75%)}@supports not (background: color-mix(in srgb,red,blue)){.landing-station-card.has-photo:before{background:linear-gradient(to top,var(--station-color, #475569) 0%,rgba(0,0,0,.3) 55%,transparent 85%)}}.landing-station-name{position:relative;z-index:2;font-size:.95rem;font-weight:700;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.5)}.landing-station-count{position:relative;z-index:2;font-size:.68rem;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.4)}.landing-station-eq{position:absolute;top:.55rem;right:.55rem;display:flex;align-items:flex-end;gap:2px;height:16px;z-index:3}.landing-station-eq span{display:block;width:3px;background:#fff;border-radius:1px;animation:landingStationEq .8s ease-in-out infinite alternate}.landing-station-eq span:nth-child(1){height:100%;animation-delay:0s}.landing-station-eq span:nth-child(2){height:60%;animation-delay:.15s}.landing-station-eq span:nth-child(3){height:80%;animation-delay:.3s}@keyframes landingStationEq{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.genre-row-title{margin:0 0 .5rem;font-size:1.15rem;font-weight:600;color:#ffffffbf;letter-spacing:.01em}.genre-row-station{display:inline-flex;align-items:center;gap:.65rem;background:none;border:1px solid transparent;border-radius:10px;padding:.25rem .75rem .25rem .5rem;cursor:pointer;transition:all .15s;text-align:left}.genre-row-station:hover{background:#6366f11a;border-color:#6366f14d}.genre-row-station:hover .genre-row-station-tag{color:#a5b4fc}.genre-row-title-text{font-size:1.15rem;font-weight:600;color:#ffffffd9;letter-spacing:.01em}.genre-row-station-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff6;transition:color .15s}.genre-row-station--active{background:#6366f126;border-color:#6366f173}.genre-row-station--active .genre-row-title-text{color:#c7d2fe}.genre-row-station--active .genre-row-station-tag{color:#a5b4fc}.genre-row-eq{display:inline-flex;align-items:flex-end;gap:2px;height:10px}.genre-row-eq span{width:2px;background:#a5b4fc;border-radius:1px;animation:genre-row-eq-bounce .8s ease-in-out infinite alternate}.genre-row-eq span:nth-child(1){height:40%;animation-delay:0s}.genre-row-eq span:nth-child(2){height:90%;animation-delay:.2s}.genre-row-eq span:nth-child(3){height:60%;animation-delay:.4s}@keyframes genre-row-eq-bounce{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.landing-backstage .landing-song-art{overflow:hidden}.landing-backstage .landing-song-art .wave-layer{position:absolute;left:0;right:0;bottom:0;pointer-events:none}@media(max-width:768px){.hero-title{font-size:2rem}.hero-title-sub{font-size:1.6rem}.hero-benefits-grid{flex-direction:column;align-items:center;flex-wrap:wrap}.hero-benefit-card{width:100%;max-width:360px;flex:none}.hero-benefits-content{padding:0 1rem}.how-it-works-steps{flex-direction:column;align-items:center}.how-step{width:100%;max-width:320px}.landing-header{padding:.75rem 1.25rem}.landing-hero{padding:3rem 1.25rem 2.5rem}.landing-catalog-section{padding:2rem 1.25rem}.landing-tagline{display:none}.landing-sign-in-row{right:1.25rem}.hero-carousel{height:680px}.hero-events-headline{top:.75rem;right:.75rem;padding:.5rem .75rem}.hero-events-title{font-size:1rem}.hero-events-subtitle{font-size:.7rem}.hero-events-content{padding:.4rem .75rem}.hero-events-body{font-size:.65rem}.hero-carousel-nav{margin-top:1.25rem}.hero-carousel-tab{font-size:.6rem;padding:.25rem .6rem}}.onboarding-path{min-height:100vh;background:#0d0f1a;color:#e0e0e0;overflow-y:auto;overflow-x:hidden}.onboarding-nav{display:flex;align-items:center;padding:.75rem 2.5rem;position:sticky;top:0;z-index:100;background:#0d0f1af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(99,102,241,.08)}.onboarding-back{background:none;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:.35rem .9rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;display:flex;align-items:center;gap:.35rem}.onboarding-back:hover{border-color:#ffffff4d;color:#fff}.onboarding-nav-brand{margin-left:auto;margin-right:auto;font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,#06b6d4,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-nav-spacer{width:80px}.onboarding-exit{background:none;border:1px solid rgba(255,255,255,.15);color:#ffffff80;padding:.35rem .9rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;display:flex;align-items:center;gap:.35rem;width:80px;justify-content:center}.onboarding-exit:hover{border-color:#ff646466;color:#f87171}.onboarding-steps{display:flex;justify-content:center;gap:.5rem;padding:1rem 2rem;background:#0003}.onboarding-step-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f;transition:all .3s}.onboarding-step-dot.active{background:#6366f1;box-shadow:0 0 8px #6366f166}.onboarding-step-dot.completed{background:#6366f166}.onboarding-hero{padding:4rem 2.5rem 3rem;text-align:center;background:radial-gradient(ellipse at 30% 0%,rgba(99,102,241,.2) 0%,transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(168,85,247,.15) 0%,transparent 50%),linear-gradient(180deg,#161a35,#0d0f1a)}.onboarding-hero-icon{margin-bottom:1.5rem}.onboarding-hero h2{font-size:2.8rem;font-weight:800;margin:0 0 1rem;background:linear-gradient(135deg,#e0e7ff,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15;padding-bottom:.1em}.onboarding-hero-sub{font-size:1.2rem;color:#ffffffb3;max-width:650px;margin:0 auto 2.5rem;line-height:1.5}.value-features{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;max-width:900px;margin:0 auto 2.5rem}.value-feature{display:flex;align-items:flex-start;gap:.75rem;text-align:left;width:380px;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.value-feature-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.value-feature-icon.singer{background:#06b6d426;color:#67e8f9}.value-feature-icon.writer{background:#f59e0b26;color:#fbbf24}.value-feature-icon.purple{background:#a855f726;color:#c4b5fd}.value-feature h4{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:#fff}.value-feature p{margin:0;font-size:.9rem;color:#fff9;line-height:1.4}.onboarding-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.01em}.onboarding-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f159}.onboarding-cta-secondary{background:transparent;border:1px solid rgba(99,102,241,.4);color:#a5b4fc}.onboarding-cta-secondary:hover{background:#6366f11a;border-color:#6366f199}.genre-picker-section{padding:3rem 2.5rem;text-align:center}.genre-picker-section h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#fff}.genre-picker-sub{font-size:1rem;color:#ffffff8c;margin:0 0 2rem}.genre-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:700px;margin:0 auto}.genre-chip{padding:.6rem 1.4rem;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffbf;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.genre-chip:hover{background:#6366f11a;border-color:#6366f14d;color:#fff}.genre-chip.selected{background:#6366f133;border-color:#6366f180;color:#fff;font-weight:600}.song-browser-section{padding:2rem 2.5rem 3rem}.song-browser-section h3{font-size:1.3rem;font-weight:700;margin:0 0 .5rem;color:#fff;text-align:center}.song-browser-sub{font-size:.95rem;color:#ffffff80;text-align:center;margin:0 0 1.5rem}.song-browser-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1000px;margin:0 auto}.song-browser-card{border-radius:12px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .25s}.song-browser-card:hover{background:#6366f10f;border-color:#6366f140;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.song-browser-card.selected,.song-browser-card.playing{border-color:#6366f199;background:#6366f114;box-shadow:0 0 0 2px #6366f14d}.song-browser-art{width:100%;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.song-browser-genre-label{font-size:1rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.06em;z-index:2}.song-browser-play{position:absolute;bottom:.6rem;right:.6rem;width:40px;height:40px;border-radius:50%;background:#6366f1d9;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,transform .2s;transform:translateY(4px);z-index:3}.song-browser-card:hover .song-browser-play,.song-browser-play.playing{opacity:1;transform:translateY(0)}.song-browser-info{padding:.8rem .9rem}.song-browser-title{font-size:.95rem;font-weight:600;color:#fff;display:block;margin-bottom:.2rem}.song-browser-artist{font-size:.8rem;color:#ffffff80;display:block}.song-browser-vocal-type{display:inline-block;font-size:.7rem;font-weight:600;color:#ffffffb3;background:#ffffff14;padding:.1em .4em;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.song-browser-select-label{display:block;text-align:center;padding:.5rem;font-size:.8rem;font-weight:600;color:#6366f1;background:#6366f10f;border-top:1px solid rgba(99,102,241,.1)}.song-browser-card.upload-card{border-style:dashed;border-color:#ffffff26}.song-browser-card.upload-card .song-browser-art{background:#ffffff05;flex-direction:column;gap:.75rem}.song-browser-card.upload-card:hover{border-color:#6366f166}.upload-card-icon{color:#fff6}.upload-card-text{font-size:.95rem;font-weight:600;color:#fff9}.email-capture-section{padding:4rem 2.5rem;text-align:center;background:radial-gradient(ellipse at 50% 50%,rgba(99,102,241,.1) 0%,transparent 60%),#00000026}.email-capture-card{max-width:480px;margin:0 auto;padding:2.5rem 2rem;background:#ffffff0a;border:1px solid rgba(99,102,241,.15);border-radius:16px}.email-capture-card h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.email-capture-desc{font-size:1rem;color:#fff9;margin:0 0 1.5rem;line-height:1.5}.email-capture-form{display:flex;flex-direction:column;gap:.75rem}.email-capture-input{padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.email-capture-input:focus{border-color:#6366f180}.email-capture-input::placeholder{color:#ffffff4d}.email-capture-hold{font-size:.85rem;color:#ffffff73;margin:.5rem 0 0;display:flex;align-items:center;justify-content:center;gap:.4rem}.email-capture-hold svg{opacity:.6}.marketplace-tour{padding:3rem 2.5rem}.marketplace-tour h3{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin:0 0 .5rem}.marketplace-tour-sub{font-size:1rem;color:#ffffff8c;text-align:center;margin:0 0 2rem}.econ-cards{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;max-width:900px;margin:0 auto 2.5rem}.econ-card{width:260px;padding:1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;text-align:center}.econ-card-icon{font-size:2rem;margin-bottom:.75rem}.econ-card h4{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .4rem}.econ-card p{font-size:.9rem;color:#fff9;margin:0;line-height:1.45}.upload-preview-section{padding:3rem 2.5rem;text-align:center}.upload-preview-section h3{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 .5rem}.upload-preview-sub{font-size:.95rem;color:#ffffff80;margin:0 0 2rem}.upload-dropzone{max-width:500px;margin:0 auto;padding:3rem 2rem;border:2px dashed rgba(255,255,255,.15);border-radius:16px;background:#ffffff05;cursor:pointer;transition:all .2s}.upload-dropzone:hover{border-color:#6366f166;background:#6366f108}.upload-dropzone-icon{color:#fff6;margin-bottom:1rem}.upload-dropzone-text{font-size:1.05rem;font-weight:600;color:#ffffffb3;margin:0 0 .3rem}.upload-dropzone-hint{font-size:.85rem;color:#fff6}.catalog-preview-wrap{max-width:260px;margin:2rem auto 0}.catalog-preview-label{font-size:.8rem;color:#fff6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.onboarding-mini-player{position:fixed;bottom:0;left:0;right:0;height:56px;background:#0d0f1af7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(99,102,241,.15);display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;z-index:200}.writer-prompt-section{padding:3rem 2.5rem;text-align:center}.writer-prompt-section h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.writer-prompt-sub{font-size:1rem;color:#ffffff8c;margin:0 0 2rem}.writer-prompt-form{max-width:560px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:1.25rem}.writer-prompt-field{display:flex;flex-direction:column;gap:.4rem}.writer-prompt-label{font-size:.85rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em}.writer-prompt-select{padding:.7rem 2.5rem .7rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:1rem;outline:none;cursor:pointer;transition:border-color .2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='rgba(255,255,255,0.5)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.writer-prompt-select:focus{border-color:#6366f180}.writer-prompt-select option{background:#1a1d2e;color:#fff}.writer-prompt-textarea{padding:.7rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:1rem;font-family:inherit;outline:none;resize:vertical;min-height:70px;transition:border-color .2s}.writer-prompt-textarea:focus{border-color:#6366f180}.writer-prompt-textarea::placeholder{color:#ffffff4d}.writer-prompt-charcount{font-size:.75rem;color:#ffffff59;text-align:right}.writer-prompt-radio-group{display:flex;gap:.5rem}.writer-prompt-radio{flex:1;padding:.6rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:#ffffffb3;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.writer-prompt-radio:hover{background:#6366f114;border-color:#6366f14d;color:#fff}.writer-prompt-radio.selected{background:#6366f126;border-color:#6366f180;color:#fff;font-weight:600}.writer-prompt-error{color:#f87171;font-size:.9rem;margin:0;text-align:center}.writer-prompt-input{padding:.7rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.writer-prompt-input:focus{border-color:#6366f180}.writer-prompt-input::placeholder{color:#ffffff4d}.writer-prompt-textarea-wrap{position:relative}.writer-prompt-textarea-wrap .writer-prompt-textarea{width:100%;box-sizing:border-box;padding-right:6rem}.writer-prompt-textarea.flash{animation:captionFlash .6s ease}@keyframes captionFlash{0%{border-color:#6366f180;box-shadow:0 0 8px #6366f14d}to{border-color:#ffffff26;box-shadow:none}}.writer-enhance-btn{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:6px;border:1px solid rgba(99,102,241,.3);background:#6366f11a;color:#a5b4fc;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.writer-enhance-btn:hover:not(:disabled){background:#6366f133;border-color:#6366f180}.writer-enhance-btn:disabled{opacity:.6;cursor:not-allowed}.writer-prompt-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.writer-lyrics-gen-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:6px;border:1px solid rgba(168,85,247,.3);background:#a855f71a;color:#c4b5fd;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.writer-lyrics-gen-btn:hover:not(:disabled){background:#a855f733;border-color:#a855f780}.writer-lyrics-gen-btn:disabled{opacity:.6;cursor:not-allowed}.writer-lyrics-textarea{min-height:140px!important;resize:vertical}.writer-prompt-row{display:flex;gap:1rem;align-items:flex-start}.writer-surprise-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:24px;border:1px solid rgba(245,158,11,.35);background:#f59e0b1a;color:#fbbf24;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.writer-surprise-btn:hover:not(:disabled){background:#f59e0b2e;border-color:#f59e0b8c;transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b26}.writer-surprise-btn:disabled{opacity:.6;cursor:not-allowed}.writer-advanced-section{border-top:1px solid rgba(255,255,255,.06);padding-top:.75rem}.writer-advanced-toggle{display:flex;align-items:center;gap:.4rem;padding:.4rem 0;background:none;border:none;color:#ffffff80;font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s}.writer-advanced-toggle:hover{color:#fffc}.writer-advanced-fields{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px}.writer-advanced-row{display:flex;gap:1rem}.writer-advanced-row .writer-prompt-field{flex:1}.spin-icon{animation:spinIcon 1s linear infinite}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.writer-generating-section{padding:5rem 2.5rem;text-align:center;display:flex;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(99,102,241,.08) 0%,transparent 60%),#0000001a}.writer-generating-card{max-width:480px;padding:2.5rem 2rem;background:#ffffff08;border:1px solid rgba(99,102,241,.12);border-radius:16px}.writer-generating-spinner{margin-bottom:1.5rem}.writer-generating-card h3{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 .5rem}.writer-generating-message{font-size:.95rem;color:#ffffff8c;margin:0 0 1.5rem}.writer-generating-progress-track{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:1.5rem}.writer-generating-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:3px;transition:width .5s ease}.writer-generating-meta{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.writer-generating-genre-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;background:#f59e0b26;color:#fbbf24;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.writer-generating-caption{font-size:.85rem;color:#fff6;font-style:italic}.writer-listen-section{padding:3rem 2.5rem;text-align:center}.writer-listen-section h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.writer-listen-sub{font-size:1rem;color:#ffffff8c;margin:0 0 2rem}.writer-listen-card{max-width:320px;margin:0 auto 2rem;border-radius:12px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.writer-listen-art{width:100%;aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center}.writer-listen-play-btn{width:64px;height:64px;border-radius:50%;background:#6366f1d9;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;z-index:3}.writer-listen-play-btn:hover{transform:scale(1.08);box-shadow:0 4px 20px #6366f166}.writer-listen-play-btn.playing{background:#6366f1f2}.writer-listen-info{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.writer-listen-title{font-size:1.1rem;font-weight:600;color:#fff}.writer-listen-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;background:#ffffff14;color:#fff9;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.writer-listen-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.writer-listen-more-note{font-size:.85rem;color:#fff6;margin:0}.writer-email-success-icon{margin-bottom:1rem}.writer-promo-section{padding:1.5rem 2.5rem 2rem;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(99,102,241,.1) 0%,transparent 50%),#00000026}.writer-promo-card{max-width:560px;margin:0 auto;padding:2.5rem 2rem;background:#ffffff0a;border:1px solid rgba(245,158,11,.2);border-radius:16px;position:relative}.writer-promo-card.writer-promo-wide{max-width:900px;display:flex;align-items:flex-start;gap:2.5rem;padding:1.5rem 2rem;text-align:left}.writer-promo-left{flex:1;min-width:0}.writer-promo-right{flex:0 0 auto;width:260px;padding-top:.5rem}.writer-promo-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.writer-promo-bullets li{position:relative;padding-left:1.4rem;font-size:.88rem;color:#fffc;line-height:1.4}.writer-promo-bullets li:before{content:"✓";position:absolute;left:0;color:#fbbf24;font-weight:700}@media(max-width:700px){.writer-promo-card.writer-promo-wide{flex-direction:column;gap:1.5rem;text-align:center}.writer-promo-right{width:100%}.writer-promo-bullets{align-items:center}.writer-promo-bullets li{text-align:left}}.writer-promo-badge{display:inline-block;padding:.3rem .9rem;border-radius:20px;background:linear-gradient(135deg,#f59e0b40,#f59e0b26);border:1px solid rgba(245,158,11,.4);color:#fbbf24;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.writer-promo-headline{font-size:1.35rem;font-weight:800;color:#fff;margin:0 0 .5rem;line-height:1.25}.writer-promo-sub{font-size:.85rem;color:#ffffff80;margin:0 0 .75rem;line-height:1.4}.writer-promo-price-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.writer-promo-old-price{font-size:1.1rem;font-weight:600;color:#fff6;text-decoration:line-through}.writer-promo-arrow{color:#ffffff4d;display:flex;align-items:center}.writer-promo-new-price{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.writer-promo-period{font-size:.85rem;font-weight:500;color:#ffffff80}.writer-promo-cta{width:100%;justify-content:center;padding:1rem 2rem;font-size:1.15rem;background:linear-gradient(135deg,#f59e0b,#d97706)}.writer-promo-cta:hover{box-shadow:0 6px 24px #f59e0b59}.writer-promo-login-link{font-size:.85rem;color:#ffffff73;margin:1rem 0 0}.writer-promo-link-btn{background:none;border:none;color:#a5b4fc;font-size:inherit;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.writer-promo-link-btn:hover{color:#c4b5fd}@media(max-width:768px){.onboarding-hero h2{font-size:2rem}.value-features{flex-direction:column;align-items:center}.value-feature{width:100%;max-width:360px}.genre-grid{max-width:100%}.song-browser-grid{grid-template-columns:repeat(2,1fr)}.econ-cards{flex-direction:column;align-items:center}.onboarding-hero{padding:2.5rem 1.25rem 2rem}.genre-picker-section,.song-browser-section{padding:2rem 1.25rem}.onboarding-nav{padding:.75rem 1.25rem}.writer-prompt-section{padding:2rem 1.25rem}.writer-generating-section{padding:3rem 1.25rem}.writer-listen-section{padding:2rem 1.25rem}.writer-listen-card{max-width:260px}.writer-prompt-radio-group,.writer-prompt-row,.writer-advanced-row{flex-direction:column}.writer-promo-section{padding:2rem 1.25rem 3rem}.writer-promo-card{padding:2rem 1.25rem}.writer-promo-headline{font-size:1.3rem}}.admin-portal{--admin-bg: #0D0D0F;--admin-card: #1A1A2E;--admin-card-border: #2D2D3F;--admin-primary: #00D4FF;--admin-secondary: #8B5CF6;--admin-text: #F5F5F7;--admin-text-muted: #94A3B8;--admin-sidebar-bg: #111118;--admin-sidebar-hover: #1A1A2E;--admin-gradient: linear-gradient(135deg, #00D4FF 0%, #8B5CF6 100%);--admin-green: #10B981;--admin-red: #EF4444;--admin-yellow: #F59E0B;--admin-input-bg: #16162A;--admin-input-border: #2D2D3F;position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;background:var(--admin-bg);color:var(--admin-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.admin-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;background:var(--admin-sidebar-bg);border-bottom:1px solid var(--admin-card-border);flex-shrink:0}.admin-header-title{font-size:1.125rem;font-weight:700;color:var(--admin-text)}.admin-header-title span{background:var(--admin-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-header-user{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--admin-text-muted)}.admin-header-back{padding:6px 14px;background:#ffffff0f;border:1px solid var(--admin-card-border);border-radius:6px;color:var(--admin-text-muted);font-size:.8125rem;cursor:pointer;transition:all .2s}.admin-header-back:hover{background:#ffffff1a;color:var(--admin-text)}.admin-layout{display:flex;flex:1;overflow:hidden}.admin-sidebar{width:200px;background:var(--admin-sidebar-bg);border-right:1px solid var(--admin-card-border);padding:16px 0;flex-shrink:0}.admin-sidebar nav{display:flex;flex-direction:column;gap:2px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:.875rem;font-weight:500;color:var(--admin-text-muted);background:none;border:none;border-left:3px solid transparent;cursor:pointer;transition:all .15s;text-align:left;width:100%}.admin-nav-item:hover{color:var(--admin-text);background:var(--admin-sidebar-hover)}.admin-nav-item.active{color:var(--admin-primary);background:#00d4ff0f;border-left-color:var(--admin-primary)}.admin-nav-item svg{width:18px;height:18px;flex-shrink:0}.admin-content{flex:1;overflow-y:auto;padding:32px}.admin-content-header{margin-bottom:28px}.admin-content-header h1{font-size:1.5rem;font-weight:700;margin-bottom:6px}.admin-content-header p{color:var(--admin-text-muted);font-size:.875rem}.admin-unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.admin-unauthorized h2{font-size:1.5rem;color:var(--admin-red)}.admin-unauthorized p{color:var(--admin-text-muted)}.admin-unauthorized button{margin-top:12px;padding:10px 24px;background:var(--admin-gradient);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.admin-login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--admin-bg)}.admin-login-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:12px;padding:2.5rem 2rem;width:380px;max-width:90vw;display:flex;flex-direction:column;gap:.75rem}.admin-login-logo{text-align:center;font-size:1.3rem;font-weight:700;color:var(--admin-text-muted);margin-bottom:1rem}.admin-login-logo span{background:linear-gradient(135deg,#00d4ff,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.admin-login-input{width:100%;padding:.65rem .85rem;background:#0d0d1a;border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text);font-size:.9rem;outline:none;box-sizing:border-box}.admin-login-input:focus{border-color:var(--admin-cyan);box-shadow:0 0 0 2px #00d4ff26}.admin-login-btn{width:100%;padding:.65rem;background:var(--admin-gradient);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;margin-top:.5rem;transition:opacity .2s}.admin-login-btn:hover{opacity:.9}.admin-login-btn:disabled{opacity:.5;cursor:not-allowed}.admin-login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;text-align:center}.admin-login-link{background:none;border:none;color:var(--admin-cyan);font-size:.8rem;cursor:pointer;text-align:center;padding:.25rem;margin-top:.25rem}.admin-login-link:hover{text-decoration:underline}.admin-2fa-card{width:420px}.admin-2fa-title{text-align:center;font-size:1.05rem;font-weight:700;color:var(--admin-text);margin-bottom:.25rem}.admin-2fa-desc{text-align:center;font-size:.8125rem;color:var(--admin-text-muted);line-height:1.5;margin-bottom:.5rem}.admin-2fa-loading{text-align:center;color:var(--admin-text-muted);font-size:.85rem;padding:2rem 0}.admin-2fa-qr-wrap{display:flex;justify-content:center;padding:1rem 0 .75rem}.admin-2fa-qr{width:180px;height:180px;border-radius:10px;background:#fff;padding:8px}.admin-2fa-secret-section{margin-bottom:.5rem}.admin-2fa-secret-label{display:block;font-size:.75rem;color:var(--admin-text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.admin-2fa-secret-field{display:flex;align-items:center;gap:8px;background:#0d0d1a;border:1px solid var(--admin-card-border);border-radius:8px;padding:.5rem .75rem}.admin-2fa-secret-value{flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;letter-spacing:.08em;color:var(--admin-primary);word-break:break-all;-webkit-user-select:all;user-select:all}.admin-2fa-copy-btn{flex-shrink:0;padding:4px 12px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:6px;color:var(--admin-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.admin-2fa-copy-btn:hover{background:#00d4ff2e;border-color:#00d4ff59}.admin-2fa-code-label{display:block;font-size:.8125rem;color:var(--admin-text-muted);margin-bottom:.35rem;font-weight:500}.admin-2fa-code-input{text-align:center;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.5rem;letter-spacing:.35em;padding:.75rem 1rem}.admin-card{background:var(--admin-card);border:1px solid var(--admin-card-border);border-radius:12px;padding:24px;margin-bottom:24px}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--admin-card-border)}.admin-card-title{font-size:1.125rem;font-weight:600}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.admin-stat-card{background:var(--admin-card);border:1px solid var(--admin-card-border);border-radius:12px;padding:20px}.admin-stat-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--admin-text-muted);margin-bottom:8px}.admin-stat-value{font-size:2rem;font-weight:700}.admin-stat-value.cyan{color:var(--admin-primary)}.admin-stat-value.purple{color:var(--admin-secondary)}.admin-stat-value.green{color:var(--admin-green)}.admin-stat-value.red{color:var(--admin-red)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--admin-card-border)}.admin-table th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--admin-text-muted);font-weight:600}.admin-table td{font-size:.8125rem}.admin-table tr:hover td{background:#ffffff05}.admin-code{font-family:JetBrains Mono,Fira Code,monospace;background:#00d4ff14;padding:3px 8px;border-radius:4px;font-size:.8125rem;letter-spacing:.03em}.admin-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.admin-badge-active{background:#10b98126;color:#34d399}.admin-badge-expired{background:#94a3b826;color:#94a3b8}.admin-badge-maxed{background:#8b5cf626;color:#a78bfa}.admin-badge-deactivated{background:#ef444426;color:#f87171}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .15s;font-family:inherit}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-primary{background:var(--admin-gradient);color:#fff}.admin-btn-primary:hover:not(:disabled){opacity:.9}.admin-btn-secondary{background:#ffffff0f;color:var(--admin-text);border:1px solid var(--admin-card-border)}.admin-btn-secondary:hover:not(:disabled){background:#ffffff1a}.admin-btn-danger{background:#ef444426;color:#f87171}.admin-btn-danger:hover:not(:disabled){background:#ef444440}.admin-btn-sm{padding:5px 10px;font-size:.75rem}.admin-btn-icon{padding:6px;background:none;border:none;color:var(--admin-text-muted);cursor:pointer;border-radius:4px;transition:all .15s}.admin-btn-icon:hover{color:var(--admin-text);background:#ffffff0f}.admin-form-group{margin-bottom:16px}.admin-form-label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:6px;color:var(--admin-text)}.admin-form-input,.admin-form-select,.admin-form-textarea{width:100%;padding:10px 12px;background:var(--admin-input-bg);border:1px solid var(--admin-input-border);border-radius:8px;font-size:.875rem;font-family:inherit;color:var(--admin-text);transition:border-color .15s}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{outline:none;border-color:var(--admin-primary)}.admin-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.admin-form-textarea{min-height:80px;resize:vertical}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-modal-overlay{position:fixed;inset:0;z-index:10000;background:#000000b3;display:flex;align-items:center;justify-content:center}.admin-modal{background:var(--admin-card);border:1px solid var(--admin-card-border);border-radius:12px;width:520px;max-width:90vw;max-height:85vh;overflow-y:auto;padding:28px}.admin-modal h2{font-size:1.25rem;margin-bottom:20px}.admin-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid var(--admin-card-border)}.admin-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.admin-toggle-row+.admin-toggle-row{border-top:1px solid var(--admin-card-border)}.admin-toggle-label{font-size:.875rem;font-weight:500}.admin-toggle-desc{font-size:.75rem;color:var(--admin-text-muted);margin-top:2px}.admin-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.admin-toggle input{opacity:0;width:0;height:0;position:absolute}.admin-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#3a3a4a;border-radius:24px;transition:.25s}.admin-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s}.admin-toggle input:checked+.admin-toggle-slider{background:var(--admin-gradient)}.admin-toggle input:checked+.admin-toggle-slider:before{transform:translate(20px)}.admin-copied-toast{position:fixed;bottom:24px;right:24px;z-index:10001;background:var(--admin-green);color:#fff;padding:10px 20px;border-radius:8px;font-size:.8125rem;font-weight:600;animation:adminToastIn .25s ease-out}@keyframes adminToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--admin-text-muted);font-size:.875rem}.admin-error{color:var(--admin-red);padding:20px;font-size:.875rem}.admin-tier-artist{color:var(--admin-primary)}.admin-tier-headliner{color:var(--admin-secondary)}.admin-tier-label{color:var(--admin-yellow)}.admin-tier-free{color:var(--admin-text-muted)}.admin-tier-backstage_writer{color:#60a5fa}.admin-placeholder{padding:40px;text-align:center;color:var(--admin-text-muted);font-size:.875rem}.admin-placeholder p{margin-top:8px;font-size:.8125rem}.admin-marketing-tabs{display:flex;gap:4px;background:var(--admin-card);border:1px solid var(--admin-card-border);border-radius:10px;padding:4px;margin-bottom:24px;width:fit-content}.admin-marketing-tab{padding:8px 20px;font-size:.8125rem;font-weight:500;border:none;border-radius:7px;background:none;color:var(--admin-text-muted);cursor:pointer;transition:all .15s;font-family:inherit}.admin-marketing-tab:hover{color:var(--admin-text);background:#ffffff0a}.admin-marketing-tab.active{background:var(--admin-primary);color:#0d0d0f;font-weight:600}.admin-carousel-slider-wrap{max-width:480px}.admin-carousel-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#3a3a4a;outline:none;cursor:pointer}.admin-carousel-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--admin-primary);cursor:pointer;border:2px solid #0D0D0F;box-shadow:0 0 6px #00d4ff66}.admin-carousel-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--admin-primary);cursor:pointer;border:2px solid #0D0D0F;box-shadow:0 0 6px #00d4ff66}.admin-carousel-speed-labels{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.75rem;color:var(--admin-text-muted)}.admin-carousel-speed-current{font-size:.9375rem;font-weight:700;color:var(--admin-primary)}.admin-users-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.admin-users-search{flex:1;min-width:220px}.admin-users-filter{width:auto;min-width:140px}.admin-users-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:#fff;flex-shrink:0;vertical-align:middle}.admin-users-avatar-fallback{letter-spacing:.04em}.admin-users-name-cell{display:flex;flex-direction:column;gap:2px}.admin-users-name{font-weight:600;font-size:.8125rem}.admin-users-email{font-size:.75rem;color:var(--admin-text-muted)}.admin-users-verified-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.admin-users-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 0 4px;border-top:1px solid var(--admin-card-border);margin-top:12px}.admin-users-pagination-label{font-size:.8125rem;color:var(--admin-text-muted)}.admin-users-delete-target{background:var(--admin-input-bg);border:1px solid var(--admin-card-border);border-radius:8px;padding:14px 18px;margin:12px 0 16px;display:flex;flex-direction:column;gap:4px}.admin-users-delete-target strong{font-size:.9375rem}.admin-users-delete-target span{font-size:.8125rem;color:var(--admin-text-muted)}.admin-users-delete-warning{color:var(--admin-red);font-size:.8125rem;font-weight:600;padding:10px 14px;background:#ef444414;border-radius:6px;margin-top:8px}@media(max-width:900px){.admin-users-toolbar{flex-direction:column;align-items:stretch}.admin-users-search,.admin-users-filter{min-width:auto}.admin-table td:nth-child(3),.admin-table th:nth-child(3){display:none}}.admin-rising-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.admin-rising-controls-right{display:flex;align-items:center;gap:10px}.admin-rising-genre-filter{width:auto;min-width:150px}.admin-rising-pills{display:flex;gap:4px;background:var(--admin-card);border:1px solid var(--admin-card-border);border-radius:10px;padding:4px}.admin-rising-pill{padding:7px 16px;font-size:.8125rem;font-weight:500;border:none;border-radius:7px;background:none;color:var(--admin-text-muted);cursor:pointer;transition:all .15s;font-family:inherit}.admin-rising-pill:hover{color:var(--admin-text);background:#ffffff0a}.admin-rising-pill.active{background:var(--admin-gradient);color:#fff;font-weight:600}.admin-rising-list{display:flex;flex-direction:column;gap:10px}.admin-rising-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--admin-card);border:1px solid rgba(0,212,255,calc(.12 * var(--rising-border-opacity, .5)));border-radius:12px;transition:border-color .2s,box-shadow .2s}.admin-rising-card:hover{border-color:#00d4ff4d}.admin-rising-card-first{border-color:#00d4ff66;box-shadow:0 0 20px #00d4ff1f,0 0 40px #fbbf240f;background:linear-gradient(135deg,#00d4ff0a,#fbbf2408),var(--admin-card)}.admin-rising-card-first:hover{border-color:#00d4ff8c;box-shadow:0 0 24px #00d4ff2e,0 0 48px #fbbf2414}.admin-rising-rank{font-size:1.5rem;font-weight:800;color:var(--admin-primary);min-width:36px;text-align:center;flex-shrink:0}.admin-rising-rank-first{font-size:1.75rem;background:linear-gradient(135deg,#fbbf24,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-rising-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;color:#fff;flex-shrink:0}.admin-rising-avatar-fallback{letter-spacing:.04em}.admin-rising-info{flex:1;min-width:0}.admin-rising-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-rising-name{font-weight:600;font-size:.9375rem}.admin-rising-stage-name{font-size:.8125rem;color:var(--admin-text-muted)}.admin-rising-stats-row{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.75rem;color:var(--admin-text-muted)}.admin-rising-stat-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--admin-text-muted);opacity:.5}.admin-rising-genre-tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.6875rem;font-weight:500;background:#8b5cf61f;color:#a78bfa;text-transform:capitalize;white-space:nowrap;flex-shrink:0}.admin-rising-score-wrap{width:120px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.admin-rising-score-label{font-size:.8125rem;font-weight:700;color:var(--admin-primary)}.admin-rising-score-bar{width:100%;height:4px;border-radius:2px;background:#ffffff0f;overflow:hidden}.admin-rising-score-fill{height:100%;border-radius:2px;background:var(--admin-gradient);transition:width .4s ease-out}@media(max-width:768px){.admin-rising-card{flex-wrap:wrap;gap:10px}.admin-rising-score-wrap{width:100%;flex-direction:row;align-items:center;gap:10px}.admin-rising-score-bar{flex:1}.admin-rising-controls{flex-direction:column;align-items:stretch}.admin-rising-controls-right{justify-content:flex-start}}.app{max-width:900px;margin:0 auto;padding:1rem;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,rgba(6,182,212,.04) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(99,102,241,.03) 0%,transparent 60%)}.app-header{text-align:center;padding:1.5rem 0 1rem}.app-title{font-size:2rem;font-weight:800;letter-spacing:.15em;margin:0;background:linear-gradient(135deg,#06b6d4,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(99,102,241,.3)}.app-subtitle{color:#fff;font-size:.85rem;margin-top:.25rem}.step-nav{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(99,102,241,.15);padding-bottom:.75rem}.step-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(180deg,#0f0f1e99,#0a0a16cc);border:1px solid rgba(99,102,241,.1);border-radius:8px;color:#7b7b9e;font-size:.8rem;transition:all .2s ease;flex:1;justify-content:center}.step-btn:hover:not(:disabled){border-color:#06b6d44d;color:#a5f3fc;background:linear-gradient(180deg,#141428cc,#0f0f1ee6);box-shadow:0 0 12px #06b6d41a}.step-btn.active{background:linear-gradient(135deg,#6366f126,#06b6d41a);border-color:#6366f166;color:#fff;box-shadow:0 0 16px #6366f133,inset 0 1px #ffffff0d}.step-btn.disabled{opacity:.4;cursor:not-allowed}.step-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#1e1e35,#15152a);font-size:.7rem;font-weight:600;box-shadow:inset 0 1px 2px #0000004d}.step-btn.active .step-number{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 8px #6366f180,inset 0 1px #ffffff1a}.app-main{position:relative}.app.express-mode{display:flex;flex-direction:column;height:100vh;max-width:100%;padding:0;overflow:hidden}.app-header{position:relative}.header-user{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.sign-in-btn{background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#a5b4fc;font-size:.8rem;padding:.35rem .75rem;cursor:pointer;transition:background .2s}.sign-in-btn:hover{background:#6366f140}.user-info{display:flex;align-items:center;gap:.5rem}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-name{color:#c9d1d9;font-size:.8rem;font-weight:500}.tier-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px;line-height:1}.tier-free{background:#6b72804d;color:#9ca3af}.tier-backstage_writer{background:#22c55e26;color:#4ade80}.tier-artist{background:#8b5cf626;color:#a78bfa}.tier-headliner{background:#fbbf2426;color:#fbbf24}.tier-label{background:#f43f5e26;color:#fb7185}.founding-badge{font-size:.55rem;font-weight:700;padding:1px 6px;border-radius:4px;background:linear-gradient(135deg,#fbbf2433,#f59e0b26);color:#f59e0b;letter-spacing:.03em;text-transform:uppercase;display:inline-flex;align-items:center;gap:2px}.user-settings-btn{background:none;border:none;color:#8b949e;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:color .15s,background .15s}.user-settings-btn:hover{color:#c9d1d9;background:#ffffff0f}.user-signout{background:none;border:none;color:#8b949e;cursor:pointer;padding:4px;display:flex;align-items:center}.user-signout:hover{color:#ef4444}.auth-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center}.app.express-mode .app-header{flex-shrink:0;padding:.75rem 1rem .5rem}.app.express-mode .app-title{font-size:1.5rem}.app.express-mode .app-subtitle{font-size:.75rem;margin-top:.15rem}.app.express-mode .mode-toggle{margin-top:.5rem}.app-main.express-main{flex:1;min-height:0;overflow-y:auto}.step-content h2{font-size:1.3rem;margin-bottom:.25rem;background:linear-gradient(135deg,#e0e0f0,#a5f3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-description{color:#67e8f9;font-size:.85rem;margin-bottom:1.25rem;opacity:.7}.step-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(99,102,241,.15)}.next-btn{padding:.6rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d,inset 0 1px #ffffff1a}.next-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 6px 20px #6366f166,inset 0 1px #ffffff26;transform:translateY(-1px)}.next-btn:disabled{background:linear-gradient(135deg,#3a3a5a,#2a2a4a);color:#6b6b8a;cursor:not-allowed;opacity:.6;box-shadow:none}.skip-btn{padding:.6rem 1.5rem;background:transparent;color:#7b7b9e;border:1px solid rgba(99,102,241,.2);border-radius:8px;font-size:.85rem;transition:all .2s ease}.skip-btn:hover{color:#a5f3fc;border-color:#06b6d466;box-shadow:0 0 12px #06b6d41a}.error-message{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#7f1d1d33,#3b11114d);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;margin-bottom:1rem;font-size:.85rem;box-shadow:0 0 12px #ef44441a}.dismiss-error{background:none;border:none;color:#fca5a5;font-size:1.1rem;padding:0 .25rem;cursor:pointer;transition:color .15s}.dismiss-error:hover{color:#f87171}.drop-zone{border:2px dashed rgba(6,182,212,.3);border-radius:12px;padding:2.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#0a0a1699,#0f0f1e66)}.drop-zone:hover,.drop-zone.dragging{border-color:#06b6d4;background:linear-gradient(135deg,#06b6d414,#6366f10d);box-shadow:0 0 20px #06b6d426}.drop-zone-content p{margin:.5rem 0;color:#a5f3fc;opacity:.8}.drop-hint{font-size:.75rem;color:#67e8f9!important;opacity:.5}.pending-files{margin-top:1.25rem}.pending-files h3{font-size:.9rem;margin-bottom:.75rem;color:#a5f3fc}.pending-list{display:flex;flex-direction:column;gap:.5rem}.pending-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:linear-gradient(135deg,#0f0f1ecc,#14142899);border:1px solid rgba(99,102,241,.1);border-radius:8px;transition:all .15s ease}.pending-item:hover{border-color:#06b6d44d;background:linear-gradient(135deg,#141428e6,#191932b3)}.pending-filename{flex:1;font-size:.85rem;color:#e0e0f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-select{padding:.3rem .5rem;background:#0f0f1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.8rem}.remove-btn{background:none;border:none;color:#888;font-size:1rem;padding:.2rem .4rem}.remove-btn:hover{color:#ef4444}.upload-all-btn{margin-top:1rem;padding:.6rem 1.5rem;background:#22c55e;color:#fff;border:none;border-radius:6px;font-weight:500;width:100%}.upload-all-btn:hover{background:#16a34a}.upload-all-btn:disabled{opacity:.5;cursor:not-allowed}.stems-summary{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #2a2a3a}.stems-summary h3{font-size:.9rem;margin-bottom:.75rem}.stems-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.stem-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#1a1a2a;border:none;border-radius:6px;font-size:.8rem}.stem-label-select{padding:.25rem .4rem;background:#0f0f1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.75rem;cursor:pointer}.stem-label-select:hover{border-color:#666}.stem-filename{font-size:.7rem;color:#666;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.stem-delete-btn{background:none;border:none;color:#666;font-size:1rem;padding:.1rem .3rem;cursor:pointer;line-height:1}.stem-delete-btn:hover{color:#ef4444}.vocal-capture{padding:1rem 0}.vocal-options{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.vocal-record-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.record-btn{display:flex;align-items:center;gap:.6rem;padding:.75rem 2rem;background:#1a1a2a;border:2px solid #ef4444;border-radius:30px;color:#ef4444;font-size:.95rem;font-weight:500;transition:all .2s}.record-btn:hover{background:#ef44441a}.record-btn.recording{background:#ef4444;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}.record-dot{width:12px;height:12px;border-radius:50%;background:currentColor}.recorded-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.recorded-label{font-size:.85rem;color:#22c55e}.use-recording-btn{padding:.4rem 1rem;background:#22c55e;color:#fff;border:none;border-radius:4px;font-size:.8rem}.discard-btn{padding:.4rem 1rem;background:transparent;color:#888;border:1px solid #444;border-radius:4px;font-size:.8rem}.vocal-divider{display:flex;align-items:center;gap:1rem;width:100%;color:#555;font-size:.8rem}.vocal-divider:before,.vocal-divider:after{content:"";flex:1;height:1px;background:#333}.upload-vocal-btn{padding:.6rem 1.5rem;background:#1a1a2a;border:1px solid #444;border-radius:6px;color:#ccc;font-size:.9rem}.upload-vocal-btn:hover{border-color:#6366f1;color:#fff}.vocal-status{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#1a1a2a;border:1px solid #333;border-radius:8px}.vocal-info{display:flex;align-items:center;gap:.75rem}.vocal-icon{font-size:1.5rem}.vocal-filename{color:#ccc;font-size:.9rem}.vocal-processed{padding:.2rem .5rem;background:#22c55e20;color:#22c55e;border-radius:4px;font-size:.7rem}.remove-vocal-btn{padding:.4rem .8rem;background:transparent;border:1px solid #555;border-radius:4px;color:#888;font-size:.8rem}.remove-vocal-btn:hover{border-color:#ef4444;color:#ef4444}.processing-panel{padding:1rem 0}.host-status{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.available{background:#22c55e}.status-dot.unavailable{background:#ef4444}.plugin-chain-info{margin-bottom:1.25rem}.plugin-chain-info h4{font-size:.85rem;color:#888;margin-bottom:.5rem}.chain-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.chain-item{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:#1a1a2a;border-radius:4px;font-size:.85rem}.chain-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#333;border-radius:50%;font-size:.7rem;color:#aaa}.process-hint{color:#888;font-size:.85rem}.process-btn{padding:.7rem 2rem;background:#6366f1;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.9rem;margin-top:.5rem}.process-btn:hover{background:#5558e6}.process-btn:disabled{opacity:.5;cursor:not-allowed}.process-btn.completed{background:#22c55e}.processing-progress{margin-top:1rem}.progress-bar{height:6px;background:#2a2a3a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:#6366f1;border-radius:3px;transition:width .3s}.progress-message{font-size:.8rem;color:#888}.process-error{margin-top:.75rem;padding:.5rem .75rem;background:#3b1111;border-radius:4px;color:#fca5a5;font-size:.85rem}.process-success{margin-top:.75rem;padding:.5rem .75rem;background:#0f2b1a;border-radius:4px;color:#86efac;font-size:.85rem}.track-strip{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:#1a1a2a;border-radius:6px;border-left:3px solid}.track-strip-header{display:flex;align-items:center;justify-content:space-between}.track-label{font-weight:600;font-size:.85rem}.track-remove{background:none;border:none;color:#666;font-size:1rem;padding:.1rem .3rem}.track-remove:hover{color:#ef4444}.track-strip-controls{display:flex;align-items:center;gap:1rem}.control-group{display:flex;align-items:center;gap:.4rem;flex:1}.control-group label{font-size:.7rem;color:#666;min-width:24px}.control-group .value{font-size:.7rem;color:#888;min-width:40px;text-align:right}.fader,.pan-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;outline:none}.fader::-webkit-slider-thumb,.pan-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#6366f1;cursor:pointer}.track-buttons{display:flex;gap:.3rem}.track-btn{width:24px;height:24px;border-radius:4px;border:1px solid #444;background:transparent;color:#888;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center}.track-btn.mute-btn.active{background:#ef4444;color:#fff;border-color:#ef4444}.track-btn.solo-btn.active{background:#f59e0b;color:#000;border-color:#f59e0b}.mix-console{padding:.5rem 0}.mix-console.empty{text-align:center;color:#888;padding:2rem 0}.mix-tracks{display:flex;flex-direction:column;gap:.5rem}.export-panel{padding:1rem 0}.export-format{margin-bottom:1.25rem}.export-format label{display:block;font-size:.85rem;color:#888;margin-bottom:.5rem}.format-buttons{display:flex;gap:.5rem}.format-btn{padding:.5rem 1.25rem;background:#1a1a2a;border:1px solid #444;border-radius:6px;color:#ccc;font-size:.85rem}.format-btn.active{border-color:#6366f1;background:#1e1e3e;color:#fff}.export-actions{display:flex;gap:.75rem;align-items:center}.render-btn{padding:.7rem 2rem;background:#6366f1;color:#fff;border:none;border-radius:6px;font-weight:500}.render-btn:hover{background:#5558e6}.render-btn:disabled{opacity:.5;cursor:not-allowed}.download-btn{padding:.7rem 2rem;background:#22c55e;color:#fff;border:none;border-radius:6px;font-weight:500}.download-btn:hover{background:#16a34a}.export-hint{margin-top:.75rem;color:#888;font-size:.85rem}.transport{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#1a1a2a;border-radius:8px;margin-bottom:1rem}.transport-controls{display:flex;gap:.5rem}.transport-btn{width:36px;height:36px;border-radius:50%;border:none;background:#333;color:#fff;display:flex;align-items:center;justify-content:center}.transport-btn.play-pause{background:#6366f1}.transport-btn.play-pause:hover{background:#5558e6}.transport-time{font-family:JetBrains Mono,monospace;font-size:.9rem;color:#ccc}.time-separator{color:#555;margin:0 .25rem}.total-time{color:#888}.studio-step{padding:0!important}.virtual-studio{display:flex;flex-direction:column;gap:0}.studio-sub-nav{display:flex;gap:.25rem;padding:.75rem 1rem;background:#1a1a2e;border-bottom:1px solid #333}.studio-sub-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #444;border-radius:6px;color:#888;cursor:pointer;font-size:.85rem;transition:all .2s}.studio-sub-btn:hover:not(.disabled){border-color:#6366f1;color:#ccc}.studio-sub-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.studio-sub-btn.disabled{opacity:.4;cursor:not-allowed}.studio-sub-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#333;font-size:.75rem;font-weight:600}.studio-sub-btn.active .studio-sub-number{background:#fff3}.studio-content{padding:1rem}.studio-description{color:#888;font-size:.9rem;margin-bottom:1rem}.studio-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #333}.studio-record h3,.studio-mix h3{margin-bottom:.5rem}.vocaliq-controls{background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.vocaliq-controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #2a2a3a}.vocaliq-header-actions{display:flex;align-items:center;gap:1rem}.vocaliq-reanalyze-group{display:flex;align-items:center;gap:.5rem}.vocaliq-reanalyze-btn{padding:.25rem .6rem;font-size:.7rem;font-weight:600;background:#2a2a3a;color:#c4b5fd;border:1px solid #6366f140;border-radius:4px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.vocaliq-reanalyze-btn:hover{background:#3a3a4a;border-color:#6366f180}.vocaliq-reanalyze-tip{font-size:.65rem;color:#666;font-style:italic;max-width:220px;line-height:1.3}.vocaliq-controls-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#6366f1}.vocaliq-bypass-toggle{display:flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;color:#ef4444;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.vocaliq-section{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.vocaliq-section:last-of-type{border-bottom:none}.vocaliq-section-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6366f1;min-width:72px;padding-top:.35rem;opacity:.8}.vocaliq-section-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;flex:1}.vocaliq-control{display:flex;flex-direction:column;gap:.25rem;min-width:0}.vocaliq-control label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.25rem}.vocaliq-control select{background:#2a2a3e;border:1px solid #444;border-radius:4px;color:#ddd;padding:.3rem .5rem;font-size:.8rem;cursor:pointer;min-width:100px}.vocaliq-control select:hover{border-color:#6366f1}.vocaliq-control input[type=range]{width:80px;accent-color:#6366f1}.vocaliq-control-slider{flex-direction:row;align-items:center;gap:.5rem}.vocaliq-control-slider label{min-width:55px}.vocaliq-control-row{display:flex;gap:.4rem}.vocaliq-value{font-size:.75rem;color:#aaa;min-width:35px;text-align:right;font-family:JetBrains Mono,monospace}.vocaliq-actions{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid #2a2a3a}.vocaliq-apply-btn{padding:.4rem 1rem;background:#6366f1;border:none;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.vocaliq-apply-btn:hover:not(:disabled){background:#4f46e5}.vocaliq-apply-btn:disabled{opacity:.5;cursor:not-allowed}.vocaliq-status{font-size:.75rem;color:#aaa}.vocaliq-advanced-btn{margin-left:auto;padding:.35rem .75rem;background:transparent;border:1px solid #555;border-radius:4px;color:#888;font-size:.75rem;cursor:pointer;transition:all .2s}.vocaliq-advanced-btn:hover{border-color:#6366f1;color:#ccc}.vocaliq-analysis-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#1a1a3e,#1e1e2e);border:1px solid #6366f140;border-radius:8px;margin-bottom:1rem}.vocaliq-analysis-spinner{width:20px;height:20px;border:2px solid #6366f140;border-top-color:#6366f1;border-radius:50%;animation:vocaliq-spin .8s linear infinite;flex-shrink:0}@keyframes vocaliq-spin{to{transform:rotate(360deg)}}.vocaliq-analysis-text{display:flex;flex-direction:column;gap:.15rem}.vocaliq-analysis-text strong{font-size:.85rem;color:#c4b5fd}.vocaliq-analysis-text span{font-size:.75rem;color:#888}.path-selection{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.path-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#0f0f1ee6,#141428b3);border:2px solid rgba(99,102,241,.1);border-radius:10px;color:#a5f3fc;text-align:left;cursor:pointer;transition:all .25s ease}.path-card:hover{border-color:#06b6d466;background:linear-gradient(135deg,#141428f2,#191932cc);box-shadow:0 0 20px #06b6d41f}.path-card.selected{border-color:#6366f199;background:linear-gradient(135deg,#6366f126,#06b6d414);color:#fff;box-shadow:0 0 24px #6366f133,inset 0 1px #ffffff0d}.path-letter{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1e1e35,#15152a);border:1px solid rgba(99,102,241,.2);color:#67e8f9;font-weight:700;font-size:1rem;flex-shrink:0;transition:all .25s ease}.path-card.selected .path-letter{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 0 12px #6366f180}.path-description{font-size:.9rem;line-height:1.4}.path-project-setup{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #2a2a3a}.path-project-setup h3{font-size:1rem;margin-bottom:1rem}.upload-section{margin-bottom:1.5rem}.upload-section h3{font-size:1rem;margin-bottom:.75rem}.upload-section h4{font-size:.9rem;margin-bottom:.5rem}.path-b-upload{display:flex;flex-direction:column;gap:1.5rem}.path-b-file-section h3{font-size:1rem;margin-bottom:.75rem}.path-b-file-done{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.path-b-file-label{font-weight:600;color:#a78bfa}.path-b-filename{color:#fff9;font-size:.85rem}.path-b-upload-btn{padding:.6rem 1.2rem;background:#ffffff14;border:1px dashed rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;transition:background .2s}.path-b-upload-btn:hover:not(:disabled){background:#ffffff1f}.path-b-upload-btn:disabled{opacity:.5;cursor:not-allowed}.path-b-hint{font-size:.75rem;color:#fff6;margin-top:.25rem}.vocaliq-live{padding:0}.vocaliq-live-status{text-align:center;padding:3rem 1rem;color:#888;font-size:.95rem}.error-boundary{display:flex;align-items:center;justify-content:center;padding:2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin:1rem 0}.error-boundary-content{text-align:center}.error-boundary-content h2{color:#ef4444;font-size:1.2rem;margin:0 0 .5rem}.error-boundary-message{color:#888;font-size:.9rem;margin:0 0 1rem}.error-boundary-retry{padding:.5rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background .2s}.error-boundary-retry:hover{background:#dc2626}.vocaliq-live-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.vocaliq-live-header h3{font-size:1.2rem;margin:0}.vocaliq-live-indicator{padding:.2rem .6rem;background:#22c55e20;color:#22c55e;border:1px solid #22c55e40;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.1em}.vocaliq-live-transport{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#1a1a2a;border-radius:8px;margin-bottom:1rem}.vocaliq-transport-buttons{display:flex;gap:.4rem}.transport-btn{padding:.4rem 1rem;background:#333;border:none;border-radius:4px;color:#ccc;font-size:.8rem;cursor:pointer}.transport-btn:hover{background:#444}.transport-btn-play{background:#6366f1;color:#fff}.transport-btn-play:hover{background:#5558e6}.vocaliq-transport-time{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#aaa;min-width:100px}.vocaliq-transport-seek{flex:1;height:4px;accent-color:#6366f1}.vocaliq-live-actions{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.vocaliq-editor-btn{padding:.5rem 1rem;background:transparent;border:1px solid #555;border-radius:6px;color:#ccc;font-size:.85rem;cursor:pointer}.vocaliq-editor-btn:hover{border-color:#6366f1;color:#fff}.vocaliq-commit-btn{padding:.5rem 1.5rem;background:#22c55e;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;margin-left:auto}.vocaliq-commit-btn:hover:not(:disabled){background:#16a34a}.vocaliq-commit-btn:disabled{opacity:.5;cursor:not-allowed}.viq-plugin{background:radial-gradient(ellipse at 50% 0%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(99,102,241,.06) 0%,transparent 50%),linear-gradient(180deg,#0a0a14,#0d0d1a,#080812);border:1px solid rgba(99,102,241,.15);border-radius:8px;padding:0;max-width:none;width:100vw;margin-left:calc(-50vw + 50%);padding-left:1rem;padding-right:1rem;overflow-x:visible;overflow-y:auto;max-height:calc(100vh - 280px);padding-bottom:2rem;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent;font-family:Inter,-apple-system,system-ui,sans-serif;box-shadow:0 4px 32px #00000080,0 0 1px #6366f14d,inset 0 1px #ffffff08}.viq-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid rgba(99,102,241,.12);background:linear-gradient(90deg,rgba(6,182,212,.05) 0%,transparent 50%,rgba(99,102,241,.05) 100%),linear-gradient(180deg,#14142ae6,#0d0d1af2);border-radius:10px 10px 0 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viq-logo{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#06b6d4,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(99,102,241,.4)}.viq-header-actions{display:flex;align-items:center;gap:10px}.viq-polish-btn{background:linear-gradient(135deg,#a855f726,#ec48991a);border:1px solid rgba(168,85,247,.35);color:#c084fc;font-size:9px;font-weight:600;padding:3px 10px;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;font-family:inherit;box-shadow:0 0 12px #a855f71a}.viq-polish-btn:hover{border-color:#a855f7;color:#d8b4fe;background:linear-gradient(135deg,#a855f740,#ec489926);box-shadow:0 0 20px #a855f740;transform:translateY(-1px)}.viq-polish-btn--active{background:linear-gradient(135deg,#a855f759,#ec489940);border-color:#a855f7;color:#e9d5ff;box-shadow:0 0 16px #a855f766,inset 0 1px #ffffff1a}.viq-polish-btn--active:hover{box-shadow:0 0 24px #a855f780,inset 0 1px #ffffff1a}.viq-voxrider-meter{position:relative;height:10px;background:#1e1e3099;border-radius:3px;margin:4px 0 2px;overflow:hidden}.viq-voxrider-meter-bar{height:100%;border-radius:3px;transition:width .08s ease-out,background .15s;min-width:1px}.viq-voxrider-meter-label{position:absolute;top:-1px;left:50%;transform:translate(-50%);font-size:7px;font-weight:600;color:#e0e0f0b3;letter-spacing:.3px;pointer-events:none}.viq-match-original-btn{background:linear-gradient(135deg,#a855f71a,#ec48991a);border:1px solid rgba(168,85,247,.3);color:#c084fc;font-size:9px;font-weight:600;padding:3px 10px;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;box-shadow:0 0 12px #a855f71a}.viq-match-original-btn:hover{border-color:#a855f7;color:#e9d5ff;background:linear-gradient(135deg,#a855f733,#ec489926);box-shadow:0 0 20px #a855f740;transform:translateY(-1px)}.viq-reanalyze-btn{background:linear-gradient(135deg,#06b6d41a,#6366f11a);border:1px solid rgba(6,182,212,.3);color:#67e8f9;font-size:9px;font-weight:600;padding:3px 10px;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;box-shadow:0 0 12px #06b6d41a}.viq-reanalyze-btn:hover{border-color:#06b6d4;color:#a5f3fc;background:linear-gradient(135deg,#06b6d433,#6366f126);box-shadow:0 0 20px #06b6d440;transform:translateY(-1px)}.viq-analysis-banner{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:4px;color:#c4b5fd;font-size:11px;margin-bottom:6px}.viq-analysis-banner--done{background:#22c55e1a;border-color:#22c55e40;color:#86efac}.viq-analysis-spinner{width:14px;height:14px;border:2px solid rgba(99,102,241,.3);border-top-color:#6366f1;border-radius:50%;animation:viq-spin .8s linear infinite}.viq-reference-bar{display:flex;align-items:center;gap:10px;padding:5px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;margin-bottom:6px}.viq-reference-bar-label{font-size:11px;color:#999;white-space:nowrap;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.viq-analysis-bar{flex:1;height:4px;background:#6366f126;border-radius:2px;overflow:hidden}.viq-analysis-bar-fill{height:100%;background:#6366f1;border-radius:2px;transition:width .3s ease}.viq-row{display:grid;border-bottom:1px solid #1e1e35}.viq-row:last-child{border-bottom:none}.viq-row--3col{grid-template-columns:1fr 1fr 1fr}.viq-row--2col{grid-template-columns:1fr 1fr}.viq-row--full{grid-template-columns:1fr}.viq-row--5col{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.viq-section{padding:8px 10px;border-right:1px solid #1e1e35;display:flex;flex-direction:column;gap:10px}.viq-section:last-child{border-right:none}.viq-section-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#94a3b8;margin-bottom:2px;display:flex;align-items:center;justify-content:space-between}.viq-section-reset{font-size:8px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:3px;padding:1px 6px;cursor:pointer;font-family:inherit;transition:all .15s ease}.viq-section-reset:hover{background:#f59e0b33;border-color:#f59e0b80;color:#fbbf24}.viq-section-help{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:9px;font-weight:700;font-family:inherit;color:#67e8f9;background:transparent;border:1px solid rgba(103,232,249,.35);border-radius:50%;cursor:pointer;padding:0;margin-left:4px;margin-right:auto;line-height:1;transition:all .15s ease;flex-shrink:0}.viq-section-help:hover{background:#67e8f933;border-color:#67e8f999;color:#a5f3fc}.viq-help-overlay{position:fixed;inset:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;animation:viq-help-fadein .15s ease}@keyframes viq-help-fadein{0%{opacity:0}to{opacity:1}}.viq-help-popup{max-width:360px;width:90%;background:linear-gradient(135deg,#0f0f1efa,#0a0a16fa);border:1px solid rgba(103,232,249,.2);border-top:2px solid #67e8f9;border-radius:8px;padding:16px 20px;box-shadow:0 8px 32px #00000080,0 0 20px #67e8f914}.viq-help-title{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#67e8f9;margin-bottom:10px}.viq-help-body{font-size:13px;line-height:1.55;color:#ccc}.viq-help-close{display:block;margin:14px auto 0;padding:4px 18px;font-size:11px;font-weight:500;font-family:inherit;color:#67e8f9;background:#67e8f914;border:1px solid rgba(103,232,249,.25);border-radius:4px;cursor:pointer;transition:all .15s ease}.viq-help-close:hover{background:#67e8f92e;border-color:#67e8f980}.viq-section-body{display:flex;flex-direction:column;gap:6px}.viq-param{display:flex;flex-direction:column;gap:4px}.viq-param--knob{align-items:center;flex-direction:row;gap:8px}.viq-param-label{font-size:11px;color:#b0b0cc;font-weight:500}.viq-fx-row{display:flex;justify-content:center;align-items:center;gap:12px;padding:4px 0}.viq-fx-row .viq-param-label{flex-shrink:0}.viq-led{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;flex-shrink:0}.viq-led-dot{width:12px;height:12px;border-radius:50%;background:#2a2a40;display:inline-block;transition:background .15s,box-shadow .15s}.viq-led--on.viq-led--green .viq-led-dot{background:#22c55e;box-shadow:0 0 6px #22c55e99}.viq-led--on.viq-led--red .viq-led-dot{background:#ef4444;box-shadow:0 0 6px #ef444499}.viq-led-label{font-size:12px;color:#b0b0cc;font-weight:500;white-space:nowrap}.viq-seg{display:inline-flex;background:#0a0a16;border:1px solid #1e1e35;border-radius:4px;overflow:hidden;flex-shrink:1;flex-wrap:wrap}.viq-seg--disabled{opacity:.4;pointer-events:none}.viq-seg-pill{background:transparent;border:none;color:#7b7b9e;font-size:9px;padding:3px 6px;cursor:pointer;transition:background .12s,color .12s,box-shadow .12s;white-space:nowrap}.viq-seg-pill:hover{background:#1e1e35;color:#b0b0cc}.viq-seg-pill--active{background:#6366f1;color:#fff;box-shadow:0 0 6px #6366f166}.viq-dropdown{position:relative;display:inline-block}.viq-dropdown--disabled{opacity:.4;pointer-events:none}.viq-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#0a0a16;border:1px solid #1e1e35;border-radius:5px;color:#ddd;font-size:12px;padding:6px 10px;cursor:pointer;min-width:100px;width:100%;text-align:left}.viq-dropdown-trigger:hover{border-color:#6366f1}.viq-dropdown-arrow{font-size:8px;color:#555}.viq-dropdown-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viq-dropdown-menu{min-width:140px;background:#12121f;border:1px solid #2a2a40;border-radius:6px;box-shadow:0 8px 24px #0009;max-height:240px;overflow-y:auto}.viq-dropdown-item{display:block;width:100%;background:none;border:none;border-left:2px solid transparent;color:#b0b0cc;font-size:12px;padding:6px 10px;text-align:left;cursor:pointer}.viq-dropdown-item:hover{background:#1e1e35;color:#e0e0f0}.viq-dropdown-item--active{border-left-color:#6366f1;color:#e0e0f0;background:#1a1a30}.viq-knob-wrap{display:flex;flex-direction:column;align-items:center;gap:1px;flex-shrink:0}.viq-knob-value{font-size:12px;font-family:SF Mono,Cascadia Code,JetBrains Mono,monospace;color:#e0e0f0;text-align:center}.viq-knob-label{font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.viq-sculpt-controls{display:flex;flex-direction:column;align-items:center;gap:6px}.viq-sculpt-row{display:flex;align-items:center;gap:8px;width:100%}.viq-sculpt-row .viq-param-label{min-width:45px;text-align:right}.viq-sculpt-dial-area{display:flex;flex-direction:column;align-items:center;min-width:100px}.viq-tune-dial-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px}.viq-dial-with-labels{display:flex;align-items:center;justify-content:center;gap:6px}.viq-dial-center{display:flex;flex-direction:column;align-items:center}.viq-dial-label{font-size:8px;color:#7b7b9e;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;pointer-events:none}.viq-dial-label--left,.viq-dial-label--right{margin-top:0;min-width:28px}.viq-dial-label--left{text-align:right}.viq-dial-label--right{text-align:left}.viq-dial-label--center{text-align:center;color:#c4b5fd;font-weight:600;font-size:9px;margin-bottom:2px}.viq-dial-label--top{text-align:center;margin-bottom:2px;color:#9b9bc0}.viq-fx-slider{display:flex;align-items:center;gap:5px;flex:1;min-width:70px}.viq-fx-slider input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#1e1e35;border-radius:2px;outline:none}.viq-fx-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#6366f1;cursor:pointer;box-shadow:0 0 4px #6366f166}.viq-fx-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#6366f1;cursor:pointer;border:none}.viq-fx-slider-val{font-size:9px;color:#e0e0f0;font-family:SF Mono,Cascadia Code,JetBrains Mono,monospace;min-width:28px;text-align:right}.viq-mode-switch{display:flex;background:#0a0a16;border:1px solid #1e1e35;border-radius:4px;overflow:hidden}.viq-mode-button{background:transparent;border:none;color:#7b7b9e;font-size:9px;padding:3px 8px;cursor:pointer;transition:background .12s,color .12s}.viq-mode-button:hover{background:#1e1e35;color:#b0b0cc}.viq-mode-button.viq-mode-active{background:#6366f1;color:#fff}.viq-mode-switch.viq-disabled{opacity:.4;pointer-events:none}.viq-view-tabs{align-self:center;margin:4px 0}.viq-view-tabs .viq-mode-button{padding:6px 16px;font-size:11px;font-weight:600;letter-spacing:.3px}.viq-save-load{display:flex;gap:4px}.viq-save-btn,.viq-load-btn{background:transparent;border:1px solid rgba(99,102,241,.3);color:#c4b5fd;font-size:9px;padding:2px 8px;border-radius:4px;cursor:pointer;transition:all .15s;min-width:38px}.viq-save-btn:hover:not(:disabled),.viq-load-btn:hover:not(:disabled){border-color:#6366f1;color:#e0e0f0}.viq-save-btn:disabled,.viq-load-btn:disabled{opacity:.4;cursor:not-allowed}.viq-btn--loading{opacity:.7}.viq-btn--success{border-color:#22c55e!important;color:#22c55e!important}.viq-btn--error{border-color:#ef4444!important;color:#ef4444!important}.viq-section{overflow:visible}.viq-adv-module{padding:6px 0;border-bottom:1px solid rgba(30,30,53,.4)}.viq-adv-module:last-child{border-bottom:none;padding-bottom:0}.viq-auto-badge{display:inline-block;padding:3px 10px;background:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.3);border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.02em;margin-top:4px;cursor:help}.viq-fx-row{display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid rgba(30,30,53,.4)}.viq-fx-row:last-child{border-bottom:none;padding-bottom:0}.viq-fx-label{font-size:9px;font-weight:600;letter-spacing:.5px;color:#7b7b9e;min-width:38px;flex-shrink:0}.viq-fx-row .viq-dropdown-trigger{flex:1;min-width:0}.viq-fx-row .viq-knob-wrap{flex-shrink:0}.viq-adv-knobs{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;margin-top:2px}.viq-adv-knobs .viq-knob-wrap{min-width:52px}.viq-mini-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#1e1e35;border:1px solid #2a2a40;border-radius:3px;color:#7b7b9e;font-size:10px;font-weight:600;cursor:pointer;transition:all .12s}.viq-mini-toggle:hover{background:#2a2a40;color:#b0b0cc}.viq-mini-toggle-on{background:#6366f1;border-color:#6366f1;color:#fff}.viq-mini-toggle.viq-disabled{opacity:.4;pointer-events:none}.viq-mini-knob{display:flex;flex-direction:column;align-items:center}.viq-mini-knob .viq-knob-wrap{gap:1px}.viq-mini-knob .viq-knob-value{font-size:9px}.viq-mini-knob .viq-knob-label{font-size:8px}.viq-section{position:relative;background:linear-gradient(135deg,rgba(6,182,212,.02) 0%,transparent 50%),#0a0a1699;transition:all .2s ease}.viq-section:hover{background:linear-gradient(135deg,rgba(6,182,212,.04) 0%,transparent 50%),#0f0f1eb3}.viq-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.2),transparent);opacity:0;transition:opacity .3s ease}.viq-section:hover:before{opacity:1}.viq-section-title{color:#67e8f9;text-shadow:0 0 12px rgba(6,182,212,.3);transition:all .2s ease}.viq-section:hover .viq-section-title{color:#a5f3fc;text-shadow:0 0 16px rgba(6,182,212,.5)}.viq-led{transition:filter .15s ease,opacity .15s ease}.viq-led:hover{filter:brightness(1.2)}.viq-led:active{opacity:.8}.viq-led-dot{box-shadow:inset 0 1px 2px #0006}.viq-led--on.viq-led--green .viq-led-dot{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 0 8px #22c55e99,0 0 16px #22c55e4d,inset 0 1px 1px #fff3}.viq-led--on.viq-led--red .viq-led-dot{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 0 8px #ef444499,0 0 16px #ef44444d,inset 0 1px 1px #fff3}.viq-led-label{transition:color .15s ease}.viq-led:hover .viq-led-label{color:#e0e0f0}.viq-seg{background:linear-gradient(180deg,#0a0a16,#0d0d1a);border-color:#6366f126;box-shadow:inset 0 1px 3px #0000004d,0 1px #ffffff08}.viq-seg-pill{transition:all .15s ease;position:relative}.viq-seg-pill:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#6366f1;transform:translate(-50%);transition:width .2s ease}.viq-seg-pill:hover:after{width:60%}.viq-seg-pill--active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 10px #6366f180,0 2px 8px #6366f14d,inset 0 1px #ffffff1a}.viq-seg-pill--active:after{width:0}.viq-dropdown-trigger{background:linear-gradient(180deg,#0d0d1a,#0a0a16);border-color:#6366f126;transition:all .2s ease;box-shadow:inset 0 1px 2px #0003,0 1px #ffffff05}.viq-dropdown-trigger:hover{border-color:#06b6d480;background:linear-gradient(180deg,#12121f,#0d0d1a);box-shadow:0 0 12px #06b6d41a,inset 0 1px 2px #0003}.viq-dropdown-menu{background:linear-gradient(180deg,#15152a,#12121f);border-color:#6366f133;box-shadow:0 12px 32px #000000b3,0 0 1px #6366f14d,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.viq-dropdown-item{transition:all .12s ease}.viq-dropdown-item:hover{background:linear-gradient(90deg,rgba(6,182,212,.1),transparent);border-left-color:#06b6d4}.viq-dropdown-item--active{background:linear-gradient(90deg,rgba(99,102,241,.15),transparent);border-left-color:#6366f1}.viq-knob-wrap{transition:transform .15s ease}.viq-knob-wrap:hover{transform:scale(1.02)}.viq-knob-value{color:#a5f3fc;text-shadow:0 0 8px rgba(6,182,212,.3)}.viq-knob-label{color:#67e8f9;opacity:.7}.viq-mode-switch{background:linear-gradient(180deg,#0a0a16,#0d0d1a);border-color:#6366f126;box-shadow:inset 0 1px 3px #0000004d}.viq-mode-button{transition:all .15s ease;position:relative}.viq-mode-button.viq-mode-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 10px #6366f166,inset 0 1px #ffffff1a}.viq-save-btn,.viq-load-btn{background:linear-gradient(180deg,rgba(99,102,241,.05),transparent);box-shadow:0 0 8px #6366f10d;transition:all .2s ease}.viq-save-btn:hover:not(:disabled),.viq-load-btn:hover:not(:disabled){background:linear-gradient(180deg,#6366f126,#6366f10d);box-shadow:0 0 16px #6366f133;transform:translateY(-1px)}.viq-btn--success{background:linear-gradient(180deg,rgba(34,197,94,.15),transparent)!important;box-shadow:0 0 12px #22c55e33!important}.viq-fx-slider input[type=range]{background:linear-gradient(90deg,#1a1a30,#1e1e35);box-shadow:inset 0 1px 2px #0000004d}.viq-fx-slider input[type=range]::-webkit-slider-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 8px #6366f180,0 2px 4px #0000004d;transition:all .15s ease}.viq-fx-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 12px #6366f1b3,0 2px 6px #0006}.viq-fx-slider input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 8px #6366f180}.viq-fx-slider-val{color:#a5f3fc;text-shadow:0 0 6px rgba(6,182,212,.2)}.viq-mini-toggle{background:linear-gradient(180deg,#1e1e35,#1a1a30);box-shadow:inset 0 1px 2px #0000004d;transition:all .12s ease}.viq-mini-toggle:hover{background:linear-gradient(180deg,#2a2a45,#252540);box-shadow:0 0 8px #6366f126}.viq-mini-toggle-on{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 8px #6366f180,inset 0 1px #ffffff1a}.viq-analysis-banner{background:linear-gradient(135deg,#06b6d414,#6366f114),#0f0f1ee6;border-color:#06b6d440;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff08}.viq-analysis-spinner{border-color:#06b6d433;border-top-color:#06b6d4}.viq-analysis-bar{background:#06b6d41a}.viq-analysis-bar-fill{background:linear-gradient(90deg,#06b6d4,#6366f1);box-shadow:0 0 8px #06b6d466}.viq-row{transition:background .2s ease}.viq-row:hover{background:#06b6d405}.viq-led--red.viq-led--on{animation:bypass-pulse 2s ease-in-out infinite}@keyframes bypass-pulse{0%,to{opacity:1}50%{opacity:.8}}.viq-plugin+.vocaliq-live-actions{margin-top:10px;padding:10px 14px;background:linear-gradient(180deg,#0a0a16e6,#080812f2);border:1px solid rgba(99,102,241,.1);border-radius:6px;box-shadow:0 4px 16px #0000004d}.viq-chain{display:flex;flex-direction:column;max-height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a2a40 transparent}.viq-chain::-webkit-scrollbar{width:4px}.viq-chain::-webkit-scrollbar-track{background:transparent}.viq-chain::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:2px}.viq-chain-presets{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid rgba(30,30,53,.8);background:#0a0a1666}.viq-chain-presets .viq-param-label{font-size:9px;white-space:nowrap}.viq-chain-row{display:flex;align-items:center;gap:14px;padding:8px 20px;border-bottom:1px solid rgba(30,30,53,.5);min-height:56px;transition:background .15s ease}.viq-chain-row:hover{background:#6366f108}.viq-chain-row:last-child{border-bottom:none}.viq-chain-name{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#67e8f9;min-width:84px;flex-shrink:0;text-shadow:0 0 10px rgba(6,182,212,.2)}.viq-chain-row .viq-led{min-width:84px}.viq-chain-controls{display:flex;align-items:center;gap:18px;flex:1;min-width:0}.viq-chain-controls .viq-knob-wrap{min-width:64px}.viq-chain-pills{display:flex;gap:4px}.viq-detected-key{font-size:9px;color:#8b9dc3;text-align:center;margin-top:4px;padding:2px 6px;background:#63b3ed14;border-radius:3px;letter-spacing:.3px}.viq-detected-key-pending{color:#6b7a96;font-style:italic}.viq-transport-mute{background:transparent;border:1px solid #4a5568;color:#a0aec0;padding:3px 8px;font-size:10px;border-radius:3px;cursor:pointer;font-family:inherit;letter-spacing:.5px;transition:all .15s ease}.viq-transport-mute:hover{border-color:#63b3ed;color:#e2e8f0}.viq-transport-mute.viq-muted{background:#f5656533;border-color:#f56565;color:#f56565}@media(max-width:768px){.viq-plugin{margin:.25rem;border-radius:6px}.viq-header{padding:6px 10px;border-radius:6px 6px 0 0}.viq-section{border-right:none;border-bottom:1px solid #1e1e35;padding:10px 12px}.viq-section:last-child{border-bottom:none}}.vocaliq-webnative{display:flex;flex-direction:column;gap:.5rem}.viq-webnative-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:linear-gradient(135deg,#0d0d1a,#141428);border:1px solid #1e1e35;border-radius:6px}.viq-webnative-title{display:flex;align-items:center;gap:.5rem}.viq-webnative-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#0a0a16;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .4rem;border-radius:3px;transition:all .3s ease}.viq-webnative-badge.viq-wasm-active{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 0 12px #6366f180;animation:viq-wasm-pulse 2s ease-in-out infinite}@keyframes viq-wasm-pulse{0%,to{box-shadow:0 0 8px #6366f166}50%{box-shadow:0 0 16px #6366f1b3}}.viq-webnative-badge.viq-wasm-degraded{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#000;box-shadow:0 0 12px #f59e0b80;animation:viq-health-pulse 2s ease-in-out infinite}.viq-webnative-badge.viq-wasm-dead{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff;box-shadow:0 0 12px #ef444480;animation:viq-health-pulse 1s ease-in-out infinite}@keyframes viq-health-pulse{0%,to{opacity:1}50%{opacity:.6}}.viq-health-warning{padding:8px 16px;border-radius:4px;font-size:.75rem;margin:0 .75rem .5rem}.viq-health-degraded{background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);color:#f59e0b}.viq-health-critical{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#ef4444}.viq-finish-btn{padding:.4rem 1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.viq-finish-btn:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:scale(1.02)}.viq-finish-btn:disabled{opacity:.5;cursor:not-allowed}.viq-finish-confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.viq-finish-confirm{background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 16px 48px #00000080}.viq-finish-confirm h3{margin:0 0 .5rem;color:#f0f0f0;font-size:1.1rem}.viq-finish-confirm p{margin:0 0 1.25rem;color:#888;font-size:.85rem;line-height:1.4}.viq-finish-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.viq-finish-confirm-btn{padding:.5rem 1.25rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:all .15s}.viq-finish-confirm-btn.cancel{background:#ffffff14;color:#aaa}.viq-finish-confirm-btn.cancel:hover{background:#ffffff26;color:#f0f0f0}.viq-finish-confirm-btn.confirm{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.viq-finish-confirm-btn.confirm:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.viq-bounce-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.viq-bounce-progress{display:flex;align-items:center;gap:.75rem;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.25rem 2rem;color:#f0f0f0;font-size:.95rem;box-shadow:0 16px 48px #00000080}.viq-bounce-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#22c55e;border-radius:50%;animation:viq-spin .8s linear infinite}@keyframes viq-spin{to{transform:rotate(360deg)}}.viq-webnative-status{color:#7b7b9e;font-size:.7rem}.viq-webnative-error{color:#ef4444;font-size:.75rem;background:#ef44441a;padding:.5rem .75rem;border-radius:4px}.viq-webnative-transport{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0d0d1a;border:1px solid #1e1e35;border-radius:6px}.viq-transport-btn{background:#12121f;border:1px solid #2a2a3d;color:#e0e0f0;padding:.35rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .15s ease}.viq-transport-btn:hover:not(:disabled){background:#1e1e30;border-color:#6366f1}.viq-transport-btn:disabled{opacity:.4;cursor:not-allowed}.viq-transport-main{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;font-size:.9rem;padding:.35rem 1rem}.viq-transport-main:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 0 12px #6366f166}.viq-transport-commit{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;margin-left:auto}.viq-transport-commit:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 0 12px #22c55e66}.viq-transport-time{color:#7b7b9e;font-size:.75rem;font-family:JetBrains Mono,monospace;min-width:70px;text-align:center}.viq-transport-seek{flex:1;height:6px;background:#1e1e30;border-radius:3px;-webkit-appearance:none;appearance:none;cursor:pointer}.viq-transport-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#6366f1;border-radius:50%;cursor:pointer;box-shadow:0 0 6px #6366f180}.viq-webnative-meters{display:flex;gap:.75rem;padding:.4rem .75rem;background:#0a0a16;border:1px solid #1e1e35;border-radius:6px}.viq-meter{flex:1;display:flex;align-items:center;gap:.5rem}.viq-meter-label{color:#7b7b9e;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;min-width:28px}.viq-meter-bar{flex:1;height:6px;background:linear-gradient(90deg,#22c55e,#84cc16 50%,#eab308 80%,#ef4444);border-radius:3px;transition:width .05s linear}.viq-meter-bar-out{background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899)}.viq-meter-bar-gr{background:linear-gradient(90deg,#f97316,#ef4444)}.viq-meter-value{color:#e0e0f0;font-size:.7rem;font-family:JetBrains Mono,monospace;min-width:60px;text-align:right}.viq-webnative-analysis-overlay{position:fixed;inset:0;background:#0a0a16d9;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.viq-analysis-progress{background:#12121f;border:1px solid #2a2a3d;border-radius:12px;padding:2rem 3rem;text-align:center;box-shadow:0 0 40px #6366f133}.viq-analysis-text{color:#e0e0f0;font-size:1rem;margin-bottom:1rem}.viq-analysis-bar-container{width:300px;height:8px;background:#1e1e30;border-radius:4px;overflow:hidden}.viq-analysis-bar{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px;transition:width .3s ease}.viq-analysis-percent{color:#6366f1;font-size:1.5rem;font-weight:700;margin-top:1rem}.viq-row--master{border-top:2px solid rgba(147,51,234,.3);background:linear-gradient(180deg,rgba(147,51,234,.04) 0%,transparent 100%)}.viq-master-header{display:flex;align-items:center;gap:10px;padding:4px 0 8px;border-bottom:1px solid rgba(30,30,53,.5);margin-bottom:8px}.viq-master-header .viq-dropdown{flex:1;min-width:0}.viq-master-loudness-row{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0}.viq-master-loudness-controls{display:flex;flex-direction:column;align-items:center;gap:14px}.viq-loudness-orb{flex-shrink:0;filter:drop-shadow(0 0 8px rgba(99,102,241,.15))}.viq-master-zone-label{text-align:center;font-size:11px;color:#67e8f9;font-style:italic;padding:6px 0 10px;border-bottom:1px solid rgba(30,30,53,.5);margin-bottom:8px;letter-spacing:.3px}.viq-master-modules-section{padding-top:4px}.viq-master-modules-header{font-size:9px;color:#64748b;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px}.viq-master-modules-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.viq-module-cell{display:flex;align-items:center;gap:6px;min-height:24px}.viq-module-cell .viq-dropdown{flex:1;min-width:0}.viq-module-cell .viq-module-label{min-width:38px;font-size:11px}.viq-master-module-stack{display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(30,30,53,.4);padding-top:8px;margin-top:4px}.viq-master-module-row{display:flex;align-items:center;gap:8px;min-height:28px}.viq-module-label{min-width:52px;font-size:12px;color:#b0b0cc;font-weight:500;margin:0}.viq-master-module-row .viq-dropdown{flex:1}.viq-master-module-row .viq-led{flex-shrink:0}.viq-master-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.viq-master-style{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.viq-lufs-display{display:flex;align-items:center;gap:4px;padding:3px 6px;background:#0000004d;border-radius:4px;border:1px solid rgba(255,255,255,.06);font-variant-numeric:tabular-nums}.viq-lufs-display--on-target{border-color:#22c55e66;background:#22c55e14}.viq-lufs-value{font-size:12px;font-weight:700;color:#e5c07b;min-width:32px;text-align:right}.viq-lufs-value--primary{color:#22c55e;font-size:14px}.viq-lufs-display--on-target .viq-lufs-value{color:#22c55e}.viq-lufs-label{font-size:8px;color:#666;text-transform:uppercase;letter-spacing:.5px}.viq-lufs-sublabel{font-size:8px;color:#555;margin-right:4px}.viq-lufs-reset{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:#888;font-size:8px;font-weight:700;cursor:pointer;padding:1px 4px;margin-left:4px;transition:all .15s}.viq-lufs-reset:hover{background:#ffffff26;color:#ccc}.viq-preset-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}.viq-preset-item{display:flex;flex-direction:column;gap:4px}.viq-preset-item--knob{align-items:center;justify-content:center}.viq-preset-label{font-size:11px;color:#94a3b8;font-weight:600;letter-spacing:.5px}.viq-volume-center{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0 8px}.viq-vol-row{display:flex;align-items:center;gap:8px}.viq-rider-row{display:flex;align-items:center;gap:10px;width:100%}.viq-slider{flex:1;height:6px;cursor:pointer;accent-color:#6366f1}.viq-slider-label{font-size:12px;color:#94a3b8;font-weight:600;min-width:42px}.viq-slider-value{font-size:11px;font-family:SF Mono,Cascadia Code,JetBrains Mono,monospace;color:#94a3b8;min-width:40px;text-align:right}.viq-knob-row{display:flex;gap:24px;justify-content:center;padding:4px 0}.viq-knob-group{display:flex;flex-direction:column;align-items:center;gap:6px}.viq-knob-pair{display:flex;gap:8px}.viq-sections-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.viq-vary-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:#64748b;cursor:pointer}.viq-vary-toggle input{accent-color:#6366f1;width:14px;height:14px}.viq-section-presets{display:flex;gap:4px;margin-left:auto}.viq-section-preset-btn{flex:1;padding:4px 0;font-size:10px;font-weight:700;background:#1e293b;color:#94a3b8;border:1px solid #334155;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;font-family:inherit;transition:all .15s ease}.viq-section-preset-btn:hover{background:#334155;color:#e2e8f0;border-color:#475569}.viq-section-sliders{display:flex;flex-direction:column;gap:4px}.viq-section-slider-row{display:flex;align-items:center;gap:10px}.viq-section-label{min-width:80px;font-size:12px;font-weight:600;white-space:nowrap}.viq-section-empty{font-size:12px;color:#64748b;font-style:italic;padding:8px 0}.viq-step-toggle{font-size:10px;font-weight:600;color:#64748b;background:#1e293b80;border:1px solid #334155;border-radius:3px;padding:2px 8px;cursor:pointer;font-family:inherit;transition:all .15s ease}.viq-step-toggle:hover{color:#94a3b8;border-color:#475569}.viq-step-toggle--fine{color:#6366f1;border-color:#6366f166;background:#6366f114}@media(max-width:900px){.viq-row--3col{grid-template-columns:1fr 1fr}.viq-row--5col{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.viq-row--3col,.viq-row--2col,.viq-row--5col{grid-template-columns:1fr}.viq-section{border-right:none;border-bottom:1px solid #1e1e35}}.track-strip{background:linear-gradient(135deg,#0f0f1ee6,#141428b3);border:1px solid rgba(99,102,241,.1);border-radius:8px;transition:all .2s ease}.track-strip:hover{border-color:#06b6d440;box-shadow:0 0 12px #06b6d414}.track-label{background:linear-gradient(135deg,#e0e0f0,#a5f3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chain-number{background:linear-gradient(135deg,#1e1e35,#15152a);border:1px solid rgba(99,102,241,.2);color:#a5f3fc}.processing-panel{background:linear-gradient(180deg,rgba(10,10,20,.4),transparent);border-radius:8px;padding:1.25rem}.chain-item{background:linear-gradient(135deg,#0f0f1ecc,#14142899);border:1px solid rgba(99,102,241,.1);border-radius:6px;transition:all .2s ease}.chain-item:hover{border-color:#06b6d44d;background:linear-gradient(135deg,#141428e6,#191932b3)}.process-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d,inset 0 1px #ffffff1a;transition:all .2s ease}.process-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 6px 20px #6366f166,inset 0 1px #ffffff26;transform:translateY(-1px)}.progress-bar{background:linear-gradient(180deg,#1e1e35,#15152a);border:1px solid rgba(99,102,241,.1)}.progress-fill{background:linear-gradient(90deg,#06b6d4,#6366f1,#8b5cf6);box-shadow:0 0 12px #6366f166}.export-panel{background:linear-gradient(180deg,rgba(10,10,20,.4),transparent);border-radius:8px;padding:1.25rem}.format-btn{background:linear-gradient(180deg,#0f0f1ecc,#0a0a16e6);border:1px solid rgba(99,102,241,.15);transition:all .2s ease}.format-btn:hover{border-color:#06b6d466;color:#a5f3fc;box-shadow:0 0 12px #06b6d41a}.format-btn.active{background:linear-gradient(135deg,#6366f133,#06b6d41a);border-color:#6366f180;color:#fff;box-shadow:0 0 16px #6366f133,inset 0 1px #ffffff0d}.render-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d,inset 0 1px #ffffff1a}.render-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.download-btn{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 4px 12px #22c55e4d,inset 0 1px #ffffff1a}.download-btn:hover{background:linear-gradient(135deg,#4ade80,#34d399);box-shadow:0 6px 20px #22c55e66;transform:translateY(-1px)}.transport,.vocaliq-live-transport{background:linear-gradient(135deg,#0f0f1ee6,#141428b3);border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 16px #0000004d}.transport-btn{background:linear-gradient(180deg,#2a2a40,#1e1e35);border:1px solid rgba(99,102,241,.1);transition:all .2s ease}.transport-btn:hover{background:linear-gradient(180deg,#3a3a55,#2a2a40);border-color:#06b6d44d}.transport-btn.play-pause,.transport-btn-play{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;box-shadow:0 0 12px #6366f14d}.transport-btn.play-pause:hover,.transport-btn-play:hover{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 0 20px #6366f180}.transport-time,.vocaliq-transport-time{color:#a5f3fc}.virtual-studio{background:linear-gradient(180deg,rgba(10,10,20,.3),transparent)}.studio-sub-nav{background:linear-gradient(180deg,#0f0f1ee6,#0a0a16f2);border-bottom:1px solid rgba(99,102,241,.15)}.studio-sub-btn{background:linear-gradient(180deg,#0f0f1e99,#0a0a16cc);border:1px solid rgba(99,102,241,.1);transition:all .2s ease}.studio-sub-btn:hover:not(.disabled){border-color:#06b6d466;color:#a5f3fc;box-shadow:0 0 12px #06b6d41a}.studio-sub-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;box-shadow:0 4px 12px #6366f14d,inset 0 1px #ffffff1a}.studio-sub-number{background:linear-gradient(135deg,#1e1e35,#15152a);border:1px solid rgba(99,102,241,.2)}.studio-sub-btn.active .studio-sub-number{background:#ffffff26;border-color:#fff3}.vocal-capture{background:linear-gradient(180deg,rgba(10,10,20,.4),transparent);border-radius:8px;padding:1.25rem}.record-btn{background:linear-gradient(135deg,#141423e6,#0f0f1ef2);border:2px solid #ef4444;box-shadow:0 0 20px #ef444426;transition:all .2s ease}.record-btn:hover{background:#ef444426;box-shadow:0 0 30px #ef444440}.record-btn.recording{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 30px #ef444480}.upload-vocal-btn{background:linear-gradient(180deg,#0f0f1ecc,#0a0a16e6);border:1px solid rgba(99,102,241,.2);transition:all .2s ease}.upload-vocal-btn:hover{border-color:#6366f180;color:#a5f3fc;box-shadow:0 0 12px #6366f126}.vocal-status{background:linear-gradient(135deg,#0f0f1ee6,#141428b3);border:1px solid rgba(99,102,241,.15)}.mix-console{background:linear-gradient(180deg,rgba(10,10,20,.4),transparent);border-radius:8px;padding:1rem}.mix-console.empty{color:#67e8f9;opacity:.6}.vocaliq-live-header h3{background:linear-gradient(135deg,#e0e0f0,#a5f3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vocaliq-live-indicator{background:linear-gradient(135deg,#22c55e26,#10b9811a);border:1px solid rgba(34,197,94,.4);box-shadow:0 0 12px #22c55e33}.vocaliq-commit-btn{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 4px 12px #22c55e4d,inset 0 1px #ffffff1a;transition:all .2s ease}.vocaliq-commit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#34d399);box-shadow:0 6px 20px #22c55e66;transform:translateY(-1px)}.status-dot.available{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 0 8px #22c55e80}.status-dot.unavailable{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 8px #ef444480}.fader,.pan-slider{background:linear-gradient(180deg,#1e1e35,#15152a);border:1px solid rgba(99,102,241,.1)}.fader::-webkit-slider-thumb,.pan-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 8px #6366f166}.track-btn{background:linear-gradient(180deg,#141423cc,#0f0f1ce6);border:1px solid rgba(99,102,241,.15);transition:all .15s ease}.track-btn:hover{border-color:#06b6d466}.track-btn.mute-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;box-shadow:0 0 12px #ef444466}.track-btn.solo-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:transparent;box-shadow:0 0 12px #f59e0b66}.stem-chip{background:linear-gradient(135deg,#0f0f1ee6,#141428b3);transition:all .15s ease}.stem-chip:hover{box-shadow:0 0 12px #6366f126}.label-select,.stem-label-select{background:linear-gradient(180deg,#0f0f1a,#0a0a14);border:1px solid rgba(99,102,241,.2);color:#a5f3fc;transition:all .15s ease}.label-select:hover,.stem-label-select:hover{border-color:#06b6d466}.label-select:focus,.stem-label-select:focus{border-color:#6366f180;box-shadow:0 0 8px #6366f133;outline:none}.upload-all-btn{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 4px 12px #22c55e4d,inset 0 1px #ffffff1a;transition:all .2s ease}.upload-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#34d399);box-shadow:0 6px 20px #22c55e66;transform:translateY(-1px)}.step-content-centered{display:flex;justify-content:center;align-items:center;min-height:400px}.analysis-transition{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.analysis-content{max-width:400px}.analysis-icon{color:#6366f1;margin-bottom:1.5rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analysis-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#e0e0f0,#a5f3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analysis-status{color:#67e8f9;font-size:.95rem;margin:0 0 1.5rem;min-height:1.5em}.analysis-progress-container{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.analysis-progress-bar{flex:1;height:8px;background:#1e1e32cc;border-radius:4px;overflow:hidden;border:1px solid rgba(99,102,241,.2)}.analysis-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#06b6d4);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #6366f180}.analysis-progress-text{color:#a5f3fc;font-size:.85rem;font-weight:600;min-width:40px;text-align:right}.analysis-hint{color:#7b7b9e;font-size:.8rem;margin:0}.section-hint{color:#7b7b9e;font-size:.8rem;margin:0 0 1rem}.vocal-analysis-status{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0;padding:.75rem 1rem;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:6px}.vocal-analysis-status.complete{flex-direction:row;align-items:center;gap:.75rem;background:linear-gradient(135deg,#22c55e1f,#10b98114);border-color:#22c55e66;box-shadow:0 0 20px #22c55e26,inset 0 1px #ffffff0d;animation:fadeInSuccess .4s ease-out}@keyframes fadeInSuccess{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.analysis-indicator{display:flex;align-items:center;gap:.5rem}.analysis-spinner{width:14px;height:14px;border:2px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.analysis-check{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;box-shadow:0 2px 8px #22c55e66,inset 0 1px #fff3;flex-shrink:0}.vocal-analysis-status .analysis-text{color:#a5f3fc;font-size:.85rem}.vocal-analysis-status.complete .analysis-text{color:#e0f2e9;font-size:.9rem;font-weight:500;letter-spacing:.01em}.vocal-analysis-status.complete .analysis-text .analysis-ready{color:#4ade80;font-weight:600}.analysis-progress-bar{height:4px;background:#1e1e32cc;border-radius:2px;overflow:hidden}.vocal-analysis-status .analysis-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#06b6d4);border-radius:2px;transition:width .2s ease}.next-btn.analyzing{background:linear-gradient(135deg,#4b4b7a,#3a3a5a);cursor:not-allowed;opacity:.8}.next-btn.analyzing:hover{transform:none;box-shadow:none}.mode-toggle{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:.75rem;padding:.25rem;background:#0f0f1acc;border-radius:8px;width:fit-content;margin-left:auto;margin-right:auto}.mode-toggle button{padding:.5rem 1.25rem;background:transparent;border:none;color:#666;cursor:pointer;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s}.mode-toggle button:hover{color:#a5b4fc}.mode-toggle button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.express-step-nav{display:flex;justify-content:center;gap:.5rem;padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid rgba(99,102,241,.15)}.express-step-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;color:#666;font-size:.875rem;cursor:pointer;border-radius:8px;transition:all .2s}.express-step-btn .step-number{width:24px;height:24px;background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.express-step-btn.active{background:#6366f11a;color:#a5b4fc}.express-step-btn.active .step-number{background:#6366f1;color:#fff}.express-step-btn.completed .step-number{background:#22c55e;color:#fff}.express-step-btn:disabled{cursor:not-allowed;opacity:.5}.viq-producer-magic{margin-top:8px}.pm-harmony-controls{display:flex;flex-direction:column;gap:8px;margin-top:6px}.pm-preset-row{display:flex;align-items:center;gap:12px}.pm-preset-row .viq-adv-knobs{flex-shrink:0}.pm-preset-desc{font-size:10px;color:#94a3b8;font-style:italic;padding:0 2px}.pm-section-timeline{display:flex;flex-direction:column;gap:4px}.pm-timeline-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.pm-timeline-blocks{display:flex;gap:1px;height:28px;border-radius:4px;overflow:hidden;background:#1e293b}.pm-section-block{display:flex;align-items:center;justify-content:center;border:1.5px solid;border-radius:2px;cursor:pointer;transition:all .15s;padding:0;font-size:0;min-width:0;opacity:.35}.pm-section-block--active{opacity:1}.pm-section-block:hover{opacity:.85;transform:scaleY(1.05)}.pm-section-label{font-size:8px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-timeline-hint{font-size:9px;color:#64748b;text-align:center}.pm-key-info{font-size:10px;color:#94a3b8;text-align:center;padding:2px 0}.pm-actions{display:flex;gap:6px;margin-top:4px}.pm-render-btn{flex:1;padding:6px 12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.pm-render-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#a78bfa);transform:translateY(-1px)}.pm-render-btn:disabled{opacity:.5;cursor:not-allowed}.pm-clear-btn{padding:6px 10px;background:transparent;color:#94a3b8;border:1px solid #334155;border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s}.pm-clear-btn:hover{border-color:#ef4444;color:#ef4444}.pm-status{font-size:10px;padding:4px 8px;border-radius:4px;text-align:center}.pm-status--analyzing{color:#fbbf24;background:#fbbf241a}.pm-status--error{color:#f87171;background:#f871711a}.pm-status--success{color:#4ade80;background:#4ade801a}.artist-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:artist-overlay-in .25s ease-out}@keyframes artist-overlay-in{0%{opacity:0}to{opacity:1}}.artist-overlay-panel{position:relative;width:90vw;max-width:1100px;height:85vh;margin-top:24px;background:#0a0a0a;border-radius:12px;overflow-y:auto;overflow-x:hidden;box-shadow:0 24px 80px #000000b3,0 0 0 1px #ffffff0f;animation:artist-panel-slide .3s ease-out;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.artist-overlay-panel::-webkit-scrollbar{width:6px}.artist-overlay-panel::-webkit-scrollbar-track{background:transparent}.artist-overlay-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.artist-overlay-panel::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes artist-panel-slide{0%{transform:translateY(40px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.artist-overlay-back{position:absolute;top:12px;left:12px;z-index:95;width:36px;height:36px;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.artist-overlay-back:hover{background:#000c}