.player { position: fixed; inset: auto 0 0; z-index: 3; display: grid; height: 90px; grid-template-columns: minmax(150px, 1fr) minmax(240px, 2fr) minmax(150px, 1fr); align-items: center; gap: 20px; padding: 12px 28px; border-top: 1px solid var(--line); background: rgb(15 15 20 / 96%); backdrop-filter: blur(14px); }
.current-track { display: flex; min-width: 0; align-items: center; gap: 11px; color: #e6e5eb; font-size: 12px; }
.current-track > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.current-track .cover-mark { width: 40px; height: 40px; }
audio { width: 100%; height: 42px; }
.player video { width: 100%; height: 100%; max-height: 180px; min-height: 0; grid-column: 1 / -1; border-radius: 5px; background: #000; }
.player audio[hidden], .player video[hidden] { display: none; }
.player.video-active { height: 230px; grid-template-rows: 38px 1fr; }
.player-caption { color: #777680; font-size: 9px; font-weight: 700; letter-spacing: 1.5px; text-align: right; }