/* Basic layout */
.mp3pfp { max-width: 760px; margin: 1rem 0; }
.mp3pfp audio { width: 100%; margin: 0.5rem 0; }

/* Playlist list */
.mp3pfp-list { list-style: none; padding: 0; margin: 0.5rem 0; }
.mp3pfp-item { display: flex; align-items: center; gap: 10px; padding: 8px; border-bottom: 1px solid #eee; }
.mp3pfp-cover { width: 48px; height: 48px; object-fit: cover; border-radius: 4px; }
.mp3pfp-item-play { border: none; background: transparent; cursor: pointer; font-size: 16px; }

/* Controls */
.mp3pfp-controls { display: none; grid-template-columns: auto auto auto 1fr auto auto auto; gap: 8px; align-items: center; }
.mp3pfp-btn { border: none; background: var(--mp3pfp-accent, #2b6cb0); color: #fff; padding: 6px 10px; border-radius: 4px; cursor: pointer; }
.mp3pfp-btn:hover { filter: brightness(1.05); }
.mp3pfp-title { font-weight: 600; padding: 0 8px; }
.mp3pfp-seek { width: 100%; }
.mp3pfp-volume { width: 120px; }

/* Brand accent via CSS var */
:root { --mp3pfp-accent: #2b6cb0; }