/* V105: icon-only controls, no surrounding colored squares. */
html body.studio-app #player.player .player-buttons > button,
html body.studio-app #player.player .player-buttons > button:is(:hover,:focus,:focus-visible,:active),
html body.studio-app #player.player .player-volume > button,
html body.studio-app #player.player .player-volume > button:is(:hover,:focus,:focus-visible,:active){
 background:transparent!important;background-color:transparent!important;background-image:none!important;
 border:1px solid transparent!important;box-shadow:none!important;
 outline:0!important;filter:none!important;text-shadow:none!important;
 transform:none!important;transition:color .18s ease!important;
 color:var(--player-gold,#d8b47b)!important;
}
html body.studio-app #player.player .player-buttons > button::before,
html body.studio-app #player.player .player-buttons > button::after,
html body.studio-app #player.player .player-volume > button::before,
html body.studio-app #player.player .player-volume > button::after{
 content:none!important;display:none!important;
}
html body.studio-app #player.player .player-buttons > button svg,
html body.studio-app #player.player .player-volume > button svg{
 color:#d8b47b!important;stroke:currentColor!important;
 transition:filter .18s ease,color .18s ease!important;
 filter:none!important;
}
html body.studio-app #player.player .player-buttons > button:is(:hover,:focus-visible,:active) svg,
html body.studio-app #player.player .player-volume > button:is(:hover,:focus-visible,:active) svg{
 color:#ffe2a5!important;
 filter:drop-shadow(0 0 4px rgba(255,216,143,.85)) drop-shadow(0 0 9px rgba(230,176,88,.5))!important;
}
/* Filled transport SVGs should remain filled after resetting legacy styles. */
html body.studio-app #player.player #prevTrack svg,
html body.studio-app #player.player #nextTrack svg{stroke:none!important;fill:currentColor!important;}
/* Volume slider: golden line and knob, no blue surrounding container. */
html body.studio-app #player.player .player-volume,
html body.studio-app #player.player .player-volume:is(:hover,:focus,:focus-within,:active){
 background:transparent!important;background-color:transparent!important;background-image:none!important;
 border:0!important;box-shadow:none!important;outline:0!important;
 padding:0!important;gap:7px!important;
}
html body.studio-app #player.player .player-volume::before,
html body.studio-app #player.player .player-volume::after{
 content:none!important;display:none!important;
}
html body.studio-app #player.player #playerVolume,
html body.studio-app #player.player #playerVolume:is(:hover,:focus,:focus-visible,:active){
 -webkit-appearance:none!important;appearance:none!important;
 display:block!important;opacity:1!important;visibility:visible!important;
 width:clamp(42px,14vw,66px)!important;min-width:35px!important;
 height:6px!important;border:0!important;border-radius:99px!important;
 padding:0!important;margin:0!important;outline:0!important;box-shadow:none!important;
 background:linear-gradient(to right,#e9c98b 0%,#d9af69 var(--volume-fill,80%),#34567d var(--volume-fill,80%),#34567d 100%)!important;
 background-size:100% 100%!important;cursor:pointer!important;
}
html body.studio-app #player.player #playerVolume::-webkit-slider-runnable-track{height:6px!important;border:0!important;background:transparent!important;border-radius:99px!important;}
html body.studio-app #player.player #playerVolume::-webkit-slider-thumb{
 -webkit-appearance:none!important;appearance:none!important;width:14px!important;height:14px!important;
 margin-top:-4px!important;border-radius:50%!important;background:#e7bc79!important;
 border:2px solid #f7e7c6!important;box-shadow:0 1px 4px rgba(0,0,0,.3)!important;
}
html body.studio-app #player.player #playerVolume::-moz-range-track{height:6px!important;background:#34567d!important;border-radius:99px!important;border:0!important;}
html body.studio-app #player.player #playerVolume::-moz-range-progress{height:6px!important;background:#d9af69!important;border-radius:99px!important;}
html body.studio-app #player.player #playerVolume::-moz-range-thumb{width:12px!important;height:12px!important;background:#e7bc79!important;border:2px solid #f7e7c6!important;border-radius:50%!important;}
@media(max-width:1024px){html body.studio-app #player.player.minimized #playerVolume{display:none!important;visibility:hidden!important;width:0!important;min-width:0!important;}}