/* BACKLINE CSS: audio preview player. */
.real-player{grid-template-columns:minmax(300px,1.25fr) minmax(310px,1fr) auto;height:72px;}
.player-id{display:flex;align-items:center;gap:9px;min-width:0;}
.player-artwork{width:52px;height:52px;object-fit:cover;border:1px solid #777;filter:grayscale(1) contrast(1.2);}
.player-copy{min-width:0;}
.player-track-meta{display:block;margin-top:3px;color:#aaa;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.player-center{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:7px;min-width:0;}
.player-control{width:36px;height:36px;padding:0;border:1px solid #777;background:#0a0a0a;color:#eee;font-size:17px;cursor:pointer;}
.player-control:hover:not(:disabled){background:#eee;color:#050505;}
.player-control:disabled{opacity:.35;cursor:not-allowed;}
.player-time{font-size:9px;color:#c8c8c0;white-space:nowrap;}
.player-links{display:flex;flex-direction:column;gap:4px;align-items:flex-end;justify-content:center;}
.player-external{display:inline-block;border:1px solid #555;color:#ddd;text-decoration:none;letter-spacing:.06em;}
.player-external:hover{background:#eee;color:#050505;}
.eq-bars.playing i{animation:previewEq .55s steps(4,end) infinite alternate;}
.eq-bars.playing i:nth-child(2n){animation-duration:.38s;}
.eq-bars.playing i:nth-child(3n){animation-duration:.7s;}
@keyframes previewEq{from{transform:scaleY(.35);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
.preview-box{margin:12px 0;padding:10px;border:1px solid #555;background:#050505;}
.preview-box-title{font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:.08em;font-size:13px;}
.preview-hint{margin-top:3px;color:#aaa;font-size:10px;line-height:1.35;}
.preview-artist-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;}
.preview-btn{border:1px solid #777;background:#111;color:#eee;padding:7px 9px;border-radius:2px;cursor:pointer;font-size:10px;font-weight:900;}
.preview-btn:hover{background:#eee;color:#050505;}
.preview-btn:disabled{opacity:.5;cursor:wait;}
.preview-message{display:none;margin-top:8px;padding:7px;border-left:3px solid #777;background:#0b0b0b;color:#bbb;font-size:10px;line-height:1.4;}
.preview-message.show{display:block;}
.preview-message.error{border-left-color:#ff8e8e;color:#ffc1c1;}
.event-actions{display:flex;gap:5px;align-items:center;}
.preview-mini-btn{border:1px solid #666;background:#090909;color:#eee;cursor:pointer;}
.preview-mini-btn:hover{background:#eee;color:#050505;}
@media (max-width:850px){
  .real-player{grid-template-columns:1fr auto;height:auto;}
  .player-center{grid-column:1/-1;grid-row:2;}
  .player-links{grid-column:2;grid-row:1;}
}
@media (max-width:560px){
  .real-player{display:grid;grid-template-columns:1fr;}
  .player-links{grid-column:1;grid-row:auto;align-items:flex-start;flex-direction:row;flex-wrap:wrap;}
  .player-center{grid-column:1;}
}