:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#1a1a1a;--bg-input:#0d0d0d;--dark-bg:#121212;--dark-surface:#1a1a1a;--gold-primary:#cfa935;--gold-dark:#b8962e;--gold-light:#e5c158;--text-primary:#fff;--text-secondary:#999;--text-muted:#666;--border-color:#2a2a2a;--border-gold:rgba(207,169,53,.3);--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--purple:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}::selection{background:#cfa93559;color:var(--text-primary)}::-moz-selection{background:#cfa93559;color:var(--text-primary)}:focus{outline:none}:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}[contenteditable=true],input,textarea{caret-color:var(--gold-primary)}body,html{overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh}.studio-nav{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:15px 25px;position:sticky;top:0;z-index:1000}@media (max-width:768px){.studio-nav{padding:10px 16px}}.studio-nav-logo{align-items:center;color:var(--gold-primary);display:flex;font-size:1.2rem;font-weight:700;gap:12px;text-decoration:none}.studio-nav-logo img{filter:brightness(0) saturate(100%) invert(76%) sepia(47%) saturate(497%) hue-rotate(8deg) brightness(92%) contrast(89%);height:32px}.studio-nav-links{align-items:center;display:flex;gap:8px}.studio-nav-link{border-radius:6px;color:var(--text-secondary);font-size:.9rem;padding:8px 16px;text-decoration:none;transition:all .2s}.studio-nav-link:hover{background:#cfa9351a;color:var(--gold-primary)}.studio-nav-link.active{background:#cfa93526;color:var(--gold-primary)}.user-nav{gap:15px}.credits-badge-nav,.user-nav{align-items:center;display:flex}.credits-badge-nav{background:#cfa9351a;border:1px solid var(--border-gold);border-radius:20px;gap:8px;padding:8px 16px}.credits-badge-nav .count{color:var(--gold-primary);font-weight:700}.btn-logout-nav,.credits-badge-nav .label{color:var(--text-muted);font-size:.85rem}.btn-logout-nav{background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .2s}.btn-logout-nav:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.btn-gold{align-items:center;background:transparent;border:1px solid var(--gold-primary);border-radius:8px;color:var(--gold-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-gold:hover{background:var(--gold-primary);box-shadow:0 0 20px #cfa93566;color:var(--dark-bg)}.btn-gold:disabled{cursor:not-allowed;opacity:.5}.btn-gold svg{stroke:currentColor}.studio-layout{display:grid;grid-template-columns:280px 1fr 350px;min-height:calc(100vh - 70px)}.studio-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:30px;padding:25px 20px}.sidebar-section h3{border-bottom:1px solid var(--border-color);color:var(--gold-primary);font-size:.7rem;letter-spacing:1.5px;margin-bottom:15px;padding-bottom:8px;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav a{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:.9rem;gap:12px;padding:12px 15px;text-decoration:none;transition:all .2s}.sidebar-nav a:hover{background:#cfa9351a;color:var(--gold-primary)}.sidebar-nav a.active{background:#cfa93526;border-left:3px solid var(--gold-primary);color:var(--gold-primary);padding-left:12px}.sidebar-credits{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:12px;padding:25px;text-align:center}.sidebar-credits-amount{color:var(--gold-primary);font-size:3rem;font-weight:700;text-shadow:0 0 30px rgba(207,169,53,.4)}.sidebar-credits-label{color:var(--text-muted);font-size:.85rem;margin-top:8px}.btn-buy-credits{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:8px;color:#000;cursor:pointer;display:block;font-size:.9rem;font-weight:700;margin-top:15px;padding:12px;text-align:center;text-decoration:none;transition:all .3s;width:100%}.btn-buy-credits:hover{box-shadow:0 8px 25px #cfa93566;transform:translateY(-2px)}.visitor-limit-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.visitor-limit-bar{background:var(--bg-input);border-radius:8px;height:10px;margin:15px 0;overflow:hidden}.visitor-limit-fill{background:linear-gradient(90deg,var(--gold-primary),var(--gold-light));border-radius:8px;height:100%;transition:width .5s}.visitor-limit-text{color:var(--text-muted);display:flex;font-size:.85rem;justify-content:space-between}.studio-main{background:var(--bg-primary);overflow-y:auto;padding:30px}.page-header{margin-bottom:30px}.page-header h1{align-items:center;color:var(--text-primary);display:flex;font-size:1.8rem;gap:12px}.page-header p{color:var(--text-muted);margin-top:5px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:25px}.card-gold{background:linear-gradient(135deg,var(--bg-card) 80%,rgba(207,169,53,.08) 100%);border:1.5px solid var(--gold-primary);border-radius:16px;box-shadow:0 0 30px #cfa93526;margin-bottom:22px;padding:28px 22px;transition:box-shadow .3s}.card-gold:hover{border-color:var(--gold-light);box-shadow:0 0 50px #cfa93559}.btn-start.btn-gold{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:8px;box-shadow:0 0 15px #cfa93526;color:#000;cursor:pointer;font-size:.95rem;font-weight:700;margin-top:12px;padding:10px 22px;text-align:center;text-decoration:none;transition:all .3s}.btn-start.btn-gold:hover{box-shadow:0 0 30px #cfa93559;color:var(--gold-dark)}.card-header{justify-content:space-between;margin-bottom:20px}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{color:var(--text-primary);font-size:1rem;gap:10px}.selection-grid{gap:12px;grid-template-columns:repeat(4,1fr)}.selection-btn{background:var(--bg-input);border:2px solid var(--border-color);border-radius:10px;font-size:.9rem;padding:15px 10px;text-align:center;transition:all .3s}.selection-btn:hover{border-color:var(--gold-primary);transform:translateY(-2px)}.selection-btn.active{background:#cfa9351a;border-color:var(--gold-primary)}.selection-btn .icon{display:block;font-size:1.5rem;margin-bottom:5px}.selection-btn .label{color:var(--text-primary);display:block}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.input-group label{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.input-group input,.input-group select,.input-group textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:12px 15px;transition:border-color .2s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--gold-primary);outline:none}.form-row{display:grid;gap:15px;grid-template-columns:1fr 1fr}.btn-generate{align-items:center;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:1px;margin-top:25px;padding:18px 25px;text-transform:uppercase;transition:all .3s;width:100%}.btn-generate:hover:not(:disabled){box-shadow:0 15px 40px #cfa93566;transform:translateY(-3px)}.btn-generate:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:5px;padding:8px 15px;transition:all .3s ease}.btn-secondary:hover{background:#cfa9351a;border-color:var(--gold-primary);color:var(--gold-primary)}.studio-actions{background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:25px 20px}.action-section h3{color:var(--gold-primary);font-size:.7rem;letter-spacing:1.5px;margin-bottom:15px;text-transform:uppercase}.lyrics-preview-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.lyrics-preview-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:15px 20px}.lyrics-preview-header h4{color:var(--text-primary);font-size:.9rem}.lyrics-preview-content{font-family:Georgia,serif;line-height:1.8;max-height:60vh;min-height:400px;overflow-y:auto;padding:20px}.lyrics-empty{padding:50px 20px;text-align:center}.lyrics-empty-icon{font-size:4rem;opacity:.3}.lyrics-empty-text{color:var(--text-muted);margin-top:15px}.lyrics-text{font-size:.95rem;line-height:1.9;white-space:normal}.lyrics-structure{color:var(--gold-primary,#cfa935);display:block;font-size:.78rem;font-weight:700;letter-spacing:1.5px;margin:16px 0 4px;opacity:.85;text-transform:uppercase}.lyrics-structure:first-child{margin-top:0}.lyrics-line{display:block;line-height:1.85}.lyrics-section-tag{color:var(--gold-primary,#cfa935);display:block;font-size:.78rem;font-weight:700;letter-spacing:1.5px;margin:20px 0 4px;opacity:.85;text-transform:uppercase}.lyrics-atmo-cue{color:var(--text-muted,#888);display:block;font-size:.88rem;font-style:italic;margin:2px 0 10px;opacity:.9}.lyrics-text .marker{color:var(--gold-primary);display:block;font-size:.85rem;font-weight:700;letter-spacing:1px;margin:20px 0 10px;text-transform:uppercase}.lyrics-formatted{font-size:1rem;line-height:1.8}.lyrics-tag{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin:16px 0 8px;padding:4px 12px;text-transform:uppercase}.lyrics-tag-verse{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border:1px solid rgba(59,130,246,.3);color:#60a5fa}.lyrics-tag-chorus{background:linear-gradient(135deg,#eab30833,#eab3081a);border:1px solid rgba(234,179,8,.3);color:#fbbf24}.lyrics-tag-bridge{background:linear-gradient(135deg,#a855f733,#a855f71a);border:1px solid rgba(168,85,247,.3);color:#c084fc}.lyrics-tag-intro,.lyrics-tag-outro{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid rgba(34,197,94,.3);color:#4ade80}.lyrics-tag-inst{background:linear-gradient(135deg,#ec489933,#ec48991a);border:1px solid rgba(236,72,153,.3);color:#f472b6}.lyrics-tag-prechorus{background:linear-gradient(135deg,#fb923c33,#fb923c1a);border:1px solid rgba(251,146,60,.3);color:#fb923c}.lyrics-tag-drop{background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid rgba(239,68,68,.3);color:#f87171}.lyrics-adlib{color:#ffffff80;font-size:.9em;font-style:italic}.action-btn-group{display:flex;flex-direction:column;gap:10px}.action-btn{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:15px;transition:all .2s}.action-btn:hover:not(:disabled){border-color:var(--gold-primary);color:var(--gold-primary)}.action-btn:disabled{cursor:not-allowed;opacity:.4}.action-btn.primary{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;color:#000}.action-btn.primary:hover:not(:disabled){box-shadow:0 8px 25px #cfa93566;transform:translateY(-2px)}audio{background:var(--bg-input);border-radius:8px;height:50px;width:100%}audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-play-button{filter:invert(73%) sepia(51%) saturate(500%) hue-rotate(8deg)}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display{color:var(--gold-primary)}audio::-webkit-media-controls-timeline{background:#ffffff61!important;border-radius:4px;height:4px}audio::-moz-range-track{background:#ffffff4d;border-radius:4px;height:4px}audio::-moz-range-progress{background:var(--gold-primary);border-radius:4px;height:4px}audio::-webkit-media-controls-panel{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:8px;-webkit-transition:none!important;transition:none!important}audio{transition:none!important}.song-preview{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:12px;overflow:hidden;padding:15px}.song-preview img{border:1px solid var(--border-gold);border-radius:8px;display:block;margin:0 auto 15px;max-width:300px;width:100%}.song-preview-empty{background:var(--bg-card);border:1px dashed var(--border-color);border-radius:12px;color:var(--text-muted);padding:40px 20px;text-align:center}.progress-bar,.step-progress{background:var(--bg-input);border-radius:4px;height:4px;overflow:hidden}.progress-fill,.step-progress-fill{background:linear-gradient(90deg,var(--gold-primary),var(--gold-light));border-radius:4px;height:100%;transition:width .3s ease}.toast-container{bottom:30px;position:fixed;right:30px;z-index:9999}.toast{animation:slideIn .3s ease;border-radius:10px;box-shadow:0 10px 40px #00000080;font-weight:600;padding:15px 25px}.toast.success{background:var(--success);color:#fff}.toast.error{background:var(--error);color:#fff}.toast.warning{background:var(--warning);color:#000}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-overlay{background:#000000e6}.modal-content{border:1px solid var(--border-gold);border-radius:20px;max-width:500px;padding:40px;text-align:center}.modal-icon{font-size:4rem;margin-bottom:20px}.modal-title{font-size:1.5rem;margin-bottom:15px}.modal-text{color:var(--text-muted);margin-bottom:25px}.modal-btn{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));border:none;border-radius:10px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 40px;transition:all .3s}.modal-btn:hover{box-shadow:0 10px 30px #cfa93566;transform:translateY(-2px)}.selection-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:15px}.selection-btn{background:#111;border:1px solid #2a2a2a;border-radius:4px;color:#999;cursor:pointer;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:.85rem;font-weight:500;height:45px;letter-spacing:1px;text-transform:uppercase;transition:all .2s ease;width:100%}.selection-btn:hover{border-color:#444;color:#fff}.selection-btn.active{background:#cfa9350d;border:1px solid #cfa935;box-shadow:0 0 15px #cfa93526;color:#cfa935}.selection-btn{align-items:center;display:flex;flex-direction:column;gap:8px;height:80px;justify-content:center}.selection-btn svg{fill:#666;height:24px;transition:all .2s;width:24px}.selection-btn:hover svg{fill:#fff}.selection-btn.active svg{fill:#cfa935;transform:scale(1.1)}.icon-svg{fill:currentColor;height:1.2em;vertical-align:middle;width:1.2em}.selection-btn span{display:inline}#btnGenerate span.emoji,.selection-btn i,.selection-btn span.emoji,span.icon{display:none!important}@media (max-width:1200px){.studio-layout{display:flex;flex-direction:column;grid-template-columns:1fr}.studio-sidebar{display:none}.studio-actions{border-left:none;border-top:1px solid var(--border-color);order:3}.selection-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.studio-layout{display:flex!important;flex-direction:column;gap:20px;grid-template-columns:1fr!important}.studio-sidebar{display:flex;order:2}.studio-main{order:1}.studio-actions{display:flex;order:3}.selection-btn{min-height:60px}.btn-generate{font-size:1.1rem;padding:25px}.studio-nav{flex-direction:column;gap:10px;text-align:center}.selection-grid{grid-template-columns:repeat(2,1fr)}.studio-actions,.studio-main,.studio-sidebar{padding:15px}}.studio-nav-logo span,h1{animation:goldShine 5s linear infinite;background:linear-gradient(90deg,#cfa935,#f5e0a3,#b8962e,#cfa935);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:transparent;text-shadow:0 0 20px rgba(207,169,53,.3)}@keyframes goldShine{to{background-position:200%}}.btn-generate{box-shadow:0 0 15px #cfa93566;transition:all .3s ease}.btn-generate:hover{box-shadow:0 0 30px #cfa935cc;transform:scale(1.02)}.btn-generate:after{animation:buttonSwipe 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes buttonSwipe{0%{left:-100%}20%{left:100%}to{left:100%}}.card{transition:border-color .3s,transform .3s,box-shadow .3s}.card:hover{border-color:var(--gold-primary);box-shadow:0 5px 20px #00000080}.selection-btn.active{animation:pulseGold 2s infinite}@keyframes pulseGold{0%{box-shadow:0 0 #cfa93566}70%{box-shadow:0 0 0 10px #cfa93500}to{box-shadow:0 0 #cfa93500}}.studio-nav-logo,h1{color:var(--gold-primary);position:relative;text-shadow:0 0 20px rgba(207,169,53,.2)}.studio-nav{backdrop-filter:blur(10px);background:#121212f2;border-bottom:1px solid rgba(207,169,53,.2)}.btn-generate{background:linear-gradient(135deg,#cfa935,#b8962e);border:1px solid #ffe585;box-shadow:0 4px 15px #cfa9354d;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-generate:hover{box-shadow:0 8px 25px #cfa93599;filter:brightness(1.1);transform:translateY(-2px) scale(1.01)}.card{border:1px solid hsla(0,0%,100%,.05);transition:transform .3s ease,box-shadow .3s ease}.card:hover{border-color:#cfa9354d;box-shadow:0 10px 30px #00000080;transform:translateY(-2px)}.selection-btn.active{background:linear-gradient(to bottom right,rgba(207,169,53,.1),transparent);border-color:#cfa935;box-shadow:inset 0 0 15px #cfa93533}.selection-btn.active svg{filter:drop-shadow(0 0 5px #cfa935)}.modal-overlay{align-items:center;backdrop-filter:blur(8px);background:#000000d9;display:none;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:10000}.modal-overlay.visible{display:flex;opacity:1}.modal-content{background:var(--bg-card);border:1px solid var(--gold-primary);border-radius:12px;box-shadow:0 0 50px #000c;display:flex;flex-direction:column;max-height:90vh;max-width:800px;position:relative;transform:translateY(20px);transition:transform .3s ease;width:90%}.modal-overlay.visible .modal-content{transform:translateY(0)}.modal-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:20px;top:15px;z-index:10}.modal-close-btn:hover{color:var(--gold-primary)}.scrollable-content{overflow-y:auto;padding:40px;scrollbar-color:var(--gold-dark) var(--bg-primary);scrollbar-width:thin}.input-group input,.input-group select,.input-group textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#14141ae6;border:1px solid rgba(255,215,0,.3);border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:12px 20px;transition:all .3s ease;width:100%}.genre-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-top:10px;max-height:300px;overflow-y:auto;padding-right:5px}.genre-grid::-webkit-scrollbar{width:6px}.genre-grid::-webkit-scrollbar-track{background:#0c0c0c}.genre-grid::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.genre-btn{background:#14141acc;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:#ccc;cursor:pointer;font-size:.9rem;padding:12px 5px;text-align:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.genre-btn:hover{background:#ffd7001a;border-color:gold;color:#fff;transform:translateY(-2px)}.genre-btn.active{background:linear-gradient(135deg,gold,#b8860b);border-color:gold;box-shadow:0 0 15px #ffd70066;color:#000;font-weight:700}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:gold;box-shadow:0 0 15px #ffd7004d}.skip-link{background:var(--gold-primary);border-radius:0 0 8px 8px;color:#000;font-weight:700;left:50%;padding:12px 24px;position:absolute;text-decoration:none;top:-100px;transform:translate(-50%);transition:top .3s ease;z-index:10000}.skip-link:focus{outline:3px solid #fff;outline-offset:2px;top:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:more){:root{--border-color:#fff;--text-secondary:#ddd}.genre-btn{border-width:2px}}@media (max-width:768px){.studio-nav{flex-wrap:wrap;gap:10px;padding:10px 15px}.studio-nav-links{flex-wrap:wrap;justify-content:center;order:3;width:100%}.credits-badge-nav,.studio-nav-link{font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.studio-nav-logo{font-size:1rem}.studio-nav-link{font-size:.8rem;padding:5px 8px}}.bg-layer{backface-visibility:hidden;background-image:url(/images/background_1-DchbF5NI.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;image-rendering:auto;left:50%;margin-left:-50vw;margin-top:-50vh;min-height:100%;min-width:100%;position:fixed;top:50%;transform:translateZ(0) scale(1.02);width:100vw;will-change:transform;z-index:-1}.generator-steps{background:#0006;border:1px solid rgba(207,169,53,.15);border-radius:10px;display:flex;gap:6px;margin-bottom:14px;padding:6px 10px}.generator-step{align-items:center;border-radius:8px;color:var(--text-muted,#666);display:flex;flex:1;font-size:.8125rem;font-weight:600;gap:6px;padding:8px 10px;transition:all .3s ease}.generator-step.active{background:linear-gradient(135deg,#cfa93526,#cfa9350d);border:1px solid rgba(207,169,53,.3);color:var(--gold-primary,#cfa935)}.generator-step-dot{background:var(--text-muted);border-radius:50%;height:8px;width:8px}.generator-step.active .generator-step-dot{background:var(--gold-primary);box-shadow:0 0 10px #cfa93599}.generator-step{background:none;border:none;color:inherit;cursor:pointer;font:inherit;text-align:left}.generator-step:hover{color:var(--text-secondary,#999)}.generator-step.completed .generator-step-dot{background:var(--success,#22c55e)}.generator-step.completed{color:var(--success,#22c55e)}.generator-eyebrow{background:linear-gradient(135deg,#cfa93533,#cfa9350d);border:1px solid rgba(207,169,53,.4);border-radius:20px;color:var(--gold-primary);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-bottom:6px;padding:4px 10px;text-transform:uppercase}.generator-page-title{background:linear-gradient(135deg,#fff,#cfa935e6);-webkit-background-clip:text;font-size:1.6rem;font-weight:800;margin-bottom:4px;-webkit-text-fill-color:transparent;background-clip:text}.generator-page-subtitle{color:var(--text-secondary);font-size:.9rem;line-height:1.35;max-width:560px}.page-generator .studio-main .page-header{margin-bottom:4px}.page-generator .generator-eyebrow{font-size:.65rem;margin-bottom:0;padding:2px 6px}.page-generator .generator-page-title{font-size:1.1rem;margin-bottom:0}.page-generator .generator-page-subtitle{display:none;font-size:.75rem;line-height:1.2;max-width:400px}.page-generator .generator-steps{margin-bottom:4px;padding:3px 6px}.page-generator .generator-step{font-size:.72rem;padding:4px 6px}.studio-main .page-header{margin-bottom:8px}.page-generator .studio-main{padding:12px 16px!important}.selection-btn{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.selection-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.selection-btn.active{border:2px solid var(--gold-primary)!important;box-shadow:0 0 20px #cfa93540}.page-generator .generator-voice-row{margin-bottom:4px}.voice-buttons-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.btn-option.voice-btn{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(207,169,53,.2);border-radius:6px;color:var(--text-secondary,#999);cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 8px;transition:all .25s ease}.btn-option.voice-btn.active,.btn-option.voice-btn:hover{border-color:var(--gold-primary,#cfa935);color:var(--gold-primary,#cfa935)}.btn-option.voice-btn.active{background:linear-gradient(135deg,#cfa93533,#cfa9351a)}.page-generator .selection-btn{font-size:.75rem;padding:6px 8px}.page-generator .selection-btn svg{height:16px;width:16px}.selection-btn[data-voice]{min-height:36px;padding:6px 10px}.card-voice{border:1px solid rgba(207,169,53,.35);box-shadow:0 0 20px #cfa93514}.card-voice .card-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.genre-btn{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.genre-btn:hover{transform:translateY(-3px)}.genre-btn.active{box-shadow:0 0 24px #cfa93559}#generator-form-wrapper .card{margin-bottom:8px;padding:10px 14px;transition:border-color .3s,box-shadow .3s}#generator-form-wrapper #step-section-1{margin-bottom:6px}#generator-form-wrapper #step-section-1-mood,#generator-form-wrapper .card-header{margin-bottom:8px}#generator-form-wrapper .card-header h3{font-size:.88rem}#generator-form-wrapper .card:hover{border-color:#cfa93533}.page-generator{display:flex;flex-direction:column;min-height:100vh}.page-generator .studio-layout{align-items:stretch;flex:1;min-height:0;overflow:auto}.page-generator footer{flex-shrink:0;margin-top:0!important;padding:10px 15px!important}.page-generator .lyrics-preview-content{max-height:50vh;min-height:200px;padding:12px 14px}.page-generator .lyrics-preview-header{border-bottom:1px solid var(--border-color);padding:8px 12px}.page-generator .lyrics-preview-header h4{font-size:.82rem}.page-generator .lyrics-empty{padding:24px 16px}.page-generator .lyrics-empty-icon{font-size:2.5rem;height:40px;width:40px}.page-generator .lyrics-empty-text{font-size:.85rem;margin-top:8px}.page-generator .studio-actions{display:flex;flex-direction:column;gap:8px;min-height:0;padding:14px 16px}.page-generator .action-section h3{flex-shrink:0;font-size:.85rem;margin-bottom:6px}.page-generator .studio-main{padding-left:16px;padding-right:16px}.generator-content-container{margin:0;max-width:none;width:100%}.generator-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:var(--spacing-card,20px);padding:20px 24px}.generator-card-basics{background:linear-gradient(145deg,#161616,#121212);border:1px solid rgba(207,169,53,.2);border-radius:12px;box-shadow:0 4px 24px #0000004d;height:-moz-fit-content;height:fit-content;margin-bottom:12px;padding:24px}.card-header-basics{align-items:center;display:flex;gap:8px;margin-bottom:18px;width:100%}#generator-form-wrapper .card-header-basics,.card-header-basics{justify-content:flex-start}.card-header-basics h3{color:var(--gold-primary);flex-shrink:0;font-size:1.125rem;font-weight:700;margin:0}.generator-card .card-header{margin-bottom:16px}.generator-settings-grid{align-items:start;display:grid;gap:16px 20px;grid-template-columns:1fr;width:100%}@media (min-width:1024px){.generator-settings-grid{grid-template-columns:repeat(12,1fr)}.settings-col-genre{grid-column:span 5}.settings-col-mood{grid-column:span 7}}.settings-col{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.settings-label{color:var(--text-muted);letter-spacing:.5px}.settings-label,.settings-label-basics{font-size:.75rem;text-transform:uppercase}.settings-label-basics{color:var(--gold-primary);font-weight:700;letter-spacing:.1em;text-align:left;width:100%}.settings-desc{color:var(--text-muted);font-size:.8rem;line-height:1.4}.settings-field.w-full{width:100%}.mood-buttons-wrap{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;width:100%}.card-header-icon{color:var(--gold-primary);flex-shrink:0;height:24px;width:24px}.mood-btn{align-items:center;background:#1a1a1acc;border:1px solid rgba(51,51,51,.8);border-radius:8px!important;color:#9ca3af;cursor:pointer;display:inline-flex;flex:none!important;font-size:.875rem!important;font-weight:500!important;gap:6px;max-width:none!important;min-width:0;padding:10px 16px!important;text-align:center;transition:all .2s ease;width:auto!important}.mood-btn:hover{border-color:#cfa9354d;color:#fff}.mood-btn.active{background:#cfa9351a;border-color:var(--gold-primary);color:var(--gold-primary)}.mood-icon{align-items:center;display:inline-flex;justify-content:center}.mood-icon svg{flex-shrink:0;height:18px;width:18px}.settings-field-genre{max-width:200px;width:100%}.genre-combobox{position:relative}.genre-combobox-trigger{align-items:center;background:#1a1a1acc;border:1px solid rgba(51,51,51,.8);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;padding:10px 14px;transition:all .2s ease;width:100%}.genre-combobox-trigger:hover{border-color:#cfa9354d}.genre-combobox-trigger:focus{border-color:var(--gold-primary);box-shadow:0 0 0 2px #cfa93526;outline:none}.genre-combobox-trigger.active{background:#1a1a1ae6;color:var(--gold-primary)}.genre-combobox-trigger.active,.genre-combobox-trigger.active:hover{border-color:var(--gold-primary)}.genre-combobox-value{align-items:center;display:flex;gap:8px}.genre-combobox-chevron{color:currentColor;height:14px;opacity:.7;transition:transform .2s ease;width:14px}.genre-combobox-trigger[aria-expanded=true] .genre-combobox-chevron{transform:rotate(180deg)}.genre-combobox-dropdown{animation:genreDropdownIn .2s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#1a1a1a,#161616);border:1px solid rgba(207,169,53,.2);border-radius:10px;box-shadow:0 8px 32px #00000080,0 0 0 1px #33333380;display:none;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}@keyframes genreDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.genre-combobox-dropdown.open{display:block}.genre-combobox-search{background:#1a1a1a99;border:none;border-bottom:1px solid rgba(51,51,51,.8);color:#d1d5db;font-size:.9rem;padding:12px 14px;width:100%}.genre-combobox-search:focus{border-bottom-color:var(--gold-primary);outline:none}.genre-combobox-search::-moz-placeholder{color:#6b7280}.genre-combobox-search::placeholder{color:#6b7280}.genre-combobox-list{max-height:280px;overflow-y:auto;padding:6px}.genre-combobox-option{align-items:center;border-radius:6px;color:#d1d5db;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.genre-combobox-option:hover{background:#cfa93514;border-color:#cfa93533;color:var(--gold-primary)}.genre-combobox-option:active{background:#cfa9350d}.genre-option-icon{font-size:1.1rem;opacity:.9}.genre-option-label{font-size:.9rem;font-weight:500}.generator-prompt-card{background:linear-gradient(145deg,#161616,#121212);border:1px solid rgba(207,169,53,.2);border-radius:12px;box-shadow:0 4px 24px #0000004d;padding:24px}.prompt-card-header{margin-bottom:18px}.prompt-card-header h3{align-items:center;color:var(--gold-primary);display:flex;font-size:1.125rem;font-weight:700;gap:8px}.prompt-card-icon{align-items:center;display:inline-flex}.prompt-card-icon svg{height:20px;width:20px}.generator-mode-toggle{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.mode-option{align-items:start;background:#1a1a1a99;border:2px solid rgba(51,51,51,.8);border-radius:12px;cursor:pointer;display:grid;gap:0 10px;grid-template-columns:auto 1fr;padding:10px 12px;transition:all .2s}.mode-option:hover{background:#1a1a1acc;border-color:#cfa93566}.mode-option:has(input:checked){background:#cfa93514;border-color:var(--gold-primary);box-shadow:0 0 0 1px #cfa9354d}.mode-radio-wrap{display:flex;position:relative}.mode-option input{cursor:pointer;height:18px;opacity:0;position:absolute;width:18px}.mode-radio{border:2px solid rgba(207,169,53,.5);border-radius:50%;flex-shrink:0;height:18px;margin-top:2px;width:18px}.mode-option:has(input:checked) .mode-radio-wrap .mode-radio{border-color:var(--gold-primary);box-shadow:inset 0 0 0 4px var(--bg-card,#1a1a1a),inset 0 0 0 6px var(--gold-primary)}.mode-content{display:flex;flex-direction:column;gap:2px}.mode-label{color:var(--text-primary);font-size:.95rem;font-weight:700}.mode-desc{color:var(--text-muted);font-size:.8rem;margin-top:4px}.topic-label{font-size:1rem}.language-label,.topic-label{color:var(--gold-primary);font-weight:700}.topic-textarea{background:#1a1a1a99;border:1px solid rgba(51,51,51,.8);border-radius:8px;color:#d1d5db;font-size:.88rem;max-height:80px;min-height:55px;outline:none;padding:8px 10px;resize:vertical;transition:all .2s;width:100%}.topic-textarea::-moz-placeholder{color:#6b7280}.topic-textarea::placeholder{color:#6b7280}.topic-textarea:hover{border-color:#cfa9354d}.topic-textarea:focus{border-color:var(--gold-primary);box-shadow:0 0 0 2px #cfa93526;outline:none}.generator-prompt-card .form-row{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:0}.generator-prompt-card input[type=text],.generator-prompt-card select{background:#1a1a1acc;border:1px solid rgba(51,51,51,.8);border-radius:6px;color:#fff;font-size:.85rem;padding:7px 10px;transition:all .2s}.generator-prompt-card input[type=text]:hover,.generator-prompt-card select:hover{border-color:#cfa9354d}.generator-prompt-card input[type=text]:focus,.generator-prompt-card select:focus{border-color:var(--gold-primary);outline:none}@media (max-width:640px){.generator-prompt-card .form-row{grid-template-columns:1fr}}.generator-cta-section{border-top:1px solid rgba(207,169,53,.15);margin-top:20px;padding-top:20px}#generator-form-wrapper .input-group{margin-bottom:5px}#generator-form-wrapper .input-group label{font-size:.72rem;margin-bottom:2px}.page-generator.language-dropdown-open .studio-layout{overflow:visible}.page-generator #language{cursor:pointer;min-height:40px;position:relative;z-index:10}.selection-btn{font-size:.78rem;padding:7px 6px}#step-section-3{margin-bottom:0;margin-top:0}.page-generator .btn-generate{font-size:.95rem!important;margin-top:6px!important;padding:12px 18px!important}.btn-generate{border-radius:12px;box-shadow:0 4px 20px #cfa93540;font-weight:700;letter-spacing:.03em;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-generate:before{background:linear-gradient(135deg,hsla(0,0%,100%,.25),transparent 50%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.btn-generate:hover:before{opacity:1}.btn-generate:hover:not(:disabled){box-shadow:0 8px 32px #cfa93573}.btn-generate:focus-visible{outline:2px solid var(--gold-primary);outline-offset:4px}.action-btn.primary{background:linear-gradient(135deg,var(--gold-primary) 0,var(--gold-dark) 100%)!important;color:#000!important;font-weight:700}.action-btn.primary:not(:disabled):hover{box-shadow:0 8px 24px #cfa93566;transform:translateY(-2px)}.lyrics-preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.lyrics-preview-title{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;gap:8px}.lyrics-preview-icon{color:var(--gold-primary);height:20px;width:20px}.lyrics-preview-actions{display:flex;flex-direction:row;gap:8px}.lyrics-header-btn{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.lyrics-header-btn .icon-svg{height:16px;width:16px}.lyrics-header-btn:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.mms-edit-lyrics-wrap{padding:20px}.mms-edit-lyrics-wrap h3{color:var(--gold-primary);font-size:1rem;margin-bottom:16px}.mms-edit-lyrics-wrap textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;line-height:1.6;margin-bottom:16px;padding:14px;resize:vertical;width:100%}.mms-edit-lyrics-actions{display:flex;gap:12px}.mms-edit-lyrics-actions .action-btn{flex:1}.lyrics-preview-panel.has-content{border:1px solid rgba(34,197,94,.3);box-shadow:0 0 24px #22c55e14;display:flex;flex:1;flex-direction:column}.lyrics-preview-panel.has-content .lyrics-preview-content{flex:1;max-height:none!important;min-height:400px;overflow-y:auto}.page-generator .studio-actions .action-section:first-child{display:flex;flex:1;flex-direction:column;min-height:0}.page-generator .studio-actions .action-section:last-child{flex-shrink:0}.page-generator .studio-actions .action-section:first-child .lyrics-preview-panel{display:flex;flex:1;flex-direction:column;min-height:250px}.page-generator .studio-actions .action-section:first-child .lyrics-preview-panel .lyrics-preview-content{flex:1}@keyframes proGlow{0%,to{box-shadow:0 0 20px #cfa93526}50%{box-shadow:0 0 30px #cfa9354d}}.generator-steps.ready{animation:proGlow 3s ease-in-out infinite}@media (max-height:900px),(max-width:1400px){.page-generator .page-header{margin-bottom:8px}.page-generator .generator-eyebrow{font-size:.7rem;margin-bottom:4px;padding:3px 8px}.page-generator .generator-page-title{font-size:1.35rem;margin-bottom:2px}.page-generator .generator-page-subtitle{font-size:.8rem;line-height:1.3;margin-bottom:0}.page-generator .generator-steps{margin-bottom:8px;padding:4px 8px}.page-generator .generator-step{font-size:.75rem;padding:6px 8px}.page-generator #generator-form-wrapper .card{margin-bottom:8px;padding:10px 14px}.page-generator #generator-form-wrapper .card-header{margin-bottom:8px}.page-generator #generator-form-wrapper .card-header h3{font-size:.88rem}.page-generator .topic-textarea{font-size:.9rem;max-height:120px;min-height:80px!important}.page-generator .generator-mode-toggle{gap:8px;margin-bottom:8px}.page-generator .mode-option{padding:8px 12px}.page-generator .mode-label{font-size:.85rem}.page-generator .mode-desc{font-size:.72rem}.page-generator .generator-voice-row{margin-bottom:10px}.page-generator .voice-buttons-row{gap:6px;margin-top:6px}.page-generator .btn-option.voice-btn{font-size:.8rem;padding:6px 12px}.page-generator .lyrics-preview-content{max-height:45vh;min-height:280px}.page-generator .selection-btn{font-size:.8rem;padding:8px 12px}.page-generator .selection-btn svg{height:18px;width:18px}.page-generator .btn-generate{font-size:.95rem;padding:12px 20px}}@media (max-height:800px),(max-width:1200px){.page-generator .generator-page-title{font-size:1.2rem}.page-generator .generator-page-subtitle{display:none}.page-generator #generator-form-wrapper .card{margin-bottom:6px;padding:8px 12px}.page-generator .topic-textarea{max-height:100px;min-height:70px!important}.page-generator .lyrics-preview-content{max-height:40vh;min-height:220px}}@media (max-width:768px){.generator-steps{flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:10px 12px}.generator-step{flex:1 1 100%;font-size:.8rem;min-width:0;padding:10px 12px}.generator-page-title{font-size:1.6rem}.generator-page-subtitle{font-size:.9rem}.selection-btn[data-voice]{font-size:.9rem;min-height:48px;padding:10px 14px}.page-generator .generator-page-subtitle{display:block}}@media (max-width:480px){.generator-steps{flex-direction:column}.generator-step{flex:none}.generator-page-title{font-size:1.35rem}}#genreGrid .genre-combobox{max-width:260px}@media (max-width:480px){#genreGrid .genre-combobox{max-width:100%}}