.group-hero-player { margin-left:auto; width:min(100%,310px); min-width:0; flex:1 1 210px; max-width:310px; padding:10px; border:1px solid rgba(255,248,235,.24); border-radius:8px; background:rgba(255,248,235,.08); }
.group-hero-player label { display:block; margin-bottom:5px; color:#ffdb99; font-size:.78rem; font-weight:800; }
.group-hero-player select { display:block; width:100%; min-width:0; color:#271c16; background:#fff7e8; border-radius:5px; padding:5px; font:inherit; font-size:.83rem; }
.group-hero-player audio { display:block; width:100%; height:36px; margin-top:7px; }
.group-hero-player p { font-size:.8rem; margin:5px 0 0; }
@media (max-width:420px) { .group-hero-player { flex-basis:100%; margin-left:0; max-width:none; } }

.group-hero-player { width:100%; max-width:none; margin:0; box-sizing:border-box; }
.group-hero-player [hidden] { display:none !important; }
.group-hero-player .hero-track-count { color:#f5ead7; font-weight:500; }
.hero-player-buttons { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.hero-player-buttons button { flex:1 1 auto; min-height:36px; padding:5px 9px; border:1px solid #e9c997; border-radius:5px; background:#33261e; color:#fff8eb; font-size:.84rem; cursor:pointer; }
.hero-player-buttons button:first-child,.hero-player-buttons button[aria-pressed="true"] { background:#ffdb99; color:#271c16; }
.hero-player-buttons button:focus-visible,.group-hero-player select:focus-visible,.hero-player-progress input:focus-visible { outline:2px solid #ffdb99; outline-offset:2px; }
.hero-player-progress { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:7px; margin-top:5px; color:#fff8eb; font-size:.75rem; font-variant-numeric:tabular-nums; }
.hero-player-progress input { width:100%; min-width:0; margin:0; accent-color:#ffdb99; }
@media(max-width:480px) { .hero-player-buttons button { min-height:44px; } }
.artist-hero__content .group-hero-player { margin-top:16px; max-width:520px; background:#33261e; color:#fff8eb; }