#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}.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}.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-logo{display:block;width:4.5rem;height:4.5rem;margin:0 auto .75rem;filter:drop-shadow(0 2px 12px rgba(99,102,241,.45))}.auth-title{color:#e6edf3;font-size:1.5rem;font-weight:600;margin:0 0 .25rem;text-align:center}.auth-card .auth-subtitle{text-align:center}.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}.oa-feature{display:flex;align-items:center;gap:1.1rem;width:100%;padding:1rem 1.1rem;margin-bottom:1.1rem;border:1px solid rgba(245,179,1,.28);border-radius:12px;background:radial-gradient(120% 140% at 100% 0%,rgba(245,179,1,.1),transparent 60%),#ffffff08}.oa-feature-copy{flex:1 1 auto;text-align:left}.oa-feature-title{margin:0 0 .4rem;font-size:1.05rem;font-weight:800;color:#fbe6a8;letter-spacing:.01em}.oa-feature-lead{margin:0 0 .5rem;font-size:.85rem;line-height:1.5;color:#e2e8f0}.oa-feature-lead strong{color:#fbe6a8}.oa-feature-body{margin:0 0 .45rem;font-size:.78rem;line-height:1.5;color:#94a3b8}.oa-feature-body strong{color:#cbd5e1}.oa-cutoff{margin:.55rem 0 0;font-size:.75rem;font-weight:700;color:#f5b301}.oa-feature-art{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.4rem;width:138px}.oa-hat{width:100%;height:auto;max-width:138px;border-radius:10px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.45))}.oa-hat-caption{font-size:.62rem;color:#64748b;text-align:center;line-height:1.3;text-transform:uppercase;letter-spacing:.04em}.oa-ref-mark{background:none;border:none;padding:0 0 0 2px;margin:0;cursor:pointer;color:#f5b301;font-weight:800;font-size:.85em;vertical-align:super;line-height:0}.oa-ref-mark:hover{color:#fbe6a8}.oa-ref-mark:focus-visible{outline:1px solid #f5b301;outline-offset:2px;border-radius:2px}.oa-ref-mark-inline{color:#f5b301;font-weight:800}.oa-paid-leadin{margin:.25rem 0 .35rem;font-size:.95rem;font-weight:700;color:#e2e8f0;text-align:center}.oa-paid-subline{margin:0 0 .85rem;font-size:.78rem;font-weight:600;color:#22d3ee;text-align:center}.oa-plan-cards{grid-template-columns:repeat(3,1fr)}.oa-plan-perk{margin-top:.3rem;color:#22d3ee!important;font-weight:700}.oa-paid-cta{width:100%;margin-top:1rem}.oa-free-area{width:100%;margin-top:1.35rem;padding-top:1.15rem;border-top:1px solid rgba(255,255,255,.08);text-align:center}.oa-free-title{margin:0 0 .4rem;font-size:.95rem;font-weight:700;color:#e2e8f0}.oa-free-body{margin:0 0 .4rem;font-size:.82rem;color:#cbd5e1;line-height:1.5}.oa-free-fineprint{margin:0 auto .85rem;max-width:480px;font-size:.72rem;color:#94a3b8;line-height:1.5}.oa-free-cta{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.18)}.oa-payment-back{display:block;margin:1rem auto 0}.oa-disclaimer{width:100%;margin:1.15rem 0 0;font-size:.64rem;line-height:1.5;color:#64748b;text-align:left}.oa-disclaimer strong{color:#94a3b8}@media(max-width:680px){.oa-feature{flex-direction:column;text-align:center}.oa-feature-copy{text-align:center}.oa-feature-art{width:120px;order:-1}.oa-plan-cards{grid-template-columns:repeat(3,1fr);gap:.4rem}.oa-plan-cards .plan-card{padding:.7rem .4rem}.oa-plan-cards .plan-price{font-size:1.05rem}}.auth-sessions-optin{margin-top:1.25rem;padding:.95rem 1rem 1rem;border-radius:10px;text-align:left;background:#6ee7b70a;border:1px solid rgba(110,231,183,.18)}.auth-sessions-hook{margin:0 0 .4rem;font-size:.92rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(100deg,#6ee7b7,#ffb43d);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-sessions-blurb{margin:0 0 .7rem;font-size:.78rem;line-height:1.55;color:#9aa4b2}.auth-sessions-check{display:flex;align-items:flex-start;gap:.55rem;font-size:.82rem;line-height:1.45;color:#c9d1d9;cursor:pointer}.auth-sessions-check input{margin-top:.15rem;width:16px;height:16px;flex:none;accent-color:#6ee7b7;cursor:pointer}.auth-sessions-check strong{color:#e7e9f0}.auth-sessions-note{margin:.55rem 0 0 2.1rem;font-size:.72rem;line-height:1.45;color:#7d8794}@media(max-width:480px){.auth-sessions-optin{padding:.85rem .85rem .9rem}.auth-sessions-note{margin-left:0}}.beta-support-overlay{position:fixed;inset:0;background:#0d0f1ac7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9000;animation:beta-fade-in .16s ease-out}.beta-support-modal{position:relative;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow-y:auto;background:linear-gradient(180deg,#1a1d2e,#161826);border:1px solid rgba(99,102,241,.25);border-radius:14px;padding:28px 28px 24px;color:#e8eaf3;box-shadow:0 18px 60px #0000008c,0 0 0 1px #ffffff05 inset;animation:beta-pop-in .22s cubic-bezier(.2,.9,.3,1.2)}.beta-support-modal h2{margin:0 0 8px;font-size:22px;font-weight:700;letter-spacing:-.01em}.beta-support-intro{margin:0 0 18px;color:#e8eaf3b8;font-size:14.5px;line-height:1.55}.beta-support-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;background:transparent;color:#e8eaf399;font-size:26px;line-height:30px;cursor:pointer;border-radius:8px;transition:background .12s,color .12s}.beta-support-close:hover{background:#ffffff0f;color:#fff}.beta-support-textarea{width:100%;background:#0d0f1ab3;border:1px solid rgba(99,102,241,.25);border-radius:10px;color:#e8eaf3;font-size:14.5px;line-height:1.55;padding:12px 14px;resize:vertical;font-family:inherit;transition:border-color .14s,background .14s}.beta-support-textarea:focus{outline:none;border-color:#6366f1a6;background:#0d0f1ae6}.beta-support-charcount{font-size:11.5px;color:#e8eaf373;margin-top:6px;display:flex;justify-content:space-between;gap:12px}.beta-support-paste-hint{color:#a7afe0b3;font-style:italic}.beta-support-screenshots{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.beta-support-screenshot-thumb{position:relative;border-radius:6px;overflow:hidden;border:1px solid rgba(99,102,241,.4);background:#0d0f1a99;max-width:140px}.beta-support-screenshot-thumb img{display:block;width:100%;height:auto;max-height:90px;object-fit:cover}.beta-support-screenshot-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#0f111ad9;color:#fff;border:1px solid rgba(255,255,255,.2);font-size:14px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.beta-support-screenshot-remove:hover{background:#ef4444d9;border-color:#ef4444}.beta-support-screenshot-meta{display:block;font-size:10.5px;color:#e8eaf38c;padding:4px 6px;text-align:center;background:#0d0f1a80}.beta-support-checkbox{display:flex;gap:10px;align-items:flex-start;margin:16px 0 4px;font-size:13px;color:#e8eaf3c7;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.beta-support-checkbox input[type=checkbox]{margin:2px 0 0;flex-shrink:0}.beta-support-error{margin-top:12px;padding:10px 12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:8px;color:#fca5a5;font-size:13px;line-height:1.5}.beta-support-actions{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}.beta-support-actions-double{justify-content:space-between}.beta-support-btn-primary,.beta-support-btn-secondary{border:0;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .14s,opacity .14s;font-family:inherit}.beta-support-btn-primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;box-shadow:0 4px 16px #6366f14d}.beta-support-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #6366f173}.beta-support-btn-primary:disabled{opacity:.45;cursor:not-allowed}.beta-support-btn-secondary{background:#ffffff0f;color:#e8eaf3db;border:1px solid rgba(255,255,255,.08)}.beta-support-btn-secondary:hover{background:#ffffff1a;color:#fff}.beta-support-faq-topic{font-size:13px;font-weight:600;color:#a855f7d9;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.beta-support-faq-response{background:#6366f10d;border-left:3px solid rgba(99,102,241,.5);padding:14px 18px;margin:8px 0 16px;border-radius:8px;font-size:14px;line-height:1.6;color:#e8eaf3eb}.beta-support-faq-response p{margin:0 0 10px}.beta-support-faq-response p:last-child{margin-bottom:0}.beta-support-faq-response strong{color:#fff}.beta-support-faq-prompt{margin:18px 0 4px;font-size:14px;color:#e8eaf3c7;text-align:center}.beta-support-confirmed-text{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:#e8eaf3d1}.beta-support-trigger{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-family:inherit;font-weight:600;transition:background .14s,transform .1s,box-shadow .14s}.beta-support-trigger-pill{background:#6366f11f;color:#e8eaf3e0;border:1px solid rgba(99,102,241,.32);padding:7px 14px 7px 11px;border-radius:999px;font-size:13px}.beta-support-trigger-pill:hover{background:#6366f133;color:#fff;border-color:#6366f180}.beta-support-trigger-fab{position:fixed;bottom:76px;right:24px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;padding:12px 18px;border-radius:999px;font-size:13px;box-shadow:0 6px 22px #6366f173;z-index:7000}.beta-support-trigger-fab:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6366f199}.beta-support-trigger-draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.beta-support-trigger-draggable:active{cursor:grabbing}.beta-support-trigger-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#6366f180;color:#fff;font-size:12px;font-weight:700}.beta-support-trigger-fab .beta-support-trigger-icon{background:#ffffff40}.beta-banner{position:fixed;bottom:14px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#6366f1eb,#a855f7eb);border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;font-size:13px;white-space:nowrap;z-index:8000;box-shadow:0 8px 24px #00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:beta-banner-slide-in .28s cubic-bezier(.2,.9,.3,1.1)}.beta-banner-icon{font-size:14px;color:#fff;flex-shrink:0}.beta-banner-text{flex-grow:1;line-height:1.5}.beta-banner-text strong{color:#fff;font-weight:700}.beta-banner-dismiss{flex-shrink:0;border:0;padding:5px 12px;background:#ffffff2e;color:#fff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .14s;font-family:inherit}.beta-banner-dismiss:hover{background:#ffffff4d}@keyframes beta-fade-in{0%{opacity:0}to{opacity:1}}@keyframes beta-pop-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes beta-banner-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.beta-support-overlay,.beta-support-modal,.beta-banner{animation:none!important}}@media(max-width:480px){.beta-support-modal{padding:22px 18px 18px;border-radius:12px}.beta-support-modal h2{font-size:19px}.beta-support-trigger-fab{bottom:90px;right:16px;padding:10px 14px;font-size:12px}.beta-banner{white-space:normal;bottom:12px}.beta-support-actions-double{flex-direction:column-reverse}.beta-support-actions-double>button{width:100%}}.lp-sess{--se-ink: #e7e9f0;--se-ink-2: #8a94a2;--se-ink-3: #5a6270;--se-line: rgba(255, 255, 255, .08);--se-emerald: #6ee7b7;--se-teal: #5eead4;--se-marigold: #ffb43d;padding:5.5rem 2.5rem 4.5rem;background:radial-gradient(ellipse at 15% 8%,rgba(110,231,183,.1) 0%,transparent 52%),radial-gradient(ellipse at 90% 72%,rgba(255,180,61,.08) 0%,transparent 55%),#0b0a12;border-bottom:1px solid rgba(255,255,255,.05)}.lp-sess-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:2.4rem;align-items:center;text-align:center}.lp-sess-head{display:flex;flex-direction:column;gap:1rem;align-items:center}.lp-sess-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--se-emerald);padding:.34rem .85rem;border-radius:999px;background:#6ee7b717;border:1px solid rgba(110,231,183,.28)}.lp-sess-h{margin:0;font-size:clamp(2.3rem,3.8vw,3.4rem);line-height:1.08;font-weight:800;letter-spacing:-.035em;color:#fff;display:flex;flex-direction:column;gap:.15rem}.lp-sess-h-grad{font-size:clamp(1.5rem,2.4vw,2.1rem);letter-spacing:-.025em;background:linear-gradient(100deg,var(--se-emerald) 0%,var(--se-teal) 45%,var(--se-marigold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lp-sess-sub{margin:0;font-size:1.02rem;line-height:1.65;color:var(--se-ink-2);max-width:60ch}.lp-sess-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;width:100%;text-align:left}.lp-sess-side{display:flex;flex-direction:column;gap:.55rem;padding:1.3rem 1.4rem;border-radius:14px;background:#14131d;border:1px solid var(--se-line)}.lp-sess-side-tag{font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--se-emerald)}.lp-sess-side-copy{margin:0;font-size:.94rem;line-height:1.6;color:var(--se-ink-2)}.lp-sess-early{width:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.7rem 1.8rem 1.5rem;border-radius:14px;text-align:left;background:radial-gradient(ellipse at 0% 0%,rgba(110,231,183,.055) 0%,transparent 60%),#14131d;border:1px solid rgba(110,231,183,.16)}.lp-sess-early:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(100deg,var(--se-emerald),var(--se-teal) 45%,var(--se-marigold));opacity:.65}.lp-sess-early-eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;background:linear-gradient(100deg,var(--se-emerald),var(--se-marigold));-webkit-background-clip:text;background-clip:text;color:transparent}.lp-sess-early-h{margin:0;font-weight:800;letter-spacing:-.02em;color:#fff;font-size:clamp(1.16rem,1.7vw,1.42rem);line-height:1.28;text-wrap:balance}.lp-sess-early-h span{background:linear-gradient(100deg,var(--se-emerald),var(--se-marigold));-webkit-background-clip:text;background-clip:text;color:transparent}.lp-sess-early-copy{margin:0;font-size:.94rem;line-height:1.6;color:var(--se-ink-2);max-width:62ch}.lp-sess-early-trust{margin:0;font-size:.89rem;line-height:1.6;color:var(--se-ink-2);max-width:62ch}.lp-sess-early-trust b{color:var(--se-emerald);font-weight:700}.lp-sess-early-actions{margin-top:.25rem;display:flex;align-items:center;gap:.9rem 1.1rem;flex-wrap:wrap;width:100%}.lp-sess-early-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1.15rem;border:0;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0b0a12;background:linear-gradient(100deg,var(--se-emerald),var(--se-marigold));transition:filter .14s ease,transform .14s ease}.lp-sess-early-cta:hover{filter:brightness(1.07)}.lp-sess-early-cta:active{transform:translateY(1px)}.lp-sess-early-cta:focus-visible{outline:2px solid var(--se-teal);outline-offset:3px}.lp-sess-early-fine{margin:0;font-size:.72rem;line-height:1.5;color:var(--se-ink-3);flex:1 1 22ch;min-width:22ch;max-width:46ch}.lp-sess-close{margin:.4rem 0 0;font-size:1.22rem;font-weight:700;letter-spacing:-.015em;color:#fff}.lp-sess-close span{background:linear-gradient(100deg,var(--se-emerald),var(--se-marigold));-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:780px){.lp-sess{padding:4rem 1.25rem 3.5rem}.lp-sess-sides{grid-template-columns:minmax(0,1fr)}.lp-sess-early{padding:1.4rem 1.25rem 1.3rem}.lp-sess-early-cta{width:100%;font-size:.72rem;letter-spacing:.06em;padding:.6rem .9rem}.lp-sess-early-fine{flex-basis:100%;max-width:none}}@media(prefers-reduced-motion:reduce){.lp-sess-early-cta{transition:none}.lp-sess-early-cta:active{transform:none}}.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;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.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,.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-overlay{position:fixed;inset:0;z-index:10000;display:flex;justify-content:flex-end;align-items:flex-start;padding:60px 16px 0 0;background:transparent}.notification-panel{width:320px;max-height:400px;background:#1a1a2e;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 8px 32px #0009;overflow:hidden;display:flex;flex-direction:column}.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{overflow-y:auto;flex:1 1 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;white-space:pre-line}.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-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}}.se-insert-handle{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:2px solid #0f172a;background:#00d4ff;color:#0b1220;font-size:20px;font-weight:800;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 2px 8px #0006,0 0 0 1px #00d4ff80;transition:background .12s ease,transform .12s ease,box-shadow .12s ease;padding:0}.se-insert-handle:hover{background:#67e8f9;transform:translateY(-50%) scale(1.12);box-shadow:0 4px 14px #00000080,0 0 0 2px #00d4ffcc}.se-insert-before-first{margin-left:-14px}.se-remove-handle{position:absolute;bottom:6px;left:6px;padding:3px 8px;border-radius:12px;border:1px solid rgba(255,100,100,.45);background:#ff505033;color:#ff8a8a;font-size:11px;font-weight:600;line-height:1.2;cursor:pointer;display:inline-flex;align-items:center;gap:4px;z-index:5;white-space:nowrap;transition:background .12s ease,border-color .12s ease}.se-remove-handle:hover{background:#ff50506b;border-color:#ff6464bf;color:#ffd0d0}.se-cancel-pending-handle{position:absolute;top:4px;right:4px;padding:3px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#0006;color:#e5e7eb;font-size:11px;cursor:pointer;z-index:5}.se-cancel-pending-handle:hover{background:#0009}.section-block.pending-add{animation:se-pending-pulse 1.6s ease-in-out infinite}.section-block.pending-remove{text-decoration:line-through;text-decoration-color:#ff5050b3;text-decoration-thickness:2px}@keyframes se-pending-pulse{0%,to{box-shadow:inset 0 0 #00d4ff00}50%{box-shadow:inset 0 0 0 2px #00d4ff73}}.se-insert-type-picker-backdrop{position:fixed;inset:0;background:#0009;z-index:10100;display:flex;align-items:center;justify-content:center;padding:24px}.se-insert-type-picker{background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:18px 18px 14px;width:min(560px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 20px 50px #000000b3}.se-picker-title{font-size:16px;font-weight:700;color:#e5e7eb;margin-bottom:12px}.se-picker-group-label{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:8px 0 6px}.se-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.se-picker-chip{display:flex;align-items:center;gap:8px;padding:9px 11px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e5e7eb;font-size:13px;font-weight:500;cursor:pointer;transition:background .1s ease,transform 80ms ease;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se-picker-chip:hover{background:#ffffff1a;transform:translateY(-1px)}.se-picker-chip-active{background:#00d4ff2e;box-shadow:0 0 0 1px #00d4ff80 inset}.se-picker-chip-color{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto}.se-picker-cancel{display:block;margin:16px auto 0;padding:8px 18px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#94a3b8;font-size:12px;cursor:pointer}.se-picker-cancel:hover{background:#ffffff0d;color:#e5e7eb}@media(max-width:480px){.se-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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}.calibration-measurements{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;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}.help-panel-btn{background:#f59e0b24;color:#fde68a;border:1px solid rgba(245,158,11,.55);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}.help-panel-btn:hover{background:#f59e0b3d;border-color:#f59e0be6;color:#fff;box-shadow:0 0 0 2px #f59e0b2e}.help-panel-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #f59e0b73}.help-panel-backdrop{position:fixed;inset:0;background:#0000008c;z-index:200000;animation:help-panel-fade-in .14s ease}.help-panel{position:fixed;top:0;right:0;bottom:0;width:min(440px,92vw);background:#111418;color:#ffffffeb;border-left:1px solid rgba(255,255,255,.1);box-shadow:-8px 0 32px #0006;z-index:200001;display:flex;flex-direction:column;animation:help-panel-slide-in .18s cubic-bezier(.25,.8,.25,1)}.help-panel-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.help-panel-title{margin:0;font-size:16px;font-weight:600;letter-spacing:.01em}.help-panel-close{background:transparent;border:none;color:#ffffffb3;font-size:28px;line-height:1;cursor:pointer;padding:0 4px;border-radius:4px;transition:background .12s ease,color .12s ease}.help-panel-close:hover{background:#ffffff14;color:#fff}.help-panel-body{flex:1 1 auto;overflow-y:auto;padding:18px 20px 28px;font-size:13.5px;line-height:1.55}.help-panel-body h3{margin:18px 0 6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffffa6}.help-panel-body h3:first-child{margin-top:0}.help-panel-body p{margin:6px 0 12px;color:#ffffffd9}.help-panel-body ul,.help-panel-body ol{margin:6px 0 14px;padding-left:22px}.help-panel-body li{margin:4px 0;color:#ffffffd1}.help-panel-body kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:3px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#fff}.help-panel-body strong{color:#fff}.help-panel-body .help-tip{background:#f59e0b1a;border-left:3px solid rgba(245,158,11,.7);padding:10px 12px;border-radius:4px;margin:14px 0;color:#ffffffe0;font-size:13px}@keyframes help-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes help-panel-fade-in{0%{opacity:0}to{opacity:1}}.progress-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#080a10bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;z-index:100000;isolation:isolate}.progress-overlay-card{background:linear-gradient(180deg,#14172a,#0c0e16);border:1px solid rgba(168,85,247,.45);border-radius:16px;padding:32px 56px;text-align:center;box-shadow:0 20px 80px #000000bf,0 0 32px #a855f733,inset 0 0 32px #38bdf80d;min-width:280px;max-width:420px}.progress-overlay-stage-label{font-size:13px;letter-spacing:2.4px;text-transform:uppercase;color:#c4b5fd;margin-bottom:8px}.progress-overlay-message{font-size:12px;color:#ffffffa6;margin-bottom:16px;line-height:1.4}.progress-overlay-ring-wrap{margin:0 auto;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.progress-overlay-ring-pct{font-size:28px;font-weight:700;fill:#f4f4ff;font-variant-numeric:tabular-nums}.progress-overlay-hint{margin-top:16px;font-size:12px;letter-spacing:1.2px;color:#ffffff8c}.progress-overlay-eta{margin-top:8px;font-size:11.5px;letter-spacing:.6px;color:#67e8f9a6;font-style:italic}.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}.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:4px;background:transparent;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:color .15s,background .15s}.sp-topnav-back:hover{background:#ffffff14;color:#fff}.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 56px 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 56px 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:56px;height:56px;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;object-fit:cover;pointer-events:none}.sp-video-play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000008c;color:#fff;font-size:18px;padding-left:3px;pointer-events:none;transition:background .2s}.sp-video-thumb-btn:hover .sp-video-play-badge{background:#6366f1e6}.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:48px;height:48px}.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}}.producer-memory{flex-shrink:0;padding:8px 12px;font-size:12px;color:inherit}.producer-memory>button{background:transparent;color:inherit;border:0;text-decoration:underline;cursor:pointer}.producer-memory>div{max-height:260px;overflow:auto;padding:10px;background:#141220f0;border:1px solid #675e7c;border-radius:8px;color:#f5f1ff}.producer-memory p{margin:6px 0}.producer-memory textarea{display:block;width:100%;box-sizing:border-box;min-height:60px;margin:6px 0;padding:6px;color:inherit;background:#201b31;border:1px solid #807395;border-radius:4px}.producer-memory button{margin:4px 8px 4px 0}.producer-memory label{display:block;margin-top:12px}.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}.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}.producer-lyric-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.producer-lyric-tags button{min-height:44px;padding:8px 12px;border:1px solid #655072;border-radius:10px;background:#2b2037;color:#e8d6f5;font:inherit;font-size:13px;cursor:pointer}.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}@keyframes spin{to{transform:rotate(360deg)}}.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}.spv2{--sp-bg: #12101f;--sp-2: #1d1930;--sp-elev: #251f3d;--sp-border: #322c50;--sp-border2: #423a63;--sp-ink: #f3f0fb;--sp-ink2: #c1bade;--sp-ink3: #867daa;--sp-accent: #ffb43d;--sp-accent2: #ff7d86;--sp-soft: #2a2340;--sp-user: #ffb43d;--sp-onacc: #2a1600;--sp-grad: linear-gradient(135deg, var(--sp-accent), var(--sp-accent2));--sp-mono: ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;background:var(--sp-bg);color:var(--sp-ink);border:1px solid var(--sp-border);border-radius:14px;overflow-x:hidden;overflow-y:auto}.spv2 *{box-sizing:border-box}.spv2-spot{position:relative;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:15px 13px;border-bottom:1px solid var(--sp-border);background:radial-gradient(120% 95% at 50% -25%,color-mix(in srgb,var(--sp-accent) 18%,transparent),transparent 62%)}.spv2-spot-face{width:60px;height:60px;border-radius:50%;flex:0 0 auto;background-size:cover;background-position:center;background-color:var(--sp-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--sp-accent) 60%,transparent),0 8px 22px color-mix(in srgb,var(--sp-accent2) 26%,transparent)}.spv2-spot-id{min-width:0;display:flex;flex-direction:column;line-height:1.25}.spv2-spot-role{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;background:var(--sp-grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content;max-width:100%}.spv2-spot-id b{font-size:19px;letter-spacing:-.01em;margin:1px 0 2px}.spv2-spot-rep{font-size:11.5px;color:var(--sp-ink2);margin:0 0 5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spv2-spot-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--sp-ink3);font-weight:600}.spv2-spot-dot{width:11px;height:11px;border-radius:50%;background:var(--sp-grad);box-shadow:0 0 8px color-mix(in srgb,var(--sp-accent) 55%,transparent)}.spv2-classic{position:absolute;top:10px;right:11px;flex:0 0 auto;font-size:12px;color:var(--sp-ink3);background:color-mix(in srgb,var(--sp-bg) 70%,transparent);border:1px solid var(--sp-border);padding:5px 9px;border-radius:8px;cursor:pointer;white-space:nowrap}.spv2-classic:hover{color:var(--sp-ink);border-color:var(--sp-border2)}.spv2-rail{display:flex;gap:7px;padding:10px 13px 12px;border-bottom:1px solid var(--sp-border);background:var(--sp-2)}.spv2-railpill{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:12px;border:1px solid var(--sp-border2);background:var(--sp-elev);cursor:pointer;transition:border-color .15s,box-shadow .15s}.spv2-railpill:hover:not(:disabled){border-color:var(--sp-accent)}.spv2-railpill:disabled{opacity:.55;cursor:default}.spv2-railpill-av{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--sp-2);filter:saturate(.75) brightness(.85);box-shadow:0 0 0 2px var(--sp-soft);transition:filter .15s}.spv2-railpill-name{font-size:11.5px;color:var(--sp-ink2);font-weight:700}.spv2-railpill.on{border-color:transparent;background:linear-gradient(var(--sp-elev),var(--sp-elev)) padding-box,var(--sp-grad) border-box;box-shadow:0 8px 18px color-mix(in srgb,var(--sp-accent2) 22%,transparent)}.spv2-railpill.on .spv2-railpill-av{filter:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--sp-accent) 70%,transparent)}.spv2-railpill.on .spv2-railpill-name{color:var(--sp-ink)}.spv2-thread{display:flex;flex-direction:column;gap:12px;padding:15px 13px;overflow-y:auto;flex:1 1 auto;min-height:132px}.spv2-msg{display:flex;gap:8px;max-width:88%}.spv2-msg.user{align-self:flex-end;max-width:85%}.spv2-av{width:24px;height:24px;border-radius:50%;flex:0 0 auto;margin-top:2px;background:radial-gradient(120% 120% at 30% 25%,var(--sp-accent2),var(--sp-accent) 60%)}.spv2-bubble{padding:10px 12px;border-radius:13px;font-size:14px;line-height:1.5;word-break:break-word}.spv2-msg.prod .spv2-bubble{background:var(--sp-elev);border:1px solid var(--sp-border);border-top-left-radius:5px}.spv2-msg.user .spv2-bubble{background:var(--sp-grad);color:var(--sp-onacc);font-weight:600;border-top-right-radius:5px}.spv2-chips{display:flex;flex-wrap:wrap;gap:6px;margin-left:32px}.spv2-chip{font-size:12px;padding:7px 11px;border-radius:999px;border:1px solid var(--sp-border2);background:var(--sp-2);color:var(--sp-ink2);cursor:pointer;text-align:left}.spv2-chip:hover:not(:disabled){border-color:var(--sp-accent);color:var(--sp-ink)}.spv2-chip:disabled{opacity:.5;cursor:default}.spv2-typing{display:inline-flex;gap:4px;align-items:center}.spv2-typing span{width:6px;height:6px;border-radius:50%;background:var(--sp-ink3);animation:spv2blink 1.2s infinite}.spv2-typing span:nth-child(2){animation-delay:.2s}.spv2-typing span:nth-child(3){animation-delay:.4s}@keyframes spv2blink{0%,60%,to{opacity:.25}30%{opacity:1}}.spv2-specbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px 13px;border-top:1px solid var(--sp-border);background:var(--sp-2);max-height:86px;overflow-y:auto;flex-shrink:0}.spv2-pill{font-size:11.5px;padding:5px 9px;border-radius:999px;background:var(--sp-elev);border:1px solid var(--sp-border2);color:var(--sp-ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spv2-pill b{color:var(--sp-ink3);font-weight:600;font-family:var(--sp-mono);font-size:9px;text-transform:uppercase;letter-spacing:.05em;margin-right:5px}.spv2-err{margin:10px 13px 0;color:#ff9b9b;font-size:12.5px}.spv2-repaint{margin:12px 13px 0;padding:12px;border:1px solid var(--sp-border2);border-radius:12px;background:var(--sp-2);display:flex;flex-direction:column;gap:9px}.spv2-rp-head{font-size:13px;color:var(--sp-ink2)}.spv2-rp-head b{color:var(--sp-ink)}.spv2-rp-range{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--sp-ink3);flex-wrap:wrap}.spv2-rp-range label{display:inline-flex;align-items:center;gap:5px}.spv2-rp-range input{width:62px;background:var(--sp-elev);border:1px solid var(--sp-border2);border-radius:7px;padding:5px 7px;color:var(--sp-ink);font:inherit;font-size:12px;font-family:var(--sp-mono)}.spv2-rp-range input:focus{outline:none;border-color:var(--sp-accent)}.spv2-rp-dur{font-family:var(--sp-mono);color:var(--sp-accent2)}.spv2-rp-cap{width:100%;background:var(--sp-elev);border:1px solid var(--sp-border2);border-radius:9px;padding:9px 11px;color:var(--sp-ink);font:inherit;font-size:13px;resize:none;line-height:1.5}.spv2-rp-cap:focus{outline:none;border-color:var(--sp-accent)}.spv2-repaint .spv2-big{font-size:14px;padding:11px}.spv2-repaint .spv2-meta{margin-top:0}.spv2-titlerow{display:flex;align-items:baseline;gap:8px;padding:10px 13px 0}.spv2-titlerow b{font-size:15px;color:var(--sp-ink);font-weight:800;letter-spacing:-.01em}.spv2-titlelabel{font-family:var(--sp-mono);font-size:9px;letter-spacing:.08em;color:var(--sp-accent2);flex:0 0 auto}.spv2-lyricsrow{display:flex;flex-wrap:wrap;gap:8px;padding:8px 13px 0;flex-shrink:0}.spv2-lyrics-pill{font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px;border:1px dashed var(--sp-border2);background:transparent;color:var(--sp-ink2);cursor:pointer}.spv2-lyrics-pill:hover{color:var(--sp-ink);border-color:var(--sp-accent);border-style:solid}.spv2-lyrics-pill.has{border-style:solid;border-color:color-mix(in srgb,var(--sp-accent2) 55%,var(--sp-border2));color:var(--sp-ink);background:var(--sp-soft)}.spv2-song{padding:11px 13px;border-top:1px solid var(--sp-border);background:var(--sp-2);display:flex;flex-direction:column;gap:9px}.spv2-versions{display:flex;flex-wrap:wrap;gap:6px}.spv2-ver{font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;border:1px solid var(--sp-border2);background:var(--sp-elev);color:var(--sp-ink2);cursor:pointer;font-family:var(--sp-mono);letter-spacing:.02em}.spv2-ver:hover{color:var(--sp-ink);border-color:var(--sp-accent)}.spv2-ver.active{background:linear-gradient(135deg,var(--sp-accent),var(--sp-accent2));border-color:transparent;color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--sp-accent) 34%,transparent)}.spv2-ver.main:not(.active){border-color:color-mix(in srgb,var(--sp-accent2) 55%,var(--sp-border2));color:var(--sp-ink)}.spv2-audio{width:100%;height:34px;border-radius:9px}.spv2-audio::-webkit-media-controls-panel{background:var(--sp-elev)}.spv2-songfoot{display:flex;align-items:center;gap:8px;justify-content:space-between}.spv2-evfrom{font-size:11px;color:var(--sp-ink3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spv2-evfrom b{color:var(--sp-ink2);font-family:var(--sp-mono)}.spv2-setmain{flex:0 0 auto;font-size:11.5px;font-weight:600;padding:6px 11px;border-radius:8px;border:1px solid var(--sp-border2);background:var(--sp-elev);color:var(--sp-ink2);cursor:pointer}.spv2-setmain:hover:not(:disabled){color:var(--sp-ink);border-color:var(--sp-accent)}.spv2-setmain:disabled{opacity:.7;cursor:default;color:var(--sp-accent2);border-color:color-mix(in srgb,var(--sp-accent2) 45%,var(--sp-border2))}.spv2-evhints{display:flex;flex-wrap:wrap;gap:6px;padding:11px 13px 0}.spv2-evhint{font-size:11.5px;padding:5px 10px;border-radius:999px;border:1px dashed var(--sp-border2);background:transparent;color:var(--sp-ink3);cursor:pointer}.spv2-evhint:hover:not(:disabled){color:var(--sp-ink);border-color:var(--sp-accent);border-style:solid}.spv2-evhint:disabled{opacity:.4;cursor:default}.spv2-genwrap{padding:12px 13px 0}.spv2-big{width:100%;background:var(--sp-grad);color:var(--sp-onacc);border:0;font-weight:800;font-size:15px;padding:13px;border-radius:12px;cursor:pointer;box-shadow:0 8px 22px color-mix(in srgb,var(--sp-accent) 38%,transparent)}.spv2-big:disabled{opacity:.6;cursor:default;box-shadow:none}.spv2-meta{text-align:center;color:var(--sp-ink3);font-size:11px;margin-top:7px}.spv2-inputbar{display:flex;flex-direction:column;flex-shrink:0;gap:9px;padding:12px 13px;border-top:1px solid var(--sp-border)}.spv2-costnote{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 2px;text-align:center;font-size:10.5px;letter-spacing:.02em;color:var(--sp-ink3);opacity:.82;padding:0 12px 9px}.spv2-costnote-voice,.spv2-costnote-modeask{padding:4px 12px 0}.spv2-costnote-sep{opacity:.5}.spv2-costnote-link{appearance:none;background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;opacity:.85}.spv2-costnote-link:hover{color:var(--sp-accent);opacity:1}.spv2-costnote-link:focus-visible{outline:1px solid var(--sp-accent);outline-offset:2px;border-radius:3px}.spv2-err-action{appearance:none;background:#ffffff12;border:1px solid currentColor;border-radius:999px;padding:1px 9px;margin-left:8px;font:inherit;font-size:11px;color:inherit;cursor:pointer;opacity:.9}.spv2-err-action:hover{opacity:1;background:#ffffff24}.spv2-err-action:focus-visible{outline:1px solid currentColor;outline-offset:2px}.spv2-field{width:100%;min-width:0;background:var(--sp-2);border:1px solid var(--sp-border2);border-radius:11px;padding:11px 12px;color:var(--sp-ink);font:inherit;font-size:14px;line-height:1.4;resize:none;min-height:46px;max-height:120px;overflow-y:auto}.spv2-field:focus{outline:none;border-color:var(--sp-accent)}.spv2-field::placeholder{color:var(--sp-ink3)}.spv2-ctrls{display:flex;align-items:center;gap:8px}.spv2-icon{width:40px;height:40px;border-radius:10px;border:1px solid var(--sp-border2);background:var(--sp-2);color:var(--sp-ink2);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.spv2-icon svg{width:18px;height:18px}.spv2-icon:disabled{opacity:.4;cursor:default}.spv2-icon.mic:hover:not(:disabled){border-color:var(--sp-accent);color:var(--sp-ink)}.spv2-icon.mic.rec{background:#e5484d;border-color:#e5484d;color:#fff;animation:spv2rec 1.3s ease-in-out infinite}@keyframes spv2rec{0%,to{box-shadow:0 0 color-mix(in srgb,#e5484d 55%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,#e5484d 0%,transparent)}}@media(prefers-reduced-motion:reduce){.spv2-icon.mic.rec{animation:none}}.spv2-micspin{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--sp-accent) 30%,transparent);border-top-color:var(--sp-accent);animation:spv2spin .7s linear infinite}@keyframes spv2spin{to{transform:rotate(360deg)}}.spv2-icon.spk.on{border-color:transparent;color:var(--sp-onacc);background:var(--sp-grad)}.spv2-icon.send{margin-left:auto;background:var(--sp-grad);border-color:transparent;color:var(--sp-onacc);box-shadow:0 6px 16px color-mix(in srgb,var(--sp-accent2) 30%,transparent)}.spv2-icon.send:disabled{opacity:.5;cursor:default;box-shadow:none}.spv2-icon.voice:hover:not(:disabled){border-color:var(--sp-accent);color:var(--sp-ink)}.spv2-voice{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;background:radial-gradient(90% 55% at 50% 6%,color-mix(in srgb,var(--sp-accent) 12%,transparent),transparent 60%)}.spv2-vscroll{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--sp-ink3) 35%,transparent) transparent}.spv2-vscroll::-webkit-scrollbar{width:5px}.spv2-vscroll::-webkit-scrollbar-track{background:transparent}.spv2-vscroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sp-ink3) 35%,transparent);border-radius:4px}.spv2-vtop{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:6px 14px 3px}.spv2-vback{background:transparent;border:1px solid var(--sp-border2);color:var(--sp-ink2);font-size:12.5px;padding:6px 11px;border-radius:9px;cursor:pointer}.spv2-vback:hover{color:var(--sp-ink);border-color:var(--sp-accent)}.spv2-vtag{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--sp-accent)}.spv2-vtag i{width:7px;height:7px;border-radius:50%;background:var(--sp-grad);box-shadow:0 0 8px color-mix(in srgb,var(--sp-accent) 60%,transparent)}.spv2-vface{flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:2px 16px 4px}.spv2-vface-av{width:124px;height:124px;border-radius:20px;background-size:cover;background-position:center;background-color:var(--sp-2);flex:0 0 auto;box-shadow:0 0 0 2px color-mix(in srgb,var(--sp-accent) 55%,transparent),0 10px 26px color-mix(in srgb,var(--sp-accent2) 26%,transparent)}.spv2-vface-id{min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.3}.spv2-vface-id b{font-size:16px}.spv2-vface-id span{font-size:11.5px;color:var(--sp-ink3)}.spv2-vlyrics{flex-shrink:0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 16px 2px}.spv2-vsong{display:flex;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:4px 16px 8px}.spv2-vsong .spv2-versions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.spv2-vsong .spv2-audio{width:100%;max-width:300px;height:34px}.spv2-vswitch{flex-shrink:0;display:flex;justify-content:center;gap:10px;padding:0 16px}.spv2-vswitch-pill{padding:3px;border-radius:50%;border:0;background:transparent;cursor:pointer;line-height:0}.spv2-vswitch-pill:disabled{opacity:.5;cursor:default}.spv2-vswitch-pill.on{background:var(--sp-grad);box-shadow:0 4px 12px color-mix(in srgb,var(--sp-accent2) 26%,transparent)}.spv2-vswitch-av{display:block;width:34px;height:34px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--sp-2);filter:saturate(.7) brightness(.78);transition:filter .15s}.spv2-vswitch-pill:hover:not(:disabled) .spv2-vswitch-av,.spv2-vswitch-pill.on .spv2-vswitch-av{filter:none}.spv2-vwave{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:2px 20px;min-height:142px}.spv2-vcanvas{flex-shrink:0;width:100%;max-width:300px;height:92px}.spv2-vcap{flex:0 1 auto;min-height:42px;max-height:8em;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1.5;color:var(--sp-ink);text-align:center;max-width:40ch;animation:spv2capin .32s ease}@keyframes spv2capin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.spv2-vcap{animation:none}}.spv2-vtalk{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 16px 10px}.spv2-vtalk,.spv2-vtalk *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.spv2-vmic{width:76px;height:76px;border-radius:50%;border:0;background:var(--sp-grad);color:var(--sp-onacc);display:grid;place-items:center;cursor:pointer;touch-action:none;box-shadow:0 10px 26px color-mix(in srgb,var(--sp-accent2) 40%,transparent);transition:transform .1s}.spv2-vmic svg{width:30px;height:30px}.spv2-vmic:active{transform:scale(.94)}.spv2-vmic:disabled{opacity:.6;cursor:default}.spv2-vmic.rec{animation:spv2reclisten 1.4s ease-out infinite}@keyframes spv2reclisten{0%{box-shadow:0 0 color-mix(in srgb,var(--sp-accent) 55%,transparent)}to{box-shadow:0 0 0 22px transparent}}@media(prefers-reduced-motion:reduce){.spv2-vmic.rec{animation:none}}.spv2-vmic.muted{background:var(--sp-2);color:var(--sp-ink3);box-shadow:none}.spv2-vtalk-label{font-size:12px;color:var(--sp-ink3);font-weight:600}.spv2-verr{flex-shrink:0;margin:0 14px 14px}.spv2-modeask{display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;padding:40px 24px 36px;min-height:400px;justify-content:center;background:radial-gradient(90% 50% at 50% 12%,color-mix(in srgb,var(--sp-accent) 13%,transparent),transparent 60%)}.spv2-modeask-av{width:124px;height:124px;border-radius:20px;background-size:cover;background-position:center;background-color:var(--sp-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--sp-accent) 55%,transparent),0 10px 26px color-mix(in srgb,var(--sp-accent2) 26%,transparent);margin-bottom:6px}.spv2-modeask-h{font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.28;max-width:22ch;text-wrap:balance}.spv2-modeask-sub{font-size:12.5px;color:var(--sp-ink3);margin-bottom:10px}.spv2-modebtn{width:100%;max-width:284px;display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:13px;border:1px solid var(--sp-border2);background:var(--sp-elev);color:var(--sp-ink);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;text-align:left}.spv2-modebtn svg{width:20px;height:20px;flex:0 0 auto;color:var(--sp-ink2)}.spv2-modebtn:hover{border-color:var(--sp-accent)}.spv2-modebtn em{margin-left:auto;font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--sp-onacc);background:var(--sp-grad);padding:3px 8px;border-radius:999px}.spv2-modebtn.primary{border-color:transparent;background:linear-gradient(var(--sp-elev),var(--sp-elev)) padding-box,var(--sp-grad) border-box;box-shadow:0 8px 20px color-mix(in srgb,var(--sp-accent2) 22%,transparent)}.spv2-modebtn.primary svg{color:var(--sp-accent)}.spv2-modeask-remember{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--sp-ink3);cursor:pointer;-webkit-user-select:none;user-select:none}.spv2-modeask-remember input{width:15px;height:15px;accent-color:var(--sp-accent);cursor:pointer;flex:0 0 auto}.spv2-modeask-style{font-size:12.5px;color:var(--sp-ink3);line-height:1.4;max-width:30ch;min-height:34px;text-wrap:balance;margin-bottom:4px;transition:color .12s}.spv2-modeask-rail{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:2px 0 10px}.spv2-prodpick{background:none;border:none;padding:0;cursor:pointer;line-height:0;border-radius:50%}.spv2-prodpick-av{display:block;width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--sp-2);box-shadow:0 0 0 2px var(--sp-border2);filter:saturate(.7) brightness(.8);transition:box-shadow .15s,filter .15s,transform .15s}.spv2-prodpick:hover .spv2-prodpick-av,.spv2-prodpick:focus-visible .spv2-prodpick-av{filter:none;transform:translateY(-1px)}.spv2-prodpick.on .spv2-prodpick-av{box-shadow:0 0 0 2px var(--sp-accent);filter:none}.spv2-vptt{background:none;border:none;padding:2px 4px;cursor:pointer;font-size:10.5px;color:var(--sp-ink3);letter-spacing:.02em}.spv2-vptt:hover{color:var(--sp-ink2);text-decoration:underline}.spv2-pttsw{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;-webkit-user-select:none;user-select:none}.spv2-pttsw-lbl{font-size:12px;font-weight:700;letter-spacing:.2px;color:#94a3b8bf;transition:color .15s}.spv2-pttsw-lbl.on{color:#fff}.spv2-pttsw-track{position:relative;width:46px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#94a3b847;cursor:pointer;padding:0;transition:background .18s,border-color .18s;flex:0 0 auto}.spv2-pttsw-track.on{background:linear-gradient(90deg,#ffb43d,#ff7d86);border-color:transparent}.spv2-pttsw-track:focus-visible{outline:2px solid #ffb43d;outline-offset:2px}.spv2-pttsw-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000073;transition:transform .18s ease}.spv2-pttsw-track.on .spv2-pttsw-knob{transform:translate(20px)}.spv2-action-secondary{appearance:none;border:1px solid #49415f;background:transparent;color:#c4b8df;border-radius:14px;padding:6px 12px;margin:4px 0;font:inherit;font-size:12px;cursor:pointer}.spv2-action-secondary:disabled{opacity:.45;cursor:default}.spv2-action-secondary:focus-visible{outline:2px solid #ffa34b;outline-offset:2px}.spv2-speech-notice{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:8px 12px;color:var(--sp-ink2);font-size:12px}html.mw-workspace-open,html.mw-workspace-open body{overflow:hidden;overscroll-behavior-x:none;height:100%}html.mw-workspace-open body{position:fixed;width:100%}.mw-root{position:fixed;inset:var(--mw-top,0px) 0 auto;width:100%;max-width:100%;min-width:0;height:var(--mw-height,100dvh);display:flex;flex-direction:column;overflow:hidden;background:#12101f;color:#f3f0fb}.mw-root>*{min-width:0}.mw-root *,.mw-registration *{box-sizing:border-box}.mw-root button,.mw-registration button{font-family:inherit;cursor:pointer;touch-action:manipulation}.mw-auth .auth-input,.mw-root .auth-input{font-size:16px}.mw-root button:disabled{opacity:.5;cursor:default}.mw-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:10px 18px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid #30283f}.mw-brand{display:flex;gap:9px;align-items:center;font-size:20px;font-weight:800}.mw-brand img{width:28px;height:28px}.mw-account-button{width:40px;height:40px;background:#30243e;color:#f3d2ab;border:1px solid #6d4862;border-radius:50%;font-weight:700!important}.mw-credit-row{flex-shrink:0;background:#191525}.mw-credit-row>button{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:8px 18px;font-size:12px;border:0;color:#c9bcd9;background:transparent}.mw-root .gen-credits-chip{max-width:100%;flex-wrap:wrap}.mw-producer{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 10px}.mw-producer[hidden]{display:none}.mw-producer .spv2{border-radius:16px;min-width:0;width:100%;overscroll-behavior:contain}.mw-producer .spv2-field{font-size:16px}.mw-producer .spv2-inputbar{position:sticky;bottom:0;z-index:2;background:#171222}.mw-producer .spv2-spot{padding:10px}.mw-producer .spv2-rail{padding:8px}.mw-producer .spv2-modeask{min-height:320px;padding:24px 16px}.mw-producer .spv2-modeask-av{width:80px;height:80px}.mw-producer .spv2-ver,.mw-producer .spv2-lyrics-pill,.mw-producer .spv2-evhint,.mw-producer .spv2-setmain,.mw-producer .spv2-action-secondary{min-height:44px}.mw-new{flex-shrink:0}.mw-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:22px 18px;overflow-wrap:anywhere}.mw-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.mw-root h1{font-size:30px;letter-spacing:-.03em;margin:8px 0 22px}.mw-eyebrow{color:#d8a9de;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0}.mw-search{display:block;font-size:12px;color:#bdb0d0}.mw-library-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:18px}.mw-library-filters button{min-width:0;min-height:44px;padding:8px 4px;border:1px solid #493b5c;border-radius:12px;background:#211a2f;color:#c9bcd9;font-size:13px}.mw-library-filters button[aria-pressed=true]{color:#ffcb91;border-color:#c98c59;background:#392839}.mw-library-filters span{font-size:11px;opacity:.8}.mw-filter-empty{padding:24px 0;color:#c9bcd9;font-size:14px}.mw-search input,.mw-registration input:not([type=checkbox]){width:100%;border:1px solid #493b5c;border-radius:12px;padding:13px 14px;background:#211a2f;color:#f3f0fb;font-size:16px;margin-top:8px}.mw-song-list{display:grid;gap:16px;padding-top:20px}.mw-song{background:#201a2c;padding:16px;border:1px solid #3d304e;border-radius:18px}.mw-song-heading{display:flex;gap:14px;align-items:center}.mw-song-heading>div{min-width:0}.mw-song-heading img,.mw-art-placeholder{width:58px;height:58px;flex-shrink:0;border-radius:12px;object-fit:cover}.mw-art-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#654170,#bc785a);font-size:28px}.mw-song h2{font-size:17px;margin:0 0 5px;overflow-wrap:anywhere}.mw-song p{font-size:12px;color:#bcaecc;margin:0}.mw-version{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#bcaecc;margin-top:16px}.mw-version select{min-width:0;max-width:75%;min-height:44px;background:#171020;color:#e8daf3;border:1px solid #4f3d60;border-radius:10px;padding:8px;font-size:16px}.mw-song-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mw-song-actions button{border:1px solid #674760;background:#332137;color:#f1c3b8;border-radius:12px;padding:11px 12px;min-height:44px;font-size:13px}.mw-empty{padding:40px 10px;text-align:center}.mw-empty>span{font-size:52px;color:#ffc16c}.mw-empty h2{font-size:24px}.mw-empty p,.mw-account p,.mw-registration p{color:#c0b2d0;font-size:15px;line-height:1.7}.mw-primary{display:block;width:100%;border:0;border-radius:13px;padding:15px;min-height:48px;background:linear-gradient(110deg,#ffb43d,#ff7d86);color:#2b1726;font-weight:800!important;margin:18px 0}.mw-secondary{width:100%;background:#2a1e38;border:1px solid #564068;border-radius:12px;padding:14px;color:#dfcdec;margin-bottom:18px}.mw-link{background:transparent;border:0;color:#d6bbec;padding:12px 4px;min-height:44px;font-size:14px}.mw-account-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin-top:24px}.mw-account a,.mw-registration a{color:#d6bbec}.mw-nav{display:flex;border-top:1px solid #42304e;background:#1b1426;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0px)}.mw-nav button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;border:0;border-radius:0;background:transparent;color:#b1a1c2;padding:14px;min-height:54px;font-size:14px}.mw-nav button span{font-size:22px}.mw-nav button[aria-current=page]{color:#ffbb75;background:#2b2032;box-shadow:inset 0 2px #e2a163}.mw-player{background:#2d1e38;border-top:1px solid #61436b;padding:8px 14px;flex-shrink:0}.mw-player>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.mw-player strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mw-player button{border:0;background:transparent;color:#f3e0fb;font-size:25px;min-width:44px;min-height:44px}.mw-player audio{width:100%;height:40px}.mw-player p{font-size:12px}.mw-jobs{flex-shrink:0;max-height:100px;overflow:auto;padding:8px 18px;background:#251b2c;font-size:12px}.mw-jobs>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.mw-jobs span{overflow:hidden;text-overflow:ellipsis;max-width:100%}.mw-jobs progress{width:100%;height:4px;accent-color:#ffb43d}.mw-notice,.mw-error{padding:12px 16px;font-size:13px;line-height:1.5;background:#35212e;color:#ffd1c8}.mw-notice{flex-shrink:0;max-height:100px;overflow:auto}.mw-notice button,.mw-error button{color:inherit;background:transparent;border:1px solid currentColor;padding:10px;border-radius:8px;margin:4px}.mw-plans{flex:1;display:flex;flex-direction:column;min-height:0}.mw-plan-note{margin:0;padding:12px 18px;color:#c4b2d2;font-size:12px;line-height:1.6}.mw-plans .upgrade{flex:1;min-height:0}.mw-plans .upgrade-cards{grid-template-columns:1fr}.mw-root .iter-modal-overlay,.mw-root .upload-confirmation-overlay{top:var(--mw-top,0px);bottom:auto;height:var(--mw-height,100dvh)}.mw-root .iter-modal,.mw-root .upload-confirmation-modal{max-height:calc(var(--mw-height,100dvh) - 24px)}.mw-root .iter-modal-header,.mw-root .iter-modal-body,.mw-root .iter-modal-footer{padding:14px}.mw-root .iter-input,.mw-root .iter-textarea{font-size:16px}.mw-root .iter-modal-close{min-width:44px;min-height:44px}.mw-root .confirmation-btn{min-width:100px;min-height:44px}.mw-root .producer-memory textarea{font-size:16px}.mw-loading,.mw-splash{padding:30px;color:#c7b7d6;background:#12101f}.mw-splash{min-height:100dvh}.mw-registration{min-height:100dvh;padding:24px;background:#12101f;color:#f3f0fb}.mw-registration form{max-width:440px;margin:36px auto}.mw-registration label{display:block;margin-top:18px;font-size:14px}.mw-registration small{display:block;color:#b6a3c6;margin-top:6px}.mw-registration .mw-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.mw-consent input{width:22px;height:22px;flex-shrink:0}.mw-registration .mw-or{text-align:center;font-size:12px;margin-top:22px}.mw-root :focus-visible,.mw-registration :focus-visible{outline:2px solid #ffbd73;outline-offset:3px}.mw-producer .spv2-voice{flex:1 0 auto;overflow:visible;min-width:0;padding-bottom:10px}.mw-producer .spv2-vscroll{flex:0 0 auto;overflow:visible}.mw-producer .spv2-vtop{padding:8px 12px}.mw-producer .spv2-vback{min-height:44px}.mw-producer .spv2-vface{flex-direction:row;justify-content:center;gap:12px;padding:4px 14px 12px;text-align:left}.mw-producer .spv2-vface-av{width:64px;height:64px;border-radius:14px}.mw-producer .spv2-vface-id{align-items:flex-start;overflow-wrap:anywhere}.mw-producer .spv2-vswitch{flex-wrap:wrap;gap:8px;padding-bottom:8px}.mw-producer .spv2-vswitch-pill{min-width:44px;min-height:44px;display:grid;place-items:center}.mw-producer .spv2-vwave{flex:1 0 auto;min-height:100px;gap:4px;padding:4px 14px 12px}.mw-producer .spv2-vcanvas{height:48px;min-width:0;max-width:100%}.mw-producer .spv2-vcap{flex:0 0 auto;max-height:none;overflow:visible;width:100%;overflow-wrap:anywhere}.mw-producer .spv2-vtalk{padding:4px 12px 8px}.mw-producer .spv2-vmic{width:64px;height:64px;touch-action:none}.mw-producer .spv2-vmic:active{transform:none}.mw-producer .spv2-pttsw{min-height:44px;margin-top:0}.mw-producer .spv2-pttsw-track:before{content:"";position:absolute;inset:-10px -2px}.mw-producer .producer-memory{padding:4px 12px}.mw-producer .producer-memory>button{min-height:44px;margin:0;font:inherit;text-align:left}.mw-producer .spv2-costnote-voice{padding:4px 12px}@media(max-height:550px){.mw-header{padding-block:5px}.mw-header .mw-brand{font-size:16px}.mw-credit-row>button{min-height:34px}.mw-nav button{min-height:44px;padding:8px}.mw-producer .spv2-railpill-av{width:28px;height:28px}}.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}}.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)}.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;align-items: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}.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-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-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-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}.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}.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{color:#fff}.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{color:#fff;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)}}@keyframes admin-pulse{0%,to{box-shadow:0 0 #ef444473}50%{box-shadow:0 0 0 6px #ef444400}}.admin-nav-warning-badge{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px;vertical-align:middle;background:var(--admin-warning-color, #fbbf24);box-shadow:0 0 0 2px #0000004d}.admin-nav-warning-badge.critical{--admin-warning-color: #ef4444;animation:admin-pulse 1.4s ease-in-out infinite}.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-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:1100px){.admin-rising-columns{grid-template-columns:1fr}}.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;text-shadow:0 0 40px rgba(99,102,241,.3)}.app-title-text{color:#fff}.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;position:relative}.user-actions{display:flex;align-items:center;gap:.5rem}.user-menu-trigger,.ubtn-label{display:none}.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}.original-artist-badge{font-size:.55rem;font-weight:700;padding:1px 6px;border-radius:4px;background:linear-gradient(135deg,#f5b30147,#d9770633);color:#fbbf24;border:1px solid rgba(245,179,1,.35);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:6px;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:6px;display:flex;align-items:center}.user-signout:hover{color:#ef4444}@media(max-width:600px){.user-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#c9d1d9;cursor:pointer;overflow:hidden}.user-menu-trigger img{width:100%;height:100%;object-fit:cover}.user-actions{display:none;position:fixed;top:54px;right:8px;left:auto;flex-direction:column;align-items:stretch;gap:2px;min-width:210px;max-width:calc(100vw - 16px);max-height:calc(100vh - 66px);overflow-y:auto;padding:6px;background:#14141f;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 32px #00000080;z-index:3000}.user-info.menu-open .user-actions{display:flex}.user-actions .user-avatar{display:none}.user-name{font-size:.9rem;padding:6px 8px 2px}.user-actions .tier-badge,.user-actions .founding-badge{align-self:flex-start;margin:0 8px 6px}.user-settings-btn,.user-signout{width:100%;justify-content:flex-start;gap:10px;padding:10px 8px;border-radius:6px;font-size:.9rem}.ubtn-label{display:inline}}.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-title{display:inline-flex;align-items:center;gap:.55rem}.app-logo{width:1.45em;height:1.45em;display:block;flex-shrink:0;filter:drop-shadow(0 1px 4px rgba(99,102,241,.35))}.app-title-text{line-height:1}.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;color:#fff;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;white-space:pre-wrap}.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-sculpt-tune-row{width:100%;padding:4px 0 2px}.viq-sculpt-tune-row .viq-slider{width:100%!important;margin:0}.viq-sculpt-tune-labels{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 6px}.viq-digital-readout{font-family:SF Mono,Cascadia Code,JetBrains Mono,Courier New,monospace;font-size:13px;font-weight:600;letter-spacing:1.5px;color:#34d399;text-shadow:0 0 4px rgba(52,211,153,.5);background:linear-gradient(180deg,#050810,#0a0e1a);border:1px solid #1a1d2e;border-radius:3px;padding:3px 10px;min-width:56px;text-align:center;box-shadow:inset 0 1px 2px #0009,inset 0 -1px 1px #34d39914,0 0 6px #34d3991f;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s ease,text-shadow .12s ease}.viq-digital-readout[data-zero=true]{color:#6b7280;text-shadow:0 0 3px rgba(107,114,128,.4);box-shadow:inset 0 1px 2px #0009,inset 0 -1px 1px #6b72800d}.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-dropdown-item--disabled{opacity:.4;cursor:not-allowed}.viq-dropdown-item--disabled:hover{background:transparent;color:#888}.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{display:block;font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;text-align:center;line-height:1.15;letter-spacing:.8px;max-width:68px;white-space:normal;overflow-wrap:break-word}.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;position:relative}.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-finish-confirm--wide{max-width:640px}.viq-finish-confirm-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}@media(max-width:600px){.viq-finish-confirm-options{grid-template-columns:1fr}}.viq-finish-confirm-option{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.9rem;display:flex;flex-direction:column;gap:.6rem}.viq-finish-confirm-option h4{margin:0;color:#f0f0f0;font-size:.95rem;font-weight:600}.viq-finish-confirm-desc{margin:0!important;color:#94a3b8;font-size:.75rem!important;line-height:1.45!important;flex:1}.viq-finish-confirm-listen{display:flex;align-items:center;gap:.45rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.78rem;color:#cbd5e1}.viq-finish-confirm-listen input[type=checkbox]{width:14px;height:14px;accent-color:#6366f1;cursor:pointer;margin:0}.viq-finish-confirm-option .viq-finish-confirm-btn.confirm{width:100%;padding:.55rem .75rem;font-size:.82rem}.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;flex-wrap:wrap}.viq-master-header .viq-dropdown{flex:0 1 140px;min-width:100px;max-width:160px}.viq-master-header .viq-knob-wrap{min-width:52px}.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-inst-mix-bus-header{display:flex;align-items:center;gap:10px;padding:4px 0}.viq-inst-mix-bus-header .viq-dropdown{flex:0 1 180px;min-width:140px;max-width:220px}.viq-inst-mix-bus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 12px;padding:4px 0;justify-items:center}.viq-inst-mix-bus-grid .viq-knob-wrap{min-width:52px}.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:2400;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}.vm2-composing{color:#c4b5fd;font-weight:700;letter-spacing:.02em;animation:vm2-composing-pulse 1.3s ease-in-out infinite}.vm2-composing:after{display:inline-block;width:1.4em;text-align:left;content:"";animation:vm2-composing-dots 1.2s steps(1,end) infinite}@keyframes vm2-composing-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}@keyframes vm2-composing-pulse{0%,to{opacity:1;text-shadow:0 0 6px rgba(139,92,246,.4)}50%{opacity:.7;text-shadow:0 0 14px rgba(139,92,246,.8)}}.vm2-composing-host{position:relative;overflow:hidden;animation:vm2-composing-glow 1.8s ease-in-out infinite}@keyframes vm2-composing-glow{0%,to{box-shadow:0 0 0 1px #8b5cf64d,0 0 #8b5cf600}50%{box-shadow:0 0 0 1px #8b5cf6b3,0 0 18px 2px #8b5cf673}}.vm2-composing-host:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 0%,transparent 35%,rgba(139,92,246,.22) 50%,transparent 65%,transparent 100%);background-size:220% 100%;background-repeat:no-repeat;animation:vm2-composing-sweep 2.2s linear infinite}@keyframes vm2-composing-sweep{0%{background-position:130% 0}to{background-position:-130% 0}}.vm2-frame-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f0d1abd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:inherit;z-index:2;pointer-events:none;overflow:hidden}.vm2-frame-loader-wheel{position:relative;width:200px;height:200px;font-size:200px;max-width:80%;aspect-ratio:1}.vm2-frame-loader-wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,transparent 35%,rgba(196,181,253,.45) 50%,rgba(96,165,250,.65) 58%,rgba(196,181,253,.3) 70%,transparent 85%,transparent 100%);-webkit-mask:radial-gradient(circle,transparent 76%,black 78%,black 92%,transparent 94%);mask:radial-gradient(circle,transparent 76%,black 78%,black 92%,transparent 94%);animation:vm2-halo-rotate 2.4s linear infinite;pointer-events:none}.vm2-frame-loader-wheel:after{content:"";position:absolute;top:50%;left:50%;width:.13em;height:.13em;margin:-.065em 0 0 -.065em;border-radius:50%;background:radial-gradient(circle,#e9d5ff 0%,#c4b5fd 35%,#60a5fa 75%,transparent 100%);box-shadow:0 0 18px #c4b5fdd9,0 0 36px #60a5fa73;animation:vm2-core-pulse 1.6s ease-in-out infinite;pointer-events:none}.vm2-frame-loader-wheel span{position:absolute;top:50%;left:50%;width:.07em;height:.32em;margin:-.46em 0 0 -.035em;background:linear-gradient(180deg,#e9d5ff,#c4b5fd 35%,#60a5fab3);border-radius:.04em;transform-origin:.035em .46em;opacity:0;box-shadow:0 0 8px #c4b5fd99;animation:vm2-wedge-flash 1.4s cubic-bezier(.4,0,.6,1) infinite}.vm2-frame-loader-wheel span:nth-child(1){transform:rotate(0);animation-delay:-1.225s}.vm2-frame-loader-wheel span:nth-child(2){transform:rotate(45deg);animation-delay:-1.05s}.vm2-frame-loader-wheel span:nth-child(3){transform:rotate(90deg);animation-delay:-.875s}.vm2-frame-loader-wheel span:nth-child(4){transform:rotate(135deg);animation-delay:-.7s}.vm2-frame-loader-wheel span:nth-child(5){transform:rotate(180deg);animation-delay:-.525s}.vm2-frame-loader-wheel span:nth-child(6){transform:rotate(225deg);animation-delay:-.35s}.vm2-frame-loader-wheel span:nth-child(7){transform:rotate(270deg);animation-delay:-.175s}.vm2-frame-loader-wheel span:nth-child(8){transform:rotate(315deg);animation-delay:0s}.vm2-frame-loader-wheel span:nth-child(n+9){width:.04em;height:.18em;margin:-.33em 0 0 -.02em;transform-origin:.02em .33em;background:linear-gradient(180deg,#c4b5fd8c,#60a5fa4d);box-shadow:0 0 4px #c4b5fd59}.vm2-frame-loader-wheel span:nth-child(9){transform:rotate(22.5deg);animation-delay:-1.137s}.vm2-frame-loader-wheel span:nth-child(10){transform:rotate(112.5deg);animation-delay:-.787s}.vm2-frame-loader-wheel span:nth-child(11){transform:rotate(202.5deg);animation-delay:-.437s}.vm2-frame-loader-wheel span:nth-child(12){transform:rotate(292.5deg);animation-delay:-87ms}@keyframes vm2-wedge-flash{0%{opacity:1;box-shadow:0 0 14px #c4b5fdf2,0 0 28px #60a5fa8c}25%{opacity:.55;box-shadow:0 0 6px #c4b5fd73}to{opacity:0;box-shadow:0 0 #c4b5fd00}}@keyframes vm2-halo-rotate{to{transform:rotate(360deg)}}@keyframes vm2-core-pulse{0%,to{transform:scale(1);opacity:.85;filter:brightness(1)}50%{transform:scale(1.55);opacity:1;filter:brightness(1.4)}}