/* 495: place the listening state above the discovery rail. */
body.single-player-ui .works{
  display:flex!important;
  flex-direction:column!important;
}
body.single-player-ui .player-bar{
  order:1!important;
}
body.single-player-ui .rail-viewport{
  order:2!important;
  width:100%!important;
  flex:0 0 auto!important;
}
body.single-player-ui .video-toggle{
  display:none!important;
}
body.single-player-ui .player-bar.is-idle{
  margin:0 clamp(16px,5.15vw,84px) 3px!important;
  padding-top:0!important;
  transform:none!important;
}
body.single-player-ui .player-bar:not(.is-idle){
  display:grid!important;
  grid-template-columns:minmax(150px,.8fr) auto minmax(280px,1.8fr)!important;
  grid-template-areas:"state collection dock"!important;
  column-gap:16px!important;
  row-gap:4px!important;
  margin:0 clamp(16px,5.15vw,84px) 5px!important;
  padding:0!important;
  align-items:center!important;
}
body.single-player-ui .player-bar:not(.is-idle) .main-insight-settings{
  display:none!important;
}
body.single-player-ui .player-bar:not(.is-idle) .player-state{
  grid-area:state!important;
  cursor:pointer!important;
  min-height:42px!important;
  line-height:42px!important;
  color:rgba(250,249,244,.88)!important;
}
body.single-player-ui .player-bar:not(.is-idle) .player-state:hover .player-title,
body.single-player-ui .player-bar:not(.is-idle) .player-state:focus-visible .player-title{
  color:#fff!important;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
body.single-player-ui .player-bar:not(.is-idle) .player-collection{
  grid-area:collection!important;
}
body.single-player-ui .player-bar:not(.is-idle) #player-controls-dock{
  grid-area:dock!important;
}
body.single-player-ui .player-bar:not(.is-idle) .works-selector{
  min-height:42px!important;
  height:42px!important;
}
/* Compact artwork header: same visual rhythm, less empty air. */
body.single-player-ui .player-video-panel{
  gap:3px!important;
}
body.single-player-ui .player-video-dragzone{
  height:34px!important;
  min-height:34px!important;
  gap:8px!important;
}
body.single-player-ui #video-title{
  line-height:1.2!important;
}
body.single-player-ui #player-close,
body.single-player-ui #player-expanded-browse{
  min-width:36px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 4px!important;
}
body.single-player-ui .player-head-actions{
  gap:4px!important;
}
body.single-player-ui .player-video-dragzone .panel-source-link{
  min-height:34px!important;
  height:34px!important;
}
@media(max-width:760px){
  body.single-player-ui .player-bar.is-idle{
    margin:0 16px 2px!important;
  }
  body.single-player-ui .player-bar:not(.is-idle){
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"state collection" "dock dock"!important;
    column-gap:8px!important;
    row-gap:2px!important;
    margin:0 16px 3px!important;
  }
  body.single-player-ui .player-bar:not(.is-idle) .player-state{
    min-height:38px!important;
    line-height:38px!important;
    font-size:15px!important;
  }
  body.single-player-ui .player-video-dragzone{
    height:40px!important;
    min-height:40px!important;
  }
  body.single-player-ui #player-close,
  body.single-player-ui #player-expanded-browse{
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
  body.single-player-ui .player-video-dragzone .panel-source-link{
    min-height:40px!important;
    height:40px!important;
  }
}