.page-studio .studio{display:grid;grid-template-columns:1fr 280px;gap:1px;background:var(--bg-elevated);min-height:calc(100vh - 56px)}.page-studio .main-content{background:var(--bg)}.page-studio .upload-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 49px);padding:40px;position:relative}.page-studio .model-nudge{position:absolute;right:24px;top:96px;font-size:12px;color:var(--text-muted);pointer-events:none}@media (max-width:1024px){.page-studio .model-nudge{display:none}}.page-studio .upload-zone{width:100%;max-width:500px;background:var(--bg-elevated);border:2px dashed var(--border);border-radius:8px;padding:60px 40px;text-align:center;cursor:pointer;transition:all .2s}.page-studio .upload-zone:hover{border-color:var(--accent)}.page-studio .upload-zone.dragover{border-color:var(--accent);background:var(--bg)}.page-studio .upload-icon{font-size:32px;margin-bottom:16px;opacity:.5}.page-studio .upload-title{font-family:var(--font-space-grotesk),var(--font-inter),system-ui,-apple-system,sans-serif;font-size:16px;margin-bottom:8px}.page-studio .upload-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:24px}.page-studio .upload-btn{background:var(--accent);color:var(--bg);padding:12px 28px;border-radius:4px;font-size:14px;font-weight:500;border:none;cursor:pointer}.page-studio .upload-limits{margin-top:24px;padding:12px 16px;background:hsla(31,53%,64%,.1);border:1px solid hsla(31,53%,64%,.3);border-radius:6px;font-size:12px;color:var(--text-muted)}.page-studio .upload-limits a{color:var(--accent);text-decoration:none}.page-studio .studio-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:13px}.page-studio .upload-view .studio-notice{width:100%;max-width:500px;margin:0 auto 16px}.page-studio .workspace .studio-notice{margin:12px 20px}.page-studio .studio-notice.info{border-color:color-mix(in oklab,var(--accent) 28%,var(--border));background:color-mix(in oklab,var(--accent) 10%,var(--bg-elevated))}.page-studio .studio-notice.error{border-color:color-mix(in oklab,var(--danger) 35%,var(--border));background:color-mix(in oklab,var(--danger) 10%,var(--bg-elevated))}.page-studio .studio-notice-text{white-space:pre-line}.page-studio .studio-notice-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:18px}.page-studio .studio-notice-close:hover{border-color:color-mix(in oklab,var(--accent) 40%,var(--border));color:var(--text)}.page-studio .workspace{display:none}.page-studio .workspace.active{display:block}.page-studio .transport-bar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.page-studio .transport-controls{display:flex;align-items:center;gap:8px}.page-studio .transport-btn{width:36px;height:36px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.page-studio .transport-btn:hover{background:var(--bg-elevated)}.page-studio .transport-btn.play-btn{width:44px;height:44px;border-radius:8px;background:var(--accent);border-color:var(--accent);color:var(--bg)}.page-studio .transport-btn:disabled{opacity:.5;cursor:not-allowed}.page-studio .transport-btn.play-btn:hover{background:var(--accent-hover)}.page-studio .transport-btn.play-btn.playing{background:var(--danger);border-color:var(--danger)}.page-studio .time-display{font-family:var(--font-space-grotesk),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:14px;color:var(--text-muted);margin-left:auto}.page-studio .track-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.page-studio .track-cover{width:44px;height:44px;background:var(--bg);border-radius:4px;display:flex;align-items:center;justify-content:center}.page-studio .track-info{flex:1;min-width:0}.page-studio .track-name{font-family:var(--font-space-grotesk),var(--font-inter),system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-studio .track-meta{font-size:12px;color:var(--text-muted)}.page-studio .track-actions button{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:4px;font-size:12px;cursor:pointer}.page-studio .track-actions button:hover{border-color:#555}.page-studio .progress-area{padding:40px 24px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--border)}.page-studio .progress-text{font-family:var(--font-space-grotesk),var(--font-inter),system-ui,-apple-system,sans-serif;font-size:16px;margin-bottom:8px}.page-studio .progress-status{font-size:12px;color:var(--text-muted);margin-bottom:20px;text-align:center;max-width:520px;white-space:pre-line}.page-studio .progress-bar{width:100%;max-width:320px;height:3px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.page-studio .progress-fill{height:100%;background:var(--accent);width:0;transition:width .3s}.page-studio .results{display:none}.page-studio .results.active{display:block}.page-studio .results-header{padding:12px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.page-studio .results-title{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.page-studio .results-actions{display:flex;gap:8px}.page-studio .results-actions a,.page-studio .results-actions button{padding:6px 12px;border-radius:4px;font-size:11px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.page-studio .btn-download-all{background:var(--accent);color:var(--bg);border:none}.page-studio .btn-new{background:var(--bg);border:1px solid var(--border);color:var(--text)}.page-studio .tracks-container{background:var(--bg);display:flex;flex-direction:column}.page-studio .time-ruler{height:24px;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;padding-left:180px;position:relative}.page-studio .time-ruler:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 49px,#222 0,#222 50px)}.page-studio .time-ruler-marks{display:flex;justify-content:space-between;width:100%;padding:0 10px;position:relative;z-index:1}.page-studio .time-mark{font-size:9px;color:var(--text-muted);font-family:var(--font-space-grotesk),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.page-studio .track{display:grid;grid-template-columns:140px 1fr 100px;gap:1px;background:var(--bg-elevated);border-bottom:1px solid #1a1a1a;min-height:60px}.page-studio .track.dimmed .track-left,.page-studio .track.dimmed .track-right{opacity:.45}.page-studio .track.dimmed .track-waveform:before,.page-studio .track.dimmed .waveform-canvas{opacity:.35}.page-studio .track-left{background:#141416;display:flex;align-items:center;gap:8px;padding:0 10px;border-right:1px solid var(--border)}.page-studio .track-icon{width:18px;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-studio .track.vocals .track-icon{background:hsla(0,70%,70%,.15);border:1px solid hsla(0,70%,70%,.3)}.page-studio .track.vocals .track-icon svg{color:var(--wave-vocals)}.page-studio .track.instruments .track-icon{background:rgba(125,212,232,.15);border:1px solid rgba(125,212,232,.3)}.page-studio .track.instruments .track-icon svg{color:var(--wave-drums)}.page-studio .track.drums .track-icon{background:rgba(125,212,232,.15);border:1px solid rgba(125,212,232,.3)}.page-studio .track.drums .track-icon svg{color:var(--wave-drums)}.page-studio .track.bass .track-icon{background:hsla(31,53%,64%,.15);border:1px solid hsla(31,53%,64%,.3)}.page-studio .track.bass .track-icon svg{color:var(--wave-bass)}.page-studio .track.other .track-icon{background:rgba(125,232,125,.15);border:1px solid rgba(125,232,125,.3)}.page-studio .track.other .track-icon svg{color:var(--wave-other)}.page-studio .track.guitar .track-icon{background:rgba(255,165,0,.15);border:1px solid rgba(255,165,0,.3)}.page-studio .track.guitar .track-icon svg{color:orange}.page-studio .track.piano .track-icon{background:rgba(180,125,232,.15);border:1px solid rgba(180,125,232,.3)}.page-studio .track.piano .track-icon svg{color:#b47de8}.page-studio .track-left .track-name{font-size:11px;font-weight:500;color:var(--text)}.page-studio .track-waveform{background:linear-gradient(180deg,#0d0d0f,#111);position:relative;overflow:hidden;cursor:crosshair;height:60px}.page-studio .track-waveform:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 49px,#1a1a1a 0,#1a1a1a 50px);pointer-events:none;opacity:.5}.page-studio .track-waveform:hover{background:linear-gradient(180deg,#0f0f11,#131313)}.page-studio .waveform-canvas{width:100%;height:100%;display:block}.page-studio .playhead-container{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--accent);z-index:10;pointer-events:none;transition:left .03s linear}.page-studio .playhead-head{position:absolute;top:-4px;left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--accent)}.page-studio .scrub-indicator{position:absolute;bottom:4px;left:0;background:#1a1a1a;border:1px solid var(--border);border-radius:3px;padding:2px 6px;font-size:10px;color:var(--accent);font-family:var(--font-space-grotesk),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;pointer-events:none;transform:translateX(-50%);opacity:0;transition:opacity .15s;white-space:nowrap}.page-studio .track-waveform:hover .scrub-indicator{opacity:1}.page-studio .track-right{background:#141416;gap:4px;padding:0 8px;border-left:1px solid var(--border)}.page-studio .track-btn,.page-studio .track-right{display:flex;align-items:center;justify-content:center}.page-studio .track-btn{width:26px;height:22px;border-radius:3px;background:#1a1a1a;border:1px solid #2a2a2a;color:var(--text-muted);cursor:pointer;font-size:9px;font-weight:600;transition:all .15s;text-decoration:none}.page-studio .track-btn:hover{background:#252525;color:var(--text);border-color:var(--border)}.page-studio .track-btn.active{color:var(--accent);border-color:hsla(31,53%,64%,.4);background:hsla(31,53%,64%,.1)}.page-studio .track-btn.muted{opacity:.35}.page-studio .track-btn.download-btn{font-size:11px}.page-studio .sidebar{background:var(--bg)}.page-studio .sidebar-section{padding:20px;border-bottom:1px solid var(--border)}.page-studio .sidebar-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:16px}.page-studio .model-options{display:flex;flex-direction:column;gap:8px}.page-studio .model-option{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:12px;cursor:pointer;opacity:.5;pointer-events:none}.page-studio .model-option.available{opacity:1;pointer-events:auto}.page-studio .model-option.selected{border-color:var(--accent)}.page-studio .model-name{font-size:13px;font-weight:500;margin-bottom:4px}.page-studio .model-locked,.page-studio .model-stems{font-size:11px;color:var(--text-muted)}.page-studio .model-locked{display:flex;align-items:center;gap:6px;margin-top:8px}.page-studio .model-locked svg{width:12px;height:12px}.page-studio .history-list{display:flex;flex-direction:column;gap:8px}.page-studio .history-item{gap:10px;padding:10px;border-radius:6px}.page-studio .history-icon,.page-studio .history-item{display:flex;align-items:center;background:var(--bg-elevated)}.page-studio .history-icon{width:28px;height:28px;border-radius:4px;justify-content:center;font-size:11px}.page-studio .history-item.complete .history-icon{background:rgba(122,212,122,.2);color:var(--success)}.page-studio .history-info{flex:1;min-width:0}.page-studio .history-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-studio .history-date{font-size:10px;color:var(--text-muted)}.page-studio .history-download{color:var(--text-muted);cursor:pointer;font-size:14px;text-decoration:none}.page-studio .history-download:hover{color:var(--text)}.page-studio .upgrade-prompt{background:hsla(31,53%,64%,.1);border:1px solid hsla(31,53%,64%,.3);border-radius:8px;padding:16px;text-align:center}.page-studio .upgrade-prompt-title{font-size:12px;font-weight:500;margin-bottom:8px}.page-studio .upgrade-prompt-text{font-size:11px;color:var(--text-muted);margin-bottom:12px}.page-studio .upgrade-prompt a{display:block;background:var(--accent);color:var(--bg);padding:8px 12px;border-radius:4px;font-size:12px;text-decoration:none}.page-studio .modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:1000;align-items:center;justify-content:center}.page-studio .modal.active{display:flex}.page-studio .modal-content{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:32px;width:90%;max-width:400px;text-align:center}.page-studio .modal-title{font-family:var(--font-space-grotesk),var(--font-inter),system-ui,-apple-system,sans-serif;font-size:18px;margin-bottom:12px}.page-studio .modal-text{font-size:13px;color:var(--text-muted);margin-bottom:24px}.page-studio .modal-actions{display:flex;flex-direction:column;gap:12px}.page-studio .modal-actions a{padding:12px;border-radius:4px;font-size:14px;text-decoration:none}.page-studio .modal-actions .primary{background:var(--accent);color:var(--bg)}.page-studio .modal-actions .secondary{background:var(--bg);border:1px solid var(--border);color:var(--text)}.page-studio #fileInput{display:none}@media (max-width:768px){.page-studio .studio{grid-template-columns:1fr}.page-studio .sidebar{display:none}.page-studio .upload-zone{padding:40px 20px}}