.cdp-playlist { max-width: 760px; display: grid; grid-template-columns: minmax(0, 420px) minmax(160px, 1fr); gap: 24px; align-items: start; }
.cdp-playlist .cdp-player { margin: 0; box-sizing: border-box; width: 100%; max-width: 420px; }
.cdp-playlist__current { margin: 0 0 12px; font-weight: 600; }
.cdp-playlist button { min-height: 44px; border: 1px solid #c3c4c7; border-radius: 6px; padding: 8px 12px; background: #fff; color: #1d2327; cursor: pointer; font: inherit; }
.cdp-playlist button:focus-visible { outline: 2px solid #2271b1; outline-offset: 2px; }
.cdp-playlist button:disabled { opacity: .45; cursor: default; }
.cdp-playlist button[hidden] { display: none; }
.cdp-playlist__controls { display: flex; gap: 8px; margin-top: 12px; }
.cdp-playlist__controls button { flex: 1; }
.cdp-playlist [data-playlist-start] { background: #2271b1; color: white; }
.cdp-playlist__chapters { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.cdp-playlist__chapters button { width: 100%; text-align: left; }
.cdp-playlist__chapters [aria-current] { border-color: #2271b1; background: #edf6fc; color: #135e96; }
.cdp-playlist__card { position: absolute; inset: 0; z-index: 100; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; padding: 24px; background: #000; color: #fff; text-align: center; opacity: 1; transition: opacity 160ms ease; }
.cdp-playlist__card[hidden] { display: none; }
.cdp-playlist[data-title-enabled="0"] .cdp-playlist__card-kicker,
.cdp-playlist[data-title-enabled="0"] .cdp-playlist__card strong { display: none; }
.cdp-playlist__card[data-state="fading"] { opacity: 0; pointer-events: none; }
.cdp-playlist__card-kicker { color: #bcbcbc; font-size: 14px; letter-spacing: .15em; }
.cdp-playlist__card strong { color: #fff; font: 600 26px/1.5 system-ui, sans-serif; letter-spacing: .08em; overflow-wrap: anywhere; }
.cdp-playlist__card[data-state="intro"] strong { animation: cdp-title-appear 160ms ease-out; }
.cdp-playlist__card-note { color: #bcbcbc; font: 14px/1.6 system-ui, sans-serif; min-height: 23px; }
@keyframes cdp-title-appear { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .cdp-playlist__card { transition: none; } .cdp-playlist__card strong { animation: none !important; } }
@media (max-width: 782px) { .cdp-playlist { grid-template-columns: minmax(0, 1fr); gap: 16px; max-width: 420px; } }
.cdf-playback-preview #adminmenumain, .cdf-playback-preview #wpadminbar, .cdf-playback-preview #wpfooter { display: none; }
.cdf-playback-preview #wpcontent { margin-left: 0; padding: 20px; }
.cdf-playback-preview #wpbody { padding-top: 0; }
.cdf-playback-preview .wrap { max-width: 760px; margin: 0 auto; }
.cdf-playback-preview #wpbody-content { padding-bottom: 0; }
@media (min-width: 783px) {
  .cdf-playback-preview .cdp-playlist { grid-template-columns: clamp(260px, calc(56.25vh - 145px), 420px) minmax(160px, 1fr); }
}
@media (max-width: 782px) {
  .cdf-playback-preview #wpcontent { padding: 12px; }
  .cdf-playback-preview .wrap { max-width: 420px; }
}