<!-- UnsignedBlast . Music section restyle -->
<style>
/* ==========================================================
   UnsignedBlast . Music section restyle
   ----------------------------------------------------------
   WHERE: your site -> Design Studio -> Custom Code -> CSS
          paste all of it at the very END, then save + publish.
   WHAT:  only the Music section changes. Tracks, playlists,
          links, editing and the player keep working as now.
   FIXES: the track list no longer floats out of its column.
   PALETTE: gold #ffc42e . ink #06060f . surface #12121c
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap');

/* ==========================================================
   1. LAYOUT  . keeps everything inside its own column
   ========================================================== */
.musicListPage,
.musicListPage * {
  box-sizing: border-box !important;
}

.musicListPage.grid-frame,
.musicListPage .grid-frame {
  max-width: 100% !important;
  overflow: visible !important;
}

/* columns and the frames that hold them contain their floats */
.musicListPage .grid-frame:after,
.musicListPage .column:after,
.musicListPage .trackList:after,
.musicListPage .ningPlaylist:after,
.musicListPage ul.audioPage-playlist:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

/* the list itself: never floats, never wider than its column */
.musicListPage .trackList {
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: auto;
}

.musicListPage .ningPlaylist,
.musicListPage ul.audioPage-playlist {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  list-style: none !important;
}

.musicListPage .audioPage-list,
.musicListPage .module-content,
.musicListPage .section-primaryContent {
  max-width: 100% !important;
  min-width: 0 !important;
}

/* ==========================================================
   2. HEADINGS
   ========================================================== */
.musicListPage .module-header,
.musicListPage .module-header h1,
.musicListPage .module-header h2,
.musicListPage h2.audioPage-playlist_title,
.musicListPage .audioPage-playlist_title {
  font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ffc42e !important;
  border-bottom: 1px solid rgba(255, 196, 46, .18);
  padding-bottom: 12px;
}

/* ==========================================================
   3. THE TRACK LIST  . rows, titles, times, row buttons
   ========================================================== */
.musicListPage ul.audioPage-playlist {
  background-color: #12121c !important;
  border: 1px solid rgba(255, 196, 46, .18) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

.musicListPage ul.audioPage-playlist > li,
.musicListPage .audioPage-playlist_item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 16px !important;
  background-image: none !important;
  background-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
  list-style: none !important;
}
.musicListPage ul.audioPage-playlist > li:last-child,
.musicListPage .audioPage-playlist_item:last-child {
  border-bottom: 0 !important;
}
.musicListPage ul.audioPage-playlist > li:hover,
.musicListPage .audioPage-playlist_item:hover {
  background-color: rgba(255, 196, 46, .07) !important;
}

.musicListPage .audioPage-playlist_item .track_name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #ffffff !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.musicListPage .audioPage-playlist_item .track_time {
  flex: 0 0 auto !important;
  font-size: 12px !important;
  color: #9999a8 !important;
  font-variant-numeric: tabular-nums;
}
.musicListPage .audioPage-playlist_item .track_edit {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* the row's play control and its edit / delete icons */
.musicListPage .audioPage-playlist_item .jp-play,
.musicListPage .audioPage-playlist_item .track_play .button {
  background-color: rgba(255, 196, 46, .16) !important;
  color: #ffc42e !important;
  border: 0 !important;
  border-radius: 999px !important;
}
.musicListPage .audioPage-playlist_item .track_edit .button {
  background-color: transparent !important;
  color: #ffc42e !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 4px 6px !important;
  opacity: .85 !important;
}
.musicListPage .audioPage-playlist_item .track_edit .button:hover {
  background-color: rgba(255, 196, 46, .12) !important;
  opacity: 1 !important;
}
.musicListPage .audioPage-playlist_item .track_edit .track_deleteButton,
.musicListPage .audioPage-playlist_item .track_edit .button-delete_track {
  color: #ff5a5a !important;
  background-color: transparent !important;
}

/* ==========================================================
   4. TRACK / PLAYLIST TILES
   ========================================================== */
.musicListPage .audioPageList .audioPageList__item,
.musicListPage .audioPageList .audioPageList__item {
  background-image: none !important;
  background-color: #12121c !important;
  border: 1px solid rgba(255, 196, 46, .18) !important;
  border-radius: 12px !important;
  overflow: hidden;
}
.musicListPage .audioPageList .audioPageList__item:hover {
  border-color: rgba(255, 196, 46, .5) !important;
}
.musicListPage .audioPageList .audioPageList__item.added:before {
  background-color: #06060f !important;
  opacity: .45 !important;
}
.musicListPage .audioPageList .audioPageList__item.added.active {
  background-color: #ffc42e !important;
}
.musicListPage .audioPageList .audioPageList__item.added.active:before {
  background-color: #ffc42e !important;
  opacity: .92 !important;
}
.musicListPage .audioPageList .audioPageList__item.added.active .playlist_name,
.musicListPage .audioPageList .audioPageList__item.added.active .playlist_notice {
  color: #06060f !important;
}
.musicListPage .audioPageList.full .audioPageList__item,
.musicListPage .audioPageList.full .audioPageList__item.added:before {
  border-radius: 12px !important;
}

/* ---------- text on tiles ---------- */
.musicListPage .audioPageList .playlist_name {
  font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
}
.musicListPage .audioPageList .playlist_notice {
  color: rgba(255, 255, 255, .72) !important;
  font-size: 13px !important;
}

/* ---------- buttons over the artwork ---------- */
.musicListPage .audioPageList .track_edit .button:not(.track_deleteButton) {
  background-color: #ffc42e !important;
  color: #06060f !important;
  border-radius: 999px !important;
}
.musicListPage .audioPageList .track_edit .button:not(.track_deleteButton):hover {
  background-color: #e0a80f !important;
}

/* ---------- action buttons (add track etc.) ---------- */
.musicListPage .audioPage-buttons__wrap .button:not(.button-delete_track):not(.track_deleteButton) {
  background-color: #ffc42e !important;
  color: #06060f !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}
.musicListPage .audioPage-buttons__wrap .button:not(.button-delete_track):not(.track_deleteButton):hover {
  background-color: #e0a80f !important;
}

/* ==========================================================
   5. THE PLAYER BAR
   ========================================================== */
.musicListPage .audioPage-player {
  background-color: #12121c !important;
  border: 1px solid rgba(255, 196, 46, .18) !important;
  border-radius: 14px !important;
}
.musicListPage .audioPage-player .audioPage__button {
  background-color: #ffc42e !important;
  box-shadow: 0 0 0 1px rgba(255, 196, 46, .35);
}
.musicListPage .audioPage-player .audioPage__button:hover {
  background-color: #e0a80f !important;
}
.musicListPage .audioPage-player .audioPage__button:before,
.musicListPage .audioPage-player .audioPage__button:after {
  border-color: transparent transparent transparent #06060f !important;
}
.musicListPage .audioPage-player .audioPage__button_prev:before,
.musicListPage .audioPage-player .audioPage__button_prev:after {
  border-color: transparent #06060f transparent transparent !important;
}
.musicListPage .audioPage-player .audioPage__button_play {
  background-color: #ffc42e !important;
}
.musicListPage .audioPage-player .audioPage__button_play:hover {
  background-color: #06060f !important;
}
.musicListPage .audioPage-player .audioPage__button_play:hover:before {
  border-color: transparent transparent transparent #ffc42e !important;
}
.musicListPage .audioPage-player.jp-state-playing .jp-type-single .audioPage__button_play {
  background-color: #ffc42e !important;
}
.musicListPage .audioPage-player.jp-state-playing .jp-type-single .audioPage__button_play:before,
.musicListPage .audioPage-player.jp-state-playing .jp-type-single .audioPage__button_play:after {
  background-color: #06060f !important;
}
.musicListPage .audioPage-player .jp-playlist__title {
  font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important;
  color: #ffffff !important;
}

/* ---------- progress, times, volume ---------- */
.musicListPage .audioPage-player .jp-progress,
.musicListPage .audioPage-player .jp-seek-bar {
  background-color: rgba(255, 255, 255, .12) !important;
  border-radius: 999px !important;
}
.musicListPage .audioPage-player .jp-play-bar {
  background-color: #ffc42e !important;
  border-radius: 999px !important;
}
.musicListPage .audioPage-player .jp-current-time {
  color: #ffc42e !important;
}
.musicListPage .audioPage-player .jp-duration {
  color: #9999a8 !important;
}
.musicListPage .audioPage-player .jp-volume-bar-input input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, .12) !important;
  border-radius: 999px !important;
}
.musicListPage .audioPage-player .jp-volume-bar-input input[type="range"]::-webkit-slider-thumb {
  background-color: #ffc42e !important;
}
.musicListPage .audioPage-player .jp-volume-bar-input input[type="range"]::-moz-range-track {
  background-color: rgba(255, 255, 255, .12) !important;
  border-radius: 999px !important;
}
.musicListPage .audioPage-player .jp-volume-bar-input input[type="range"]::-moz-range-thumb {
  background-color: #ffc42e !important;
  border: 0 !important;
}

/* ==========================================================
   6. SEARCH BOX, GENRE DROPDOWN, FILTERS
   ========================================================== */
.musicListPage select,
.musicListPage input[type="text"],
.musicListPage input[type="search"] {
  background-color: #191924 !important;
  border: 1px solid rgba(255, 196, 46, .18) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  padding: 8px 14px !important;
}
.musicListPage select:focus,
.musicListPage input[type="text"]:focus,
.musicListPage input[type="search"]:focus {
  border-color: #ffc42e !important;
  outline: none !important;
}
.musicListPage select option {
  background-color: #06060f;
  color: #ffffff;
}
.musicListPage ::placeholder {
  color: #9999a8 !important;
}
.musicListPage .content-nav a {
  color: #9999a8 !important;
}
.musicListPage .content-nav a:hover,
.musicListPage .content-nav a.active {
  color: #ffc42e !important;
}

</style>
Track names and covers in the frames abov