: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}