/**
 * MH Premium Audio Player 4.2 UI Customization Layer
 * This file contains visual/layout rules only. Playback behavior remains in
 * audio-core.js, frontend.js and playlist.js.
 */

/* --------------------------------------------------------------------------
   Playlist design-system bridge
   -------------------------------------------------------------------------- */
.mhpap-playlist--v420 {
  --mhpap-v42-bg-effective: var(--mhpap-v42-bg, var(--mhpap-pl-bg, #101114));
  --mhpap-v42-surface-effective: var(--mhpap-v42-surface, var(--mhpap-pl-surface, #17191d));
  --mhpap-v42-text-effective: var(--mhpap-v42-text, var(--mhpap-pl-text, #f6f6f4));
  --mhpap-v42-muted-effective: var(--mhpap-v42-muted, var(--mhpap-pl-muted, #9ea3ab));
  --mhpap-v42-accent-effective: var(--mhpap-v42-accent, var(--mhpap-pl-accent, #ffc50d));
  --mhpap-v42-radius-effective: var(--mhpap-v42-radius, var(--mhpap-pl-radius, 18px));
  --mhpap-v42-control-bg-effective: var(--mhpap-v42-control-bg, color-mix(in srgb, var(--mhpap-v42-surface-effective) 86%, transparent));
  --mhpap-v42-control-color-effective: var(--mhpap-v42-control-color, var(--mhpap-v42-text-effective));
  --mhpap-v42-control-hover-bg-effective: var(--mhpap-v42-control-hover-bg, color-mix(in srgb, var(--mhpap-v42-accent-effective) 16%, var(--mhpap-v42-surface-effective)));
  --mhpap-v42-control-hover-color-effective: var(--mhpap-v42-control-hover-color, var(--mhpap-v42-accent-effective));
  --mhpap-v42-control-active-bg-effective: var(--mhpap-v42-control-active-bg, var(--mhpap-v42-accent-effective));
  --mhpap-v42-control-active-color-effective: var(--mhpap-v42-control-active-color, #111214);
  --mhpap-v42-control-disabled-bg-effective: var(--mhpap-v42-control-disabled-bg, color-mix(in srgb, var(--mhpap-v42-surface-effective) 60%, transparent));
  --mhpap-v42-control-disabled-color-effective: var(--mhpap-v42-control-disabled-color, color-mix(in srgb, var(--mhpap-v42-muted-effective) 55%, transparent));
  --mhpap-v42-track-bg-effective: var(--mhpap-v42-track-bg, transparent);
  --mhpap-v42-track-text-effective: var(--mhpap-v42-track-text, var(--mhpap-v42-text-effective));
  --mhpap-v42-track-hover-bg-effective: var(--mhpap-v42-track-hover-bg, color-mix(in srgb, var(--mhpap-v42-surface-effective) 84%, var(--mhpap-v42-accent-effective) 16%));
  --mhpap-v42-track-hover-text-effective: var(--mhpap-v42-track-hover-text, var(--mhpap-v42-text-effective));
  --mhpap-v42-track-active-bg-effective: var(--mhpap-v42-track-active-bg, color-mix(in srgb, var(--mhpap-v42-accent-effective) 14%, var(--mhpap-v42-surface-effective)));
  --mhpap-v42-track-active-text-effective: var(--mhpap-v42-track-active-text, var(--mhpap-v42-text-effective));
  --mhpap-v42-focus-effective: var(--mhpap-v42-focus, var(--mhpap-v42-accent-effective));
  --mhpap-v42-control-radius-effective: var(--mhpap-v42-control-radius, 999px);
  --mhpap-v42-icon-size: 18px;
  --mhpap-v42-now-cover: 96px;
  --mhpap-v42-track-cover-size: 48px;
  --mhpap-v42-action-gap: 8px;
  --mhpap-v42-list-gap: 6px;
  --mhpap-v42-density: 1;
  position: relative;
  overflow: clip;
  background: var(--mhpap-v42-bg-effective) !important;
  color: var(--mhpap-v42-text-effective) !important;
  border-radius: var(--mhpap-v42-radius-effective) !important;
  box-shadow: var(--mhpap-v42-shadow, none);
  isolation: isolate;
}

.mhpap-playlist--v420 .mhpap-icon,
.mhpap-playlist--v420 .elementor-icon,
.mhpap-playlist--v420 .elementor-icon svg {
  width: var(--mhpap-v42-icon-size);
  height: var(--mhpap-v42-icon-size);
  display: block;
  flex: 0 0 auto;
}

.mhpap-playlist--v420 .elementor-icon { line-height: 1; }
.mhpap-playlist--v420 .elementor-icon i { font-size: var(--mhpap-v42-icon-size); }

/* Let the drag-reordered regions participate in one flex formatting context. */
.mhpap-playlist--v420 .mhpap-playlist__player {
  display: flex !important;
  flex-direction: column;
  gap: calc(18px * var(--mhpap-v42-density));
}
.mhpap-playlist--v420 .mhpap-playlist__control-panel { display: contents !important; }
.mhpap-playlist--v420 .mhpap-playlist__hero,
.mhpap-playlist--v420 .mhpap-playlist__transport,
.mhpap-playlist--v420 .mhpap-playlist__timeline,
.mhpap-playlist--v420 .mhpap-playlist__utilities { min-width: 0; }

.mhpap-playlist--v420 .mhpap-playlist__hero {
  display: grid;
  gap: calc(16px * var(--mhpap-v42-density));
  padding: 0;
  background: transparent;
}
.mhpap-playlist--v420 .mhpap-playlist__heading { margin: 0; }
.mhpap-playlist--v420 .mhpap-playlist__title { color: var(--mhpap-v42-text-effective); }
.mhpap-playlist--v420 .mhpap-playlist__description,
.mhpap-playlist--v420 .mhpap-playlist__eyebrow,
.mhpap-playlist--v420 .mhpap-playlist__now-artist,
.mhpap-playlist--v420 .mhpap-playlist__now-description,
.mhpap-playlist--v420 .mhpap-playlist__count { color: var(--mhpap-v42-muted-effective); }

.mhpap-playlist--v420 .mhpap-playlist__now {
  display: grid;
  grid-template-columns: var(--mhpap-v42-now-cover) minmax(0, 1fr);
  align-items: center;
  gap: calc(18px * var(--mhpap-v42-density));
  padding: calc(14px * var(--mhpap-v42-density));
  background: color-mix(in srgb, var(--mhpap-v42-surface-effective) 78%, transparent);
  border: 1px solid color-mix(in srgb, var(--mhpap-v42-muted-effective) 18%, transparent);
  border-radius: calc(var(--mhpap-v42-radius-effective) * .82);
}
.mhpap-playlist--v420 .mhpap-playlist__cover-wrap {
  width: var(--mhpap-v42-now-cover);
  height: var(--mhpap-v42-now-cover);
  border-radius: clamp(8px, calc(var(--mhpap-v42-radius-effective) * .62), 24px);
  overflow: hidden;
  background: var(--mhpap-v42-control-bg-effective);
}
.mhpap-playlist--v420 .mhpap-playlist__cover,
.mhpap-playlist--v420 .mhpap-playlist__cover-fallback { width: 100%; height: 100%; object-fit: cover; }
.mhpap-playlist--v420 .mhpap-playlist__cover-fallback { display: grid; place-items: center; color: var(--mhpap-v42-muted-effective); }
.mhpap-playlist--v420 .mhpap-playlist__now-text { min-width: 0; gap: 4px; }
.mhpap-playlist--v420 .mhpap-playlist__now-title { color: var(--mhpap-v42-text-effective); }

/* Transport controls */
.mhpap-playlist--v420 .mhpap-playlist__transport {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 1.2vw, 12px);
}
.mhpap-playlist--v420 .mhpap-playlist__btn,
.mhpap-playlist--v420 .mhpap-playlist__play,
.mhpap-playlist--v420 .mhpap-playlist__queue-add,
.mhpap-playlist--v420 .mhpap-playlist__action,
.mhpap-playlist--v420 .mhpap-playlist__search-clear,
.mhpap-playlist--v420 .mhpap-playlist__library-toggle,
.mhpap-playlist--v420 .mhpap-playlist__show-more {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid color-mix(in srgb, var(--mhpap-v42-muted-effective) 18%, transparent);
  color: var(--mhpap-v42-control-color-effective) !important;
  background: var(--mhpap-v42-control-bg-effective) !important;
  box-shadow: none;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, transform .16s ease, opacity .16s ease;
}
.mhpap-playlist--v420 .mhpap-playlist__btn,
.mhpap-playlist--v420 .mhpap-playlist__queue-add {
  width: var(--mhpap-v418-control-size, 44px);
  height: var(--mhpap-v418-control-size, 44px);
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: var(--mhpap-v42-control-radius-effective);
  display: inline-grid;
  place-items: center;
}
.mhpap-playlist--v420 .mhpap-playlist__play {
  width: var(--mhpap-v418-play-size, 62px);
  height: var(--mhpap-v418-play-size, 62px);
  min-width: 52px;
  min-height: 52px;
  padding: 0;
  border-radius: 999px;
  border-color: transparent;
  color: var(--mhpap-v42-control-active-color-effective) !important;
  background: var(--mhpap-v42-control-active-bg-effective) !important;
  display: inline-grid;
  place-items: center;
  box-shadow: 0 10px 26px color-mix(in srgb, var(--mhpap-v42-accent-effective) 22%, transparent);
}
.mhpap-playlist--v420 .mhpap-playlist__play-glyph { display: grid; place-items: center; }
.mhpap-playlist--v420:not(.is-playing) .mhpap-playlist__play-glyph--pause,
.mhpap-playlist--v420.is-playing .mhpap-playlist__play-glyph--play { display: none !important; }

.mhpap-playlist--v420 .mhpap-playlist__btn:hover,
.mhpap-playlist--v420 .mhpap-playlist__queue-add:hover,
.mhpap-playlist--v420 .mhpap-playlist__action:hover,
.mhpap-playlist--v420 .mhpap-playlist__library-toggle:hover,
.mhpap-playlist--v420 .mhpap-playlist__show-more:hover,
.mhpap-playlist--v420 .mhpap-playlist__search-clear:hover {
  color: var(--mhpap-v42-control-hover-color-effective) !important;
  background: var(--mhpap-v42-control-hover-bg-effective) !important;
  border-color: color-mix(in srgb, var(--mhpap-v42-control-hover-color-effective) 38%, transparent);
}
.mhpap-playlist--v420 .mhpap-playlist__play:hover { transform: translateY(-1px) scale(1.025); }
.mhpap-playlist--v420 .mhpap-playlist__shuffle[aria-pressed="true"],
.mhpap-playlist--v420 .mhpap-playlist__repeat[aria-pressed="true"] {
  color: var(--mhpap-v42-control-active-color-effective) !important;
  background: var(--mhpap-v42-control-active-bg-effective) !important;
  border-color: transparent;
}
.mhpap-playlist--v420 button:disabled,
.mhpap-playlist--v420 [aria-disabled="true"] {
  opacity: .52;
  color: var(--mhpap-v42-control-disabled-color-effective) !important;
  background: var(--mhpap-v42-control-disabled-bg-effective) !important;
  cursor: not-allowed;
}
.mhpap-playlist--v420 :where(button, a, input, select):focus-visible {
  outline: 2px solid var(--mhpap-v42-focus-effective) !important;
  outline-offset: 3px;
}

/* Timeline / utility rows */
.mhpap-playlist--v420 .mhpap-playlist__timeline { display: grid; gap: 8px; }
.mhpap-playlist--v420 input[type="range"] { accent-color: var(--mhpap-v42-accent-effective); }
.mhpap-playlist--v420 .mhpap-playlist__times { color: var(--mhpap-v42-muted-effective); }
.mhpap-playlist--v420 .mhpap-playlist__utilities {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.mhpap-playlist--v420 .mhpap-playlist__utilities-primary,
.mhpap-playlist--v420 .mhpap-playlist__actions { display: flex; align-items: center; gap: var(--mhpap-v42-action-gap); flex-wrap: wrap; }
.mhpap-playlist--v420 .mhpap-playlist__volume-wrap,
.mhpap-playlist--v420 .mhpap-playlist__speed-wrap {
  min-height: 44px;
  border-radius: var(--mhpap-v42-control-radius-effective);
  background: var(--mhpap-v42-control-bg-effective);
  color: var(--mhpap-v42-control-color-effective);
  border: 1px solid color-mix(in srgb, var(--mhpap-v42-muted-effective) 18%, transparent);
}
.mhpap-playlist--v420 .mhpap-playlist__action {
  min-height: 44px;
  padding: 0 14px;
  border-radius: var(--mhpap-v42-control-radius-effective);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none !important;
}

/* Playlist completion + library */
.mhpap-playlist--v420 .mhpap-playlist__completion,
.mhpap-playlist--v420 .mhpap-playlist__chapters,
.mhpap-playlist--v420 .mhpap-playlist__bookmarks,
.mhpap-playlist--v420 .mhpap-playlist__up-next {
  border-radius: calc(var(--mhpap-v42-radius-effective) * .72);
  background: color-mix(in srgb, var(--mhpap-v42-surface-effective) 76%, transparent);
  border-color: color-mix(in srgb, var(--mhpap-v42-muted-effective) 16%, transparent);
}
.mhpap-playlist--v420 .mhpap-playlist__completion { color: var(--mhpap-v42-muted-effective); }
.mhpap-playlist--v420 .mhpap-playlist__completion progress { accent-color: var(--mhpap-v42-accent-effective); }
.mhpap-playlist--v420 .mhpap-playlist__library { min-width: 0; }
.mhpap-playlist--v420 .mhpap-playlist__library-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.mhpap-playlist--v420 .mhpap-playlist__library-title-wrap { display: flex; align-items: baseline; gap: 8px; }
.mhpap-playlist--v420 .mhpap-playlist__library-kicker { color: var(--mhpap-v42-muted-effective); }
.mhpap-playlist--v420 .mhpap-playlist__library-title { color: var(--mhpap-v42-text-effective); }
.mhpap-playlist--v420 .mhpap-playlist__library-count {
  display: inline-grid;
  place-items: center;
  min-width: 28px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  color: var(--mhpap-v42-muted-effective);
  background: var(--mhpap-v42-control-bg-effective);
  font-size: 12px;
}
.mhpap-playlist--v420 .mhpap-playlist__library-toggle {
  min-height: 40px;
  padding: 0 12px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.mhpap-playlist--v420.is-library-collapsed .mhpap-playlist__tracks,
.mhpap-playlist--v420.is-library-collapsed .mhpap-playlist__show-more,
.mhpap-playlist--v420.is-library-collapsed .mhpap-playlist__empty { display: none !important; }
.mhpap-playlist--v420.is-library-collapsed .mhpap-playlist__library-toggle > span:last-child { transform: rotate(180deg); }

/* Search */
.mhpap-playlist--v420 .mhpap-playlist__search {
  min-height: 46px;
  flex: 1 1 260px;
  max-width: 460px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  padding-inline: 14px 8px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--mhpap-v42-muted-effective) 18%, transparent);
  background: color-mix(in srgb, var(--mhpap-v42-surface-effective) 82%, transparent);
  color: var(--mhpap-v42-muted-effective);
}
.mhpap-playlist--v420 .mhpap-playlist__search:focus-within {
  border-color: color-mix(in srgb, var(--mhpap-v42-focus-effective) 58%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mhpap-v42-focus-effective) 12%, transparent);
}
.mhpap-playlist--v420 .mhpap-playlist__search input {
  width: 100%; min-width: 0; border: 0 !important; outline: 0 !important; box-shadow: none !important;
  color: var(--mhpap-v42-text-effective) !important; background: transparent !important; padding: 0 !important;
}
.mhpap-playlist--v420 .mhpap-playlist__search input::placeholder { color: var(--mhpap-v42-muted-effective); opacity: .82; }
.mhpap-playlist--v420 .mhpap-playlist__search-clear {
  width: 32px; height: 32px; min-width: 32px; min-height: 32px; padding: 0; border-radius: 50%; display: grid; place-items: center;
}

/* Track list + design modes */
.mhpap-playlist--v420 .mhpap-playlist__tracks {
  display: flex;
  flex-direction: column;
  gap: var(--mhpap-v42-list-gap);
  padding: 0;
  margin: 12px 0 0;
}
.mhpap-playlist--v420 .mhpap-playlist__track {
  min-height: 56px;
  color: var(--mhpap-v42-track-text-effective) !important;
  background: var(--mhpap-v42-track-bg-effective) !important;
  border: 1px solid transparent !important;
  border-radius: calc(var(--mhpap-v42-radius-effective) * .66) !important;
  overflow: hidden;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}
.mhpap-playlist--v420 .mhpap-playlist__track:hover,
.mhpap-playlist--v420 .mhpap-playlist__track:focus-within {
  color: var(--mhpap-v42-track-hover-text-effective) !important;
  background: var(--mhpap-v42-track-hover-bg-effective) !important;
  border-color: color-mix(in srgb, var(--mhpap-v42-accent-effective) 18%, transparent) !important;
}
.mhpap-playlist--v420 .mhpap-playlist__track.is-active {
  color: var(--mhpap-v42-track-active-text-effective) !important;
  background: var(--mhpap-v42-track-active-bg-effective) !important;
  border-color: color-mix(in srgb, var(--mhpap-v42-accent-effective) 40%, transparent) !important;
}
.mhpap-playlist--v420 .mhpap-playlist__track.is-active::after { background: var(--mhpap-v42-accent-effective) !important; }
.mhpap-playlist--v420 .mhpap-playlist__track-button { min-width: 0; color: inherit !important; text-decoration: none !important; }
.mhpap-playlist--v420 .mhpap-playlist__track-main { min-width: 0; }
.mhpap-playlist--v420 .mhpap-playlist__track-cover {
  width: var(--mhpap-v42-track-cover-size); height: var(--mhpap-v42-track-cover-size); min-width: var(--mhpap-v42-track-cover-size);
  border-radius: clamp(7px, calc(var(--mhpap-v42-radius-effective) * .42), 16px); overflow: hidden;
}
.mhpap-playlist--v420 .mhpap-playlist__track-copy { min-width: 0; color: inherit; }
.mhpap-playlist--v420 .mhpap-playlist__track-copy strong { color: inherit !important; }
.mhpap-playlist--v420 .mhpap-playlist__track-copy small,
.mhpap-playlist--v420 .mhpap-playlist__track-description,
.mhpap-playlist--v420 .mhpap-playlist__track-duration,
.mhpap-playlist--v420 .mhpap-playlist__track-number { color: var(--mhpap-v42-muted-effective); }
.mhpap-playlist--v420 .mhpap-playlist__track:hover :is(.mhpap-playlist__track-copy small,.mhpap-playlist__track-description,.mhpap-playlist__track-duration,.mhpap-playlist__track-number),
.mhpap-playlist--v420 .mhpap-playlist__track.is-active :is(.mhpap-playlist__track-copy small,.mhpap-playlist__track-description,.mhpap-playlist__track-duration,.mhpap-playlist__track-number) { color: color-mix(in srgb, currentColor 70%, var(--mhpap-v42-muted-effective)); }
.mhpap-playlist--v420 .mhpap-playlist__track-description { display: block; margin-top: 2px; font-size: .82em; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mhpap-playlist--v420 .mhpap-playlist__track-state i { background: var(--mhpap-v42-accent-effective) !important; }
.mhpap-playlist--v420 .mhpap-playlist__queue-add { margin-inline: 4px; opacity: .56; }
.mhpap-playlist--v420 .mhpap-playlist__track:hover .mhpap-playlist__queue-add,
.mhpap-playlist--v420 .mhpap-playlist__track:focus-within .mhpap-playlist__queue-add { opacity: 1; }

.mhpap-playlist--v420.mhpap-track-design--compact .mhpap-playlist__track { min-height: 48px; }
.mhpap-playlist--v420.mhpap-track-design--compact .mhpap-playlist__track-cover { --mhpap-v42-track-cover-size: 38px; }
.mhpap-playlist--v420.mhpap-track-design--dense .mhpap-playlist__track { min-height: 42px; border-radius: 8px !important; }
.mhpap-playlist--v420.mhpap-track-design--dense .mhpap-playlist__track-cover { display: none; }
.mhpap-playlist--v420.mhpap-track-design--card .mhpap-playlist__track { background: var(--mhpap-v42-surface-effective) !important; box-shadow: 0 5px 18px color-mix(in srgb, #000 9%, transparent); }
.mhpap-playlist--v420.mhpap-track-design--media .mhpap-playlist__track-cover { --mhpap-v42-track-cover-size: 64px; }
.mhpap-playlist--v420.mhpap-track-design--media .mhpap-playlist__track { min-height: 78px; }

.mhpap-playlist--v420 .mhpap-playlist__show-more {
  min-height: 42px; margin: 12px auto 0; padding: 0 18px; border-radius: 999px; display: block;
}

/* Split mode is deliberately stable; controls stay in their own logical column. */
@media (min-width: 880px) {
  .mhpap-playlist--v420.mhpap-playlist--split {
    grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr) !important;
    align-items: start;
  }
}

/* Mobile / touch */
@media (max-width: 767px) {
  .mhpap-playlist--v420 {
    padding-bottom: max(14px, env(safe-area-inset-bottom));
  }
  .mhpap-playlist--v420 .mhpap-playlist__now { grid-template-columns: minmax(0,1fr); }
  .mhpap-playlist--v420 .mhpap-playlist__cover-wrap { width: min(var(--mhpap-v42-now-cover), 112px); height: min(var(--mhpap-v42-now-cover), 112px); }
  .mhpap-playlist--v420.mhpap-v420-hide-cover-mobile .mhpap-playlist__cover-wrap { display: none !important; }
  .mhpap-playlist--v420 .mhpap-playlist__utilities { align-items: stretch; }
  .mhpap-playlist--v420 .mhpap-playlist__utilities-primary,
  .mhpap-playlist--v420 .mhpap-playlist__actions { width: 100%; }
  .mhpap-playlist--v420 .mhpap-playlist__actions { justify-content: flex-start; }
  .mhpap-playlist--v420.mhpap-v420-icon-actions-mobile .mhpap-playlist__action span { display: none; }
  .mhpap-playlist--v420.mhpap-v420-icon-actions-mobile .mhpap-playlist__action { width: 44px; padding: 0; justify-content: center; }
  .mhpap-playlist--v420 .mhpap-playlist__library-head { align-items: stretch; }
  .mhpap-playlist--v420 .mhpap-playlist__search { max-width: none; width: 100%; order: 3; }
  .mhpap-playlist--v420 .mhpap-playlist__track-description { display: none; }
  .mhpap-playlist--v420 .mhpap-playlist__track { min-height: 52px; }
  .mhpap-playlist--v420 :where(.mhpap-playlist__btn,.mhpap-playlist__play,.mhpap-playlist__action,.mhpap-playlist__queue-add,.mhpap-playlist__library-toggle,.mhpap-playlist__show-more) { min-width: 44px; min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .mhpap-playlist--v420 *, .mhpap-audio-player.mhpap-ui-v420 * { transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

/* --------------------------------------------------------------------------
   Single-player 4.2 design layer
   -------------------------------------------------------------------------- */
.mhpap-audio-player.mhpap-ui-v420 {
  --mhpap-v42-player-radius: var(--mhpap-radius, 18px);
  --mhpap-v42-player-shadow: none;
  --mhpap-v42-player-density: 1;
  --mhpap-v42-player-focus: var(--mhpap-focus, var(--mhpap-accent, #e8e1d5));
  --mhpap-v42-player-control-radius: 999px;
  --mhpap-v42-player-control-gap: 8px;
  --mhpap-v42-player-cover-radius: var(--mhpap-cover-radius, 14px);
  border-radius: var(--mhpap-v42-player-radius) !important;
  box-shadow: var(--mhpap-v42-player-shadow);
}
.mhpap-audio-player.mhpap-ui-v420 .mhpap-audio-player__primary-actions,
.mhpap-audio-player.mhpap-ui-v420 .mhpap-audio-player__secondary-actions,
.mhpap-audio-player.mhpap-ui-v420 .mhpap-audio-player__experience-tools { gap: var(--mhpap-v42-player-control-gap); }
.mhpap-audio-player.mhpap-ui-v420 :where(.mhpap-audio-player__utility-button,.mhpap-audio-player__play,.mhpap-audio-player__download,.mhpap-audio-player__speed) { border-radius: var(--mhpap-v42-player-control-radius); }
.mhpap-audio-player.mhpap-ui-v420 .mhpap-audio-player__cover { border-radius: var(--mhpap-v42-player-cover-radius) !important; }
.mhpap-audio-player.mhpap-ui-v420 :where(button,a,input,select):focus-visible { outline-color: var(--mhpap-v42-player-focus) !important; outline-offset: 3px; }
.mhpap-audio-player.mhpap-ui-v420.mhpap-ui420-density--compact { --mhpap-v42-player-density: .78; }
.mhpap-audio-player.mhpap-ui-v420.mhpap-ui420-density--comfortable { --mhpap-v42-player-density: 1; }
.mhpap-audio-player.mhpap-ui-v420.mhpap-ui420-density--spacious { --mhpap-v42-player-density: 1.18; }
.mhpap-audio-player.mhpap-ui-v420.mhpap-ui420-skin--minimal { --mhpap-v42-player-radius: 16px; --mhpap-v42-player-shadow: none; }
.mhpap-audio-player.mhpap-ui-v420.mhpap-ui420-skin--hero { --mhpap-v42-player-radius: 28px; --mhpap-v42-player-shadow: 0 24px 70px rgba(0,0,0,.22); }
.mhpap-audio-player.mhpap-ui-v420.mhpap-ui420-skin--podcast { --mhpap-v42-player-radius: 22px; --mhpap-v42-player-shadow: 0 18px 50px rgba(0,0,0,.16); }
.mhpap-audio-player.mhpap-ui-v420.mhpap-ui420-skin--inline { --mhpap-v42-player-radius: 12px; --mhpap-v42-player-shadow: none; }
.mhpap-audio-player.mhpap-ui-v420.mhpap-ui420-skin--inline .mhpap-audio-player__header { align-items: center; }

@media (max-width: 767px) {
  .mhpap-audio-player.mhpap-ui-v420.mhpap-ui420-hide-cover-mobile .mhpap-audio-player__cover { display: none !important; }
  .mhpap-audio-player.mhpap-ui-v420.mhpap-ui420-hide-subtitle-mobile .mhpap-audio-player__subtitle { display: none !important; }
  .mhpap-audio-player.mhpap-ui-v420 { padding-bottom: max(var(--mhpap-padding-bottom, 0px), env(safe-area-inset-bottom)); }
}

/* Explicit minimal track mode: intentionally quiet but still addressable as a design preset. */
.mhpap-playlist--v420.mhpap-track-design--minimal .mhpap-playlist__track {
  background: transparent;
  border-color: color-mix(in srgb, var(--mhpap-v42-muted-effective) 12%, transparent);
}
.mhpap-playlist--v420.mhpap-track-design--minimal .mhpap-playlist__track-main {
  min-height: 56px;
}