/* CANTAIMY v7.6.79 — desktop player visual alignment to the approved guide */
@media (min-width:821px){
  .player-refresh-v765 .player-buttons{
    height:50px!important;
    gap:12px!important;
    align-items:center!important;
  }

  .player-refresh-v765 .player-buttons button:not(.play){
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(255,255,255,.025)!important;
    color:#eef0ff!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    line-height:1!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  .player-refresh-v765 .player-buttons button:not(.play):hover{
    border-color:rgba(121,98,255,.50)!important;
    background:rgba(112,79,255,.08)!important;
  }

  .player-refresh-v765 .player-buttons .play{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    line-height:1!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
  }

  /* Guide-style crossed-arrow shuffle icon. */
  .player-refresh-v765 #shuffleBtn{
    font-size:0!important;
  }
  .player-refresh-v765 #shuffleBtn::before{
    content:"";
    width:18px;
    height:18px;
    display:block;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3h5v5'/%3E%3Cpath d='M4 20 21 3'/%3E%3Cpath d='M21 16v5h-5'/%3E%3Cpath d='m15 15 6 6'/%3E%3Cpath d='m4 4 5 5'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3h5v5'/%3E%3Cpath d='M4 20 21 3'/%3E%3Cpath d='M21 16v5h-5'/%3E%3Cpath d='m15 15 6 6'/%3E%3Cpath d='m4 4 5 5'/%3E%3C/svg%3E") center/contain no-repeat;
  }

  /* Normalize the visual centering of previous / next / repeat. */
  .player-refresh-v765 #prevBtn,
  .player-refresh-v765 #nextBtn,
  .player-refresh-v765 #repeatBtn{
    font-family:Inter,Arial,sans-serif!important;
    font-size:16px!important;
    line-height:1!important;
  }
  .player-refresh-v765 #prevBtn{padding-right:2px!important}
  .player-refresh-v765 #nextBtn{padding-left:2px!important}
  .player-refresh-v765 #repeatBtn{font-size:19px!important}

  /* Heart and right-side actions now sit on the exact same control baseline. */
  .player-refresh-v765 .player-favorite-refresh{
    align-self:center!important;
    transform:translateY(-11px)!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    line-height:1!important;
  }
  .player-refresh-v765 .player-right-refresh{
    transform:translateY(-11px)!important;
  }
  .player-refresh-v765 .player-right-refresh .player-mini-action{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    line-height:1!important;
  }

  /* Keep progress and timing on the lower row, clearly separated from controls. */
  .player-refresh-v765 .player-progress-row{
    margin-top:1px!important;
  }

  /* Active utility mode keeps guide-style button shape. */
  .player-refresh-v765 .player-utility-btn.active{
    color:#00ddff!important;
    border-color:rgba(0,221,255,.55)!important;
    background:rgba(0,221,255,.09)!important;
    box-shadow:0 0 16px rgba(0,221,255,.10)!important;
  }
}