/* VW_WATCH_TOGETHER_PREMIUM_PLAYLIST_MANAGER_V3_8R3
   One authoritative playlist UI layer.
   Replaces the legacy playlist-actions-compact / premium-compact / multi-playlists
   presentation without changing server, DB or playback authority.
*/

.playlist-main-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}
.playlist-main-btn>span{
  min-width:20px!important;
  height:20px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  font-size:10px!important;
}

/* Keep media drawers floating instead of changing page layout. */
#libraryDrawer{
  left:0!important;
  right:auto!important;
  border-left:0!important;
  border-right:1px solid rgba(255,255,255,.09)!important;
  box-shadow:26px 0 76px rgba(0,0,0,.48)!important;
}
#soundtrackDrawer{
  right:0!important;
  left:auto!important;
  border-right:0!important;
  border-left:1px solid rgba(255,255,255,.09)!important;
  box-shadow:-26px 0 76px rgba(0,0,0,.48)!important;
}
#libraryDrawer.hidden,#soundtrackDrawer.hidden{display:none!important}

/* One deterministic content order on desktop and mobile. */
#libraryDrawer,#soundtrackDrawer{
  display:flex;
  flex-direction:column;
}
#libraryDrawer>.drawer-head,#soundtrackDrawer>.drawer-head{order:0}
#libraryDrawer>.playlist-manager-v3,#soundtrackDrawer>.playlist-manager-v3{order:1}
#libraryDrawer>.gallery-section-head,#soundtrackDrawer>.gallery-section-head{order:2}
#libraryDrawer>.gallery-list,#soundtrackDrawer>.gallery-list{order:3}
#libraryDrawer>#libraryAddForm,#soundtrackDrawer>#soundtrackAddForm{order:4}
#libraryDrawer>.provider-add-grid{order:5}

/* --------------------------------------------------------------------------
   Drawer-level playlist selector
   -------------------------------------------------------------------------- */
#libraryDrawer .playlist-manager-v3,
#soundtrackDrawer .playlist-manager-v3{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 0 10px!important;
  padding:10px!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:15px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.014))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}

.playlist-toolbar-v3{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px 74px!important;
  align-items:end!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
}

.playlist-select-v3{
  display:grid!important;
  grid-template-rows:auto 42px!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
}
.playlist-select-v3>span{
  display:block!important;
  padding-left:2px!important;
  color:#7f8ca0!important;
  font-size:7.5px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.14em!important;
}
#soundtrackDrawer .playlist-select-v3>span{color:#78aee8!important}

.playlist-select-v3 select{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  margin:0!important;
  padding:0 34px 0 11px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:11px!important;
  outline:none!important;
  background:#0a111d!important;
  color:#eef3ff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:42px!important;
  text-overflow:ellipsis!important;
}
.playlist-select-v3 select:focus{
  border-color:rgba(124,92,255,.62)!important;
  box-shadow:0 0 0 3px rgba(124,92,255,.10)!important;
}
#soundtrackDrawer .playlist-select-v3 select:focus{
  border-color:rgba(80,153,255,.58)!important;
  box-shadow:0 0 0 3px rgba(80,153,255,.09)!important;
}

.playlist-tool-v3{
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.04)!important;
  color:#eef3ff!important;
  font:800 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
.playlist-tool-v3:hover,
.playlist-tool-v3:focus-visible,
.playlist-tool-v3.active{
  border-color:rgba(124,92,255,.45)!important;
  background:rgba(124,92,255,.12)!important;
}
#soundtrackDrawer .playlist-tool-v3:hover,
#soundtrackDrawer .playlist-tool-v3:focus-visible,
#soundtrackDrawer .playlist-tool-v3.active{
  border-color:rgba(71,143,255,.42)!important;
  background:rgba(71,143,255,.11)!important;
}
.playlist-new-v3{
  padding:0!important;
  font-size:22px!important;
  font-weight:500!important;
}

.playlist-meta-v3{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:18px!important;
  padding:6px 2px 0!important;
  color:#77869a!important;
  font-size:8.8px!important;
  font-weight:700!important;
  line-height:1.25!important;
}

/* --------------------------------------------------------------------------
   Manage playlists sub-view
   -------------------------------------------------------------------------- */
.playlist-manage-panel-v3{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin-top:9px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
}
.playlist-manage-panel-v3.hidden{display:none!important}

.playlist-manage-head-v3{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
  margin-bottom:9px!important;
}
.playlist-manage-head-v3>div{min-width:0!important}
.playlist-manage-head-v3 .eyebrow{
  display:block!important;
  margin:0 0 5px!important;
  color:#9789ff!important;
  font-size:7.5px!important;
  line-height:1!important;
}
#soundtrackDrawer .playlist-manage-head-v3 .eyebrow{color:#78b6ff!important}
.playlist-manage-head-v3 b{
  display:block!important;
  margin:0!important;
  color:#f4f7fc!important;
  font-size:14px!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
}
.playlist-manage-head-v3 small{
  display:block!important;
  margin-top:3px!important;
  color:#758399!important;
  font-size:8.5px!important;
  line-height:1.3!important;
}
.playlist-done-v3{
  flex:0 0 auto!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.045)!important;
  color:#eaf0fa!important;
  font-size:9px!important;
  font-weight:800!important;
  cursor:pointer!important;
}

.playlist-editor-v3{
  display:block!important;
  margin:0 0 9px!important;
  padding:9px!important;
  border:1px solid rgba(124,92,255,.18)!important;
  border-radius:11px!important;
  background:rgba(124,92,255,.055)!important;
}
#soundtrackDrawer .playlist-editor-v3{
  border-color:rgba(71,143,255,.17)!important;
  background:rgba(71,143,255,.05)!important;
}
.playlist-editor-v3.hidden{display:none!important}
.playlist-editor-v3>label{
  display:block!important;
  margin:0 0 6px!important;
  color:#b8c3d4!important;
  font-size:9px!important;
  font-weight:800!important;
}
.playlist-editor-row-v3{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 52px 58px!important;
  gap:5px!important;
  min-width:0!important;
}
.playlist-editor-row-v3 input{
  min-width:0!important;
  width:100%!important;
  height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:9px!important;
  outline:none!important;
  background:#08101a!important;
  color:#f2f6fd!important;
  font-size:12px!important;
}
.playlist-editor-row-v3 input:focus{
  border-color:rgba(124,92,255,.58)!important;
  box-shadow:0 0 0 3px rgba(124,92,255,.09)!important;
}
.playlist-editor-row-v3 button{
  height:38px!important;
  min-height:38px!important;
  padding:0 6px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.045)!important;
  color:#eaf0fa!important;
  font-size:9px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.playlist-editor-row-v3 .playlist-save-v3{
  border-color:rgba(124,92,255,.28)!important;
  background:rgba(124,92,255,.16)!important;
}
.playlist-editor-v3 .error{
  min-height:0!important;
  margin:6px 1px 0!important;
  font-size:9px!important;
}

.playlist-manage-list-v3{
  display:grid!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
}
.playlist-manage-row-v3{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:11px!important;
  background:#0a111b!important;
}
.playlist-manage-row-v3.selected{
  border-color:rgba(124,92,255,.30)!important;
  background:linear-gradient(135deg,rgba(124,92,255,.08),#0a111b 62%)!important;
}
#soundtrackDrawer .playlist-manage-row-v3.selected{
  border-color:rgba(71,143,255,.28)!important;
  background:linear-gradient(135deg,rgba(71,143,255,.07),#0a111b 62%)!important;
}
.playlist-row-select-v3{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"name badges" "meta badges"!important;
  align-items:center!important;
  gap:2px 7px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
}
.playlist-row-name-v3{
  grid-area:name!important;
  min-width:0!important;
  overflow:hidden!important;
  color:#eef3fb!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.playlist-row-select-v3>small{
  grid-area:meta!important;
  color:#738196!important;
  font-size:8.5px!important;
  line-height:1.2!important;
}
.playlist-row-badges-v3{
  grid-area:badges!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:3px!important;
}
.playlist-badge-v3{
  display:inline-flex!important;
  align-items:center!important;
  min-height:18px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  font-size:7.5px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.playlist-badge-v3.default{
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.04)!important;
  color:#9aa8bb!important;
}
.playlist-badge-v3.selected{
  border:1px solid rgba(98,213,158,.20)!important;
  background:rgba(68,199,139,.07)!important;
  color:#67d9a6!important;
}

.playlist-row-actions-v3{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
.playlist-row-actions-v3 button{
  height:32px!important;
  min-height:32px!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.04)!important;
  color:#dfe6f2!important;
  font-size:8px!important;
  font-weight:800!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.playlist-row-actions-v3 button.danger,
.playlist-confirm-delete-v3{
  border-color:rgba(255,93,116,.20)!important;
  color:#ff9cab!important;
}
.playlist-row-actions-v3.confirm{
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.playlist-manage-empty-v3{
  padding:18px 10px!important;
  border:1px dashed rgba(255,255,255,.09)!important;
  border-radius:10px!important;
  color:#7b899c!important;
  font-size:10px!important;
  text-align:center!important;
}

/* --------------------------------------------------------------------------
   Media cards: clean item actions. Playlist move is secondary, never repeated
   as the permanent "current playlist" control.
   -------------------------------------------------------------------------- */
#libraryDrawer .gallery-item,
#soundtrackDrawer .gallery-item{
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:8px 9px!important;
  align-items:center!important;
  padding:10px!important;
  overflow:visible!important;
}
#libraryDrawer .gallery-thumb,
#soundtrackDrawer .gallery-thumb{
  grid-column:1!important;
  grid-row:1!important;
}
#libraryDrawer .gallery-copy,
#soundtrackDrawer .gallery-copy{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}
#libraryDrawer .gallery-item-actions,
#soundtrackDrawer .gallery-item-actions{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
}
#libraryDrawer .gallery-item-actions .gallery-play,
#soundtrackDrawer .gallery-item-actions .gallery-play{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 10px!important;
  border-radius:10px!important;
}
#libraryDrawer .gallery-mini,
#soundtrackDrawer .gallery-mini{
  flex:0 0 38px!important;
  width:38px!important;
  min-width:38px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
  color:#e2e8f2!important;
  font-size:10px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
#libraryDrawer .gallery-more-v3,
#soundtrackDrawer .gallery-more-v3{
  font-size:17px!important;
  line-height:1!important;
}
#libraryDrawer .gallery-more-v3[aria-expanded="true"],
#soundtrackDrawer .gallery-more-v3[aria-expanded="true"]{
  border-color:rgba(124,92,255,.40)!important;
  background:rgba(124,92,255,.10)!important;
}

.media-item-menu-v3{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin-top:1px!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:10px!important;
  background:#08101a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.016)!important;
}
.media-item-menu-v3.hidden{display:none!important}

.media-move-field-v3{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
}
.media-move-field-v3>span{
  color:#77869a!important;
  font-size:7.5px!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
}
.media-move-select-v3{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:0 30px 0 9px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:9px!important;
  background:#0b1420!important;
  color:#dbe4f1!important;
  font-size:10px!important;
}
.media-remove-v3{
  height:38px!important;
  min-height:38px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,91,113,.18)!important;
  border-radius:9px!important;
  background:rgba(255,91,113,.055)!important;
  color:#ff9aaa!important;
  font-size:8.5px!important;
  font-weight:800!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}

/* Safety: obsolete permanent move selects can never paint outside More. */
#libraryDrawer .gallery-copy>.media-move-select,
#soundtrackDrawer .gallery-copy>.media-move-select{
  display:none!important;
}

/* --------------------------------------------------------------------------
   Responsive geometry
   -------------------------------------------------------------------------- */
@media (min-width:901px){
  #libraryDrawer{animation:vwPlaylistVideoDrawerIn .18s ease-out}
  #soundtrackDrawer{animation:vwPlaylistAudioDrawerIn .18s ease-out}
  @keyframes vwPlaylistVideoDrawerIn{from{transform:translateX(-18px);opacity:.55}to{transform:none;opacity:1}}
  @keyframes vwPlaylistAudioDrawerIn{from{transform:translateX(18px);opacity:.55}to{transform:none;opacity:1}}
}

@media (max-width:980px){
  body.vw-android-room-shell #libraryDrawer .playlist-manager-v3,
  body.vw-android-room-shell #soundtrackDrawer .playlist-manager-v3{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:9px!important;
    margin:0 0 9px!important;
    border-radius:14px!important;
  }

  body.vw-android-room-shell #libraryDrawer .playlist-toolbar-v3,
  body.vw-android-room-shell #soundtrackDrawer .playlist-toolbar-v3{
    grid-template-columns:minmax(0,1fr) 42px 72px!important;
  }

  body.vw-android-room-shell #libraryDrawer .playlist-select-v3>span,
  body.vw-android-room-shell #soundtrackDrawer .playlist-select-v3>span{
    display:none!important;
  }
  body.vw-android-room-shell #libraryDrawer .playlist-select-v3,
  body.vw-android-room-shell #soundtrackDrawer .playlist-select-v3{
    grid-template-rows:42px!important;
    gap:0!important;
  }

  body.vw-android-room-shell #libraryDrawer .gallery-section-head,
  body.vw-android-room-shell #soundtrackDrawer .gallery-section-head{
    align-items:flex-start!important;
  }

  body.vw-android-room-shell .playlist-manage-panel-v3{
    overflow:visible!important;
  }
}

@media (max-width:390px){
  body.vw-android-room-shell #libraryDrawer .playlist-toolbar-v3,
  body.vw-android-room-shell #soundtrackDrawer .playlist-toolbar-v3{
    grid-template-columns:minmax(0,1fr) 40px 66px!important;
    gap:5px!important;
  }
  .playlist-tool-v3{height:40px!important;min-height:40px!important;padding:0 6px!important;font-size:9px!important}
  .playlist-new-v3{font-size:21px!important}
  .playlist-select-v3 select{height:40px!important;line-height:40px!important;padding-left:9px!important;font-size:10px!important}

  .playlist-editor-row-v3{
    grid-template-columns:1fr 1fr!important;
  }
  .playlist-editor-row-v3 input{
    grid-column:1/-1!important;
    height:40px!important;
  }
  .playlist-editor-row-v3 button{
    height:36px!important;
    min-height:36px!important;
  }

  .playlist-manage-row-v3{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .playlist-row-actions-v3{
    justify-content:flex-end!important;
    padding-top:2px!important;
  }

  #libraryDrawer .gallery-mini,
  #soundtrackDrawer .gallery-mini{
    flex-basis:34px!important;
    width:34px!important;
    min-width:34px!important;
  }
  .media-item-menu-v3{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .media-remove-v3{
    width:100%!important;
  }
}

@media (max-width:345px){
  .playlist-toolbar-v3{
    grid-template-columns:minmax(0,1fr) 38px 61px!important;
    gap:4px!important;
  }
  .playlist-tool-v3{padding:0 4px!important}
  #libraryDrawer .gallery-item-actions,
  #soundtrackDrawer .gallery-item-actions{gap:4px!important}
  #libraryDrawer .gallery-mini,
  #soundtrackDrawer .gallery-mini{
    flex-basis:32px!important;
    width:32px!important;
    min-width:32px!important;
  }
}


/* VW_WATCH_TOGETHER_PLAYLIST_FULL_VISIBILITY_V3_8R3_1
   Real-device repair after Recording 2026-09-07 14:02:
   1) Expanded Manage content was overflowing a flex item that was allowed to
      shrink, so Selected playlist / empty-state content painted through it.
   2) The phone toolbar gave most width to + / Manage, truncating the actual
      selected playlist name.
   3) Manage mode and normal media browsing were visible at the same time.
*/

/* The drawer itself scrolls. Its direct content blocks must retain their
   natural height instead of shrinking to fit one viewport. */
body.vw-android-room-shell #libraryDrawer > .drawer-head,
body.vw-android-room-shell #soundtrackDrawer > .drawer-head,
body.vw-android-room-shell #libraryDrawer > .playlist-manager-v3,
body.vw-android-room-shell #soundtrackDrawer > .playlist-manager-v3,
body.vw-android-room-shell #libraryDrawer > .gallery-section-head,
body.vw-android-room-shell #soundtrackDrawer > .gallery-section-head,
body.vw-android-room-shell #libraryDrawer > .gallery-list,
body.vw-android-room-shell #soundtrackDrawer > .gallery-list,
body.vw-android-room-shell #libraryDrawer > #libraryAddForm,
body.vw-android-room-shell #soundtrackDrawer > #soundtrackAddForm,
body.vw-android-room-shell #libraryDrawer > .provider-add-grid{
  flex:0 0 auto!important;
}

body.vw-android-room-shell #libraryDrawer > .playlist-manager-v3,
body.vw-android-room-shell #soundtrackDrawer > .playlist-manager-v3{
  position:relative!important;
  z-index:4!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  contain:none!important;
  overflow:visible!important;
}

/* Manage is a dedicated sub-view inside the same floating drawer.
   Hide normal media/add sections while it is open so nothing can overlap it. */
#libraryDrawer.playlist-manage-open-v3 > .gallery-section-head,
#soundtrackDrawer.playlist-manage-open-v3 > .gallery-section-head,
#libraryDrawer.playlist-manage-open-v3 > .gallery-list,
#soundtrackDrawer.playlist-manage-open-v3 > .gallery-list,
#libraryDrawer.playlist-manage-open-v3 > #libraryAddForm,
#soundtrackDrawer.playlist-manage-open-v3 > #soundtrackAddForm,
#libraryDrawer.playlist-manage-open-v3 > .provider-add-grid{
  display:none!important;
}
#libraryDrawer.playlist-manage-open-v3 > .playlist-manager-v3,
#soundtrackDrawer.playlist-manage-open-v3 > .playlist-manager-v3{
  margin-bottom:0!important;
}
.playlist-manage-open-v3 .playlist-manage-panel-v3{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Desktop/native select popup should remain legible too. */
.playlist-select-v3 select option{
  background:#0a111d!important;
  color:#eef3ff!important;
}

/* Full-width selected playlist first; actions beneath it.
   This makes "Main Video Playlist" / long playlist names actually readable
   instead of "Main Video Pl..." on a 360px phone. */
@media (max-width:700px){
  body.vw-android-room-shell #libraryDrawer .playlist-manager-v3,
  body.vw-android-room-shell #soundtrackDrawer .playlist-manager-v3{
    padding:10px!important;
  }

  body.vw-android-room-shell #libraryDrawer .playlist-toolbar-v3,
  body.vw-android-room-shell #soundtrackDrawer .playlist-toolbar-v3{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:7px!important;
  }

  body.vw-android-room-shell #libraryDrawer .playlist-select-v3,
  body.vw-android-room-shell #soundtrackDrawer .playlist-select-v3{
    grid-column:1/-1!important;
    grid-template-rows:auto 44px!important;
    gap:5px!important;
  }

  body.vw-android-room-shell #libraryDrawer .playlist-select-v3>span,
  body.vw-android-room-shell #soundtrackDrawer .playlist-select-v3>span{
    display:block!important;
    padding-left:2px!important;
    font-size:8px!important;
    letter-spacing:.14em!important;
  }

  body.vw-android-room-shell .playlist-select-v3 select{
    width:100%!important;
    height:44px!important;
    line-height:44px!important;
    padding:0 36px 0 11px!important;
    font-size:11px!important;
  }

  body.vw-android-room-shell .playlist-tool-v3{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }

  body.vw-android-room-shell .playlist-new-v3{
    padding:0 10px!important;
    font-size:10px!important;
    font-weight:850!important;
  }

  body.vw-android-room-shell .playlist-meta-v3{
    min-height:20px!important;
    padding-top:7px!important;
    font-size:9px!important;
  }

  body.vw-android-room-shell .playlist-manage-head-v3{
    margin-top:2px!important;
  }
  body.vw-android-room-shell .playlist-manage-head-v3 b{
    font-size:15px!important;
  }
  body.vw-android-room-shell .playlist-manage-head-v3 small{
    font-size:9px!important;
    line-height:1.4!important;
  }

  body.vw-android-room-shell .playlist-manage-row-v3{
    padding:10px!important;
  }
  body.vw-android-room-shell .playlist-row-name-v3{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    line-height:1.3!important;
  }

  body.vw-android-room-shell .playlist-row-actions-v3 button{
    height:36px!important;
    min-height:36px!important;
    font-size:9px!important;
  }
}

/* R3's <=390 one-line toolbar rules are superseded by R3.1's two-row phone
   toolbar. Keep only editor/card compaction from that older block. */
@media (max-width:390px){
  body.vw-android-room-shell #libraryDrawer .playlist-toolbar-v3,
  body.vw-android-room-shell #soundtrackDrawer .playlist-toolbar-v3{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
  }
  body.vw-android-room-shell #libraryDrawer .playlist-select-v3,
  body.vw-android-room-shell #soundtrackDrawer .playlist-select-v3{
    grid-column:1/-1!important;
    grid-template-rows:auto 44px!important;
  }
  body.vw-android-room-shell .playlist-tool-v3{
    height:42px!important;
    min-height:42px!important;
  }
  body.vw-android-room-shell .playlist-new-v3{
    font-size:10px!important;
  }
}

@media (max-width:345px){
  body.vw-android-room-shell #libraryDrawer .playlist-toolbar-v3,
  body.vw-android-room-shell #soundtrackDrawer .playlist-toolbar-v3{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:5px!important;
  }
}