/* LYRIC ROOM — right-side MR transport. Presentation only. */
.guide-heading{flex-wrap:wrap}
.guide-heading > div:first-child{min-width:120px;flex:1 1 135px}
.guide-heading-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.guide-transport{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
.guide-transport-play{
  width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;
  border-radius:50%;border:1px solid #f0a6b1;
  background:#ed96a3;color:#2a1b23;font-size:17px;font-weight:850;
  cursor:pointer;transition:background .15s ease,transform .15s ease;
}
.guide-transport-play:hover{background:#ffb2bb;transform:translateY(-1px)}
.guide-transport-play:focus-visible{outline:2px solid #ffd0d6;outline-offset:3px}
.guide-transport-play[data-mode="loading"]{background:#52404a;color:#ffe3eb;border-color:#9a6c79;cursor:progress}
.guide-transport-play[data-mode="error"]{background:#5a353b;color:#ffdfe4;border-color:#ec8b9b}
.guide-transport-time{color:#d9c3ca;font-size:12px;font-weight:750;min-width:3.1em;text-align:right}
@media(max-width:760px){
  .guide-heading-actions{gap:7px}
  .guide-transport-play{width:36px;height:36px}
  .guide-transport-time{font-size:11px}
}