/* Version 5.1 — reliability and integration presentation */
.v51-workflow-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;position:sticky;top:76px;z-index:22;padding:.65rem;background:rgba(15,18,28,.94);backdrop-filter:blur(16px)}
.v51-workflow-bar button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.05rem .45rem;align-items:center;text-align:left;padding:.65rem;border-radius:14px}
.v51-workflow-bar button>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#2b3044;font-weight:800}
.v51-workflow-bar button strong{font-size:.88rem}.v51-workflow-bar button small{font-size:.7rem;color:var(--muted)}
.v51-workflow-bar button.done{border-color:#61d9a5;background:rgba(97,217,165,.08)}.v51-workflow-bar button.done>span{background:#61d9a5;color:#07130d}
.v51-transcription-options{display:flex;gap:.7rem;align-items:end;flex-wrap:wrap;margin:.75rem 0}.v51-transcription-options label{min-width:min(100%,360px)}
.v51-privacy-note{font-size:.78rem;color:var(--muted);margin:.25rem 0 .75rem;line-height:1.45}
.v51-compact-label{min-width:150px}.v51-playback-health{padding:.38rem .65rem;border-radius:999px;background:#202536;color:#a8f0cf;font-size:.78rem;font-weight:700}
.v51-lyric-card{border:1px solid #30364c;border-radius:16px;padding:.75rem;background:linear-gradient(180deg,rgba(31,36,52,.92),rgba(22,26,39,.92));transition:.16s ease}
.v51-lyric-card.current{border-color:#9d86ff;box-shadow:0 0 0 2px rgba(157,134,255,.18);transform:translateY(-1px)}
.v51-line-header{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-bottom:.5rem}.v51-line-header .v5-inline-chord{font-size:1rem;font-weight:850;min-width:80px}
.v51-inversion-buttons{display:flex;gap:.25rem}.v51-inversion-buttons button{padding:.38rem .55rem;font-size:.75rem}.v51-inversion-buttons button.active{background:#8f79ff;color:white;border-color:#b3a4ff}
.v51-hear-line{margin-left:auto}.v51-line-actions{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.45rem}.v51-line-actions button{padding:.4rem .6rem;font-size:.74rem}
.v5-chord-marker.current{box-shadow:0 0 0 3px rgba(255,214,102,.35);transform:translateX(-50%) scale(1.08);z-index:7}
.v51-drum-section{display:grid;grid-template-columns:90px 1fr auto;gap:.55rem;align-items:center;border:1px solid #30364c;border-radius:14px;padding:.55rem .65rem;background:#171b28}
.v51-drum-choice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}.v51-drum-choice button{padding:.42rem .4rem;font-size:.72rem}.v51-drum-choice button.active{background:#7f6df2;color:white;border-color:#a899ff}.v51-preview-section{padding:.42rem .65rem}
#v5DrumSummary{display:grid;gap:.45rem;margin-top:.65rem}
.v5-marker{touch-action:none}.v5-timeline-scroll{overscroll-behavior-x:contain}.v5-track-area{touch-action:pan-y}
@media(max-width:760px){
  .v51-workflow-bar{top:0;grid-template-columns:repeat(5,1fr);padding:.4rem;gap:.25rem;border-radius:0;margin-inline:-1rem}
  .v51-workflow-bar button{display:flex;flex-direction:column;text-align:center;justify-content:center;gap:.1rem;padding:.42rem .2rem;min-height:58px}.v51-workflow-bar button>span{width:23px;height:23px;font-size:.72rem}.v51-workflow-bar button strong{font-size:.7rem}.v51-workflow-bar button small{font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62px}
  .v5-capture,.v5-setup-strip,.v5-timeline-card,.v5-lyrics-card,.v5-drums-card{scroll-margin-top:72px}
  .v51-line-header{display:grid;grid-template-columns:auto minmax(82px,1fr);align-items:center}.v51-inversion-buttons{grid-column:1/3}.v51-hear-line{grid-column:1/3;margin:0;width:100%}
  .v51-line-actions{display:grid;grid-template-columns:1fr 1fr}.v51-line-actions button{min-height:42px}
  .v51-drum-section{grid-template-columns:1fr auto}.v51-drum-choice{grid-column:1/3;grid-template-columns:repeat(4,1fr)}
  .v51-transcription-options{display:grid;grid-template-columns:1fr}.v51-transcription-options label{min-width:0}
  .v5-timeline-content{min-width:880px}.v5-track-label{position:sticky;left:0;z-index:5;background:#151927}
}
.v51-toggle-all{display:none;margin:.35rem auto .7rem;font-size:.75rem;padding:.42rem .75rem}
.v51-stage-nav{display:none;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #30364c}.v51-stage-nav span{font-size:.75rem;color:var(--muted)}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .v51-toggle-all{display:block;position:sticky;top:61px;z-index:21}
  body.v51-guided-phone .v5-capture,body.v51-guided-phone .v5-lyrics-card,body.v51-guided-phone .v5-setup-strip,body.v51-guided-phone .v5-timeline-card,body.v51-guided-phone .v5-drums-card{display:none}
  body.v51-guided-phone .v51-stage-active{display:block!important}
  body.v51-guided-phone .v51-stage-nav{display:flex}
  body.v51-guided-phone #voice>.v5-song-bar{display:block}
  #v51WorkflowBar button.active{outline:2px solid #b6a7ff;background:rgba(145,124,255,.14)}
}
