/* Version 5.0 — unified, mobile-first One Song Studio */
body[data-version="5.0"] .workflow-bar.v5-hidden{display:none!important}
body[data-version="5.0"] .tabs{justify-content:center;gap:.55rem;padding:.7rem 1rem}
body[data-version="5.0"] .tabs .tab[hidden],body[data-version="5.0"] .mobile-bottom-nav button[hidden]{display:none!important}
body[data-version="5.0"] #voice{max-width:1480px;margin:0 auto;padding-bottom:8rem}
.v5-studio-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.v5-studio-heading h2{font-size:clamp(1.45rem,3vw,2.3rem);margin:.15rem 0}.v5-studio-heading p{max-width:780px}
.v5-song-bar{padding:1rem 1.1rem}.v5-song-bar .form-grid{margin:0}.v5-song-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.v5-song-facts span{display:flex;flex-direction:column;padding:.65rem .75rem;background:rgba(255,255,255,.045);border-radius:.75rem;min-width:0}.v5-song-facts small{font-size:.68rem;letter-spacing:.08em;color:#9ea8bd}.v5-song-facts strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.v5-card-title h3{margin:0 0 .25rem}.v5-card-title p{margin:0;color:#aeb7ca}
.v5-capture{display:grid;gap:.85rem}.v5-capture-actions,.v5-upload-row,.v5-setup-actions,.v5-transport,.v5SectionControls,.v5ChordControls{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.v5-capture-actions button,.v5-capture-actions a{min-height:46px}.v5-upload-row{padding:.7rem;background:rgba(255,255,255,.035);border-radius:.8rem}.v5-upload-row label{flex:1;min-width:240px}.v5-status-dot{padding:.35rem .7rem;border:1px solid rgba(157,140,255,.4);border-radius:999px;color:#d6d0ff}.v5-transcribe-box{border:1px solid rgba(99,221,165,.25);background:rgba(99,221,165,.055);padding:.9rem;border-radius:.9rem}.v5-transcribe-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.v5-transcribe-head div:first-child{display:flex;flex-direction:column}.v5-transcribe-head small{color:#aeb7ca;margin-top:.18rem}.v5-progress{height:8px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:.75rem 0}.v5-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#9d8cff,#63dda5);transition:width .18s}.v5-progress.hidden{display:none}
.v5-setup-strip{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(300px,1.35fr);gap:1rem;align-items:center}.v5-setup-actions{align-items:flex-end}.v5-setup-actions .big-tap{min-width:160px;width:auto}.v5-estimate{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.v5-estimate .estimate-box{flex:1;min-width:260px}.v5-onset{grid-column:1/-1;padding:.65rem .8rem;border-radius:.7rem;background:rgba(255,200,106,.08);border:1px solid rgba(255,200,106,.18)}
.v5-timeline-card{position:relative;overflow:visible}.v5-transport{position:sticky;top:0;z-index:20;margin:.9rem 0;padding:.7rem;background:rgba(11,14,22,.94);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:.85rem}.v5-transport audio{display:none}.v5-transport input[type=range]{flex:1;min-width:160px}.v5-transport label{min-width:170px}.v5-timeline-toolbar{display:flex;justify-content:space-between;gap:.8rem;align-items:center;margin-bottom:.65rem}.v5-zoom{display:flex;align-items:center;gap:.45rem}.v5-zoom label{display:flex;align-items:center;gap:.45rem}.v5-zoom input{width:min(220px,35vw)}
.v5-timeline-scroll{position:relative;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid rgba(255,255,255,.1);border-radius:.9rem;background:#0b0e16;scrollbar-color:#6654b9 #141824}.v5-timeline-content{position:relative;min-width:760px;padding-left:112px;transition:width .12s}.v5-time-ruler{height:28px;position:relative;border-bottom:1px solid rgba(255,255,255,.08)}.v5-ruler-tick{position:absolute;top:5px;transform:translateX(-50%);font-size:.68rem;color:#8f99ad}.v5-ruler-tick:after{content:"";position:absolute;top:17px;left:50%;height:6px;border-left:1px solid rgba(255,255,255,.2)}
.v5-track{position:relative;min-height:52px;border-bottom:1px solid rgba(255,255,255,.075)}.v5-track-label{position:absolute;left:-112px;top:0;bottom:0;width:112px;display:flex;align-items:center;padding-left:.65rem;background:#111521;border-right:1px solid rgba(255,255,255,.08);font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#aab4c8;z-index:5}.v5-track-area{position:absolute;inset:0;cursor:crosshair}.v5-wave-track{height:154px}.v5-wave-host{height:150px;position:relative;overflow:hidden}.v5-wave-host canvas{display:block;height:150px!important;touch-action:none}.v5-wave-host .waveform-empty{inset:0}.v5-marker-track{height:58px}.v5-lyric-track{height:66px}.v5-drum-track{height:52px}.v5-marker{position:absolute;top:9px;transform:translateX(-5px);z-index:6;min-height:38px;padding:.4rem .7rem;border-radius:.7rem;touch-action:none;white-space:nowrap;box-shadow:0 6px 15px rgba(0,0,0,.25)}.v5-section-marker{background:#4d381d;border-color:#b77c32;color:#ffe2a9}.v5-chord-marker{background:#362d73;border-color:#9d8cff;color:#fff;font-size:.95rem;font-weight:800}.v5-lyric-marker{position:absolute;top:10px;max-width:180px;transform:translateX(-3px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#193e36;border:1px solid #3d9e84;color:#caffef;border-radius:.55rem;padding:.35rem .55rem}.v5-drum-block{position:absolute;top:8px;height:35px;min-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.55rem;padding:.25rem .45rem}.v5-drum-block.has-drums{background:#49344d;border-color:#a36da7;color:#ffe6ff}.v5-drum-block.no-drums{background:#202430;color:#444b5d;color:#a0a9bb}.v5-playhead{position:absolute;top:28px;bottom:0;width:2px;background:#fff;z-index:12;pointer-events:none;box-shadow:0 0 8px rgba(255,255,255,.75)}.v5-opening-silence{position:absolute;left:112px;top:28px;bottom:0;background:repeating-linear-gradient(135deg,rgba(255,99,99,.12),rgba(255,99,99,.12) 8px,rgba(255,99,99,.04) 8px,rgba(255,99,99,.04) 16px);z-index:1;pointer-events:none;border-right:1px solid rgba(255,99,99,.5)}.v5-opening-silence.hidden{display:none}.v5-add-bars{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem}.v5-add-bar{padding:.8rem;border-radius:.8rem;background:rgba(255,255,255,.035);display:grid;gap:.5rem}.v5-add-bar>div{display:flex;flex-wrap:wrap;gap:.5rem}.v5-add-bar small{color:#9ea8bd}.v5-fullscreen{position:fixed!important;inset:.5rem!important;z-index:5000!important;overflow:auto!important;margin:0!important;background:#0d111a!important}.v5-fullscreen .v5-timeline-scroll{height:calc(100vh - 250px)}
.v5-lyrics-pairs{display:grid;gap:.65rem;margin-top:.9rem}.v5-lyric-pair{display:grid;gap:.25rem;padding:.65rem .75rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:.8rem}.v5-chord-row{display:flex;align-items:center;gap:.45rem;min-height:32px}.v5-lyric-time{font-size:.72rem;padding:.25rem .45rem}.v5-inline-chord{font-weight:850;color:#e7e1ff;background:#322969;border-color:#7866d4}.v5-line-menu{margin-left:auto}.v5-lyric-input{width:100%;resize:vertical;min-height:52px;border:0;background:transparent;font-size:1.08rem;line-height:1.5;padding:.2rem;color:#fff}.v5-lyric-input:focus{outline:1px solid rgba(157,140,255,.45);border-radius:.45rem}.v5-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;border:1px dashed rgba(255,255,255,.16);border-radius:.8rem;color:#aeb7ca}.v5-empty-state strong{color:#fff}.v5-raw-lyrics{margin-top:1rem}.v5-raw-lyrics textarea{width:100%;margin-top:.6rem}
.v5-drums-card #v5DrumControls{display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end;margin-top:.8rem}.v5-drum-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.v5-drum-summary-chip{display:flex;flex-direction:column;align-items:flex-start;min-height:62px}.v5-drum-summary-chip small{color:#9ca6ba}.v5-drum-summary-chip.active{border-color:#a36da7;background:rgba(163,109,167,.13)}.v5-finish-row{display:flex;justify-content:flex-end}.v5-legacy-hidden{display:none!important}
body[data-version="5.0"] #song,body[data-version="5.0"] #chords,body[data-version="5.0"] #melody,body[data-version="5.0"] #drums{display:none}
body[data-version="5.0"] #song.active,body[data-version="5.0"] #chords.active,body[data-version="5.0"] #melody.active,body[data-version="5.0"] #drums.active{display:block}
@media(max-width:780px){
  body[data-version="5.0"] main{padding:.65rem}.v5-studio-heading{flex-direction:column}.v5-studio-heading .version-inline{align-self:flex-start}.v5-song-facts{grid-template-columns:1fr 1fr}.v5-capture,.v5-setup-strip,.v5-timeline-card,.v5-lyrics-card,.v5-drums-card{border-radius:.9rem;padding:.85rem}.v5-transcribe-head{flex-direction:column}.v5-setup-strip{grid-template-columns:1fr}.v5-setup-actions{display:grid;grid-template-columns:1fr 1fr}.v5-setup-actions button,.v5-setup-actions label{min-height:46px}.v5-estimate{display:grid}.v5-transport{top:0;display:grid;grid-template-columns:1fr 1fr}.v5-transport label{min-width:0}.v5-transport #workspacePlayBtn,.v5-transport #workspaceStopBtn{min-height:48px}.v5-transport #audioScrubber{grid-column:1/-1;width:100%}.v5-transport #workspaceNowPlaying{grid-column:1/-1}.v5-timeline-toolbar{align-items:stretch;flex-direction:column}.v5-zoom{justify-content:space-between}.v5-zoom label{flex:1}.v5-zoom input{width:100%}.v5-timeline-content{padding-left:82px;min-width:620px}.v5-track-label{left:-82px;width:82px;font-size:.61rem;padding-left:.4rem}.v5-opening-silence{left:82px}.v5-add-bars{grid-template-columns:1fr}.v5-add-bar>div{display:grid;grid-template-columns:1fr 1fr}.v5-add-bar select,.v5-add-bar button{width:100%;min-height:46px}.v5-card-title{align-items:stretch;flex-direction:column}.v5-card-title>button{align-self:flex-start}.v5-drum-summary{grid-template-columns:1fr 1fr}.v5-lyric-input{font-size:1rem}.v5-marker{min-height:44px}.v5-lyric-marker{max-width:125px;min-height:40px}.v5-finish-row button{width:100%;min-height:50px}.v5-fullscreen{inset:0!important;border-radius:0!important}.v5-fullscreen .v5-timeline-scroll{height:calc(100vh - 320px)}
}
@media(max-width:430px){.v5-song-facts{grid-template-columns:1fr}.v5-setup-actions{grid-template-columns:1fr}.v5-transport{grid-template-columns:1fr 1fr}.v5-transport label{grid-column:span 1}.v5-upload-row{align-items:stretch;flex-direction:column}.v5-upload-row label{min-width:0}.v5-drum-summary{grid-template-columns:1fr 1fr}.v5-add-bar>div{grid-template-columns:1fr}.v5-transcribe-box .row button{flex:1 1 100%}}