/* ================= MEDIA STABLE V2 ================= */

/* YouTube research */
#p-youtube .yt-search-form{grid-template-columns:minmax(0,1fr) 118px auto!important}
#p-youtube .yt-duration-select{
  height:48px;border:1px solid rgba(35,62,47,.11);border-radius:14px;background:#fff;
  padding:0 11px;font:700 9px DM Sans,sans-serif;color:#536c5f;outline:none
}
#p-youtube .yt-duration-select:focus{border-color:#9ab87e;box-shadow:0 0 0 3px rgba(154,184,126,.10)}
#p-youtube .yt-quick-searches{
  grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;margin-top:-7px
}
#p-youtube .yt-quick-searches button{
  border:1px solid rgba(39,67,51,.08);border-radius:999px;background:rgba(255,255,255,.66);
  color:#60766a;font:800 8px DM Sans,sans-serif;padding:7px 9px;transition:.2s ease
}
#p-youtube .yt-quick-searches button:hover{background:#1f3b2d;color:#eff6ea;border-color:#1f3b2d;transform:translateY(-1px)}
#p-youtube .yt-account-playlists{margin:24px 0}
#p-youtube .yt-account-playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
#p-youtube .yt-account-playlist{
  padding:0;border:1px solid rgba(30,55,41,.08);border-radius:17px;overflow:hidden;background:#fbfcf7;
  text-align:left;color:#264235;box-shadow:0 9px 26px rgba(25,48,35,.04);transition:.25s cubic-bezier(.16,1,.3,1)
}
#p-youtube .yt-account-playlist:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(25,48,35,.08)}
#p-youtube .yt-account-playlist img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e6ece2}
#p-youtube .yt-account-playlist div{padding:10px 11px 12px}
#p-youtube .yt-account-playlist b{display:block;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#p-youtube .yt-account-playlist small{display:block;font-size:7.8px;color:#839289;margin-top:4px}

/* Spotify playlist browser */
#p-soundscape .spotify-playlist-browser{
  margin-top:12px;padding:12px;border:1px solid #e1e9dd;border-radius:15px;background:#f8faf5
}
#p-soundscape .spotify-playlist-browser[hidden]{display:none!important}
#p-soundscape .spotify-playlist-browser-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px
}
#p-soundscape .spotify-playlist-browser-head span{
  display:block;font-size:7px;letter-spacing:1.4px;font-weight:900;color:#8a9a91;margin-bottom:3px
}
#p-soundscape .spotify-playlist-browser-head b{font-size:11px;color:#294638}
#p-soundscape .spotify-playlist-browser-head a{
  font-size:8px;font-weight:800;color:#54705e;text-decoration:none
}
#p-soundscape .spotify-embed-shell{
  min-height:152px;border-radius:13px;overflow:hidden;background:#121a15;margin-bottom:10px
}
#p-soundscape .spotify-embed-shell[hidden]{display:none!important}
#p-soundscape .spotify-embed-shell iframe{display:block;width:100%!important;border:0!important}
#p-soundscape .playlist-chip{position:relative}
#p-soundscape .playlist-chip[data-sp-playlist-card]{cursor:pointer}
#p-soundscape .playlist-chip .spotify-open-hint{
  display:block;margin-top:7px;color:#779083;font-size:7.5px;font-weight:800
}

/* Proper seek control — visible knob, same bar underneath */
.music-dock .dock-progress{
  position:relative!important;height:5px!important;overflow:visible!important;background:rgba(240,248,237,.12)!important
}
.music-dock .dock-progress input[type="range"]{
  -webkit-appearance:none;appearance:none;position:absolute!important;left:0!important;right:0!important;top:-8px!important;
  width:100%!important;height:21px!important;margin:0!important;opacity:1!important;background:transparent!important;
  cursor:pointer;z-index:4;touch-action:none
}
.music-dock .dock-progress input[type="range"]::-webkit-slider-runnable-track{height:5px;background:transparent}
.music-dock .dock-progress input[type="range"]::-moz-range-track{height:5px;background:transparent}
.music-dock .dock-progress input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#b9ec6b;
  border:2px solid #173024;margin-top:-4px;box-shadow:0 2px 8px rgba(0,0,0,.28);opacity:0;transition:opacity .18s ease,transform .18s ease
}
.music-dock .dock-progress input[type="range"]::-moz-range-thumb{
  width:10px;height:10px;border-radius:50%;background:#b9ec6b;border:2px solid #173024;opacity:0
}
.music-dock:hover .dock-progress input[type="range"]::-webkit-slider-thumb,
.music-dock .dock-progress.seeking input[type="range"]::-webkit-slider-thumb{opacity:1}
.music-dock:hover .dock-progress input[type="range"]::-moz-range-thumb,
.music-dock .dock-progress.seeking input[type="range"]::-moz-range-thumb{opacity:1}
.music-dock .dock-progress.seeking input[type="range"]::-webkit-slider-thumb{transform:scale(1.12)}

@media(max-width:1000px){
  #p-youtube .yt-search-form{grid-template-columns:1fr 118px!important}
  #p-youtube .yt-search-form .btn{grid-column:1/-1}
  #p-youtube .yt-account-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  #p-youtube .yt-search-form{grid-template-columns:1fr!important}
  #p-youtube .yt-duration-select{width:100%}
  #p-youtube .yt-account-playlist-grid{grid-template-columns:1fr 1fr}
}