.spip-audio-player-compact {
	--player-bg: #111827;
	--player-accent: #60a5fa;
	--player-text: #f8fafc;
	--player-text-muted: #94a3b8;
	font-family: system-ui, -apple-system, sans-serif;
	max-width: 500px;
	margin: 8px auto;
	background: var(--player-bg);
	border-radius: 16px;
	color: var(--player-text);
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.3);
	border: 1px solid rgba(255,255,255,0.05);
	padding: 12px 16px;
	text-align: left;
	margin-bottom: 35px;
}
.player-main-row { display: flex; align-items: center; gap: 16px; }
.player-info-controls { flex: 1; min-width: 0; }
.track-meta { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 8px; }
.track-text { min-width: 0; flex: 1; }
.track-title-compact { font-size: 16px; font-weight: 600; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--player-text); }
.spip-audio-player-compact .track-artist-compact { font-size: 12px; color: var(--player-text-muted); margin: 2px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.compact-controls { display: flex; align-items: center; gap: 12px; }
.btn-play-compact { width: 36px; height: 36px; background: var(--player-accent); color: #000; border-radius: 50%; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.2s; }
.btn-play-compact:hover { transform: scale(1.05); }
.btn-nav-compact { background: none; border: none; color: var(--player-text); cursor: pointer; opacity: 0.6; padding: 4px; display: flex; align-items: center; }
.btn-nav-compact:hover { opacity: 1; }
.btn-nav-compact.hidden { display: none; }
.progress-wrapper-compact { margin-top: 4px; }
.progress-container-compact { width: 100%; height: 4px; background: rgba(255,255,255,0.1); border-radius: 2px; cursor: pointer; position: relative; }
.progress-bar-compact { height: 100%; background: var(--player-accent); border-radius: 2px; width: 0%; }
.time-compact { display: flex; justify-content: space-between; font-size: 10px; color: var(--player-text-muted); margin-top: 4px; font-family: monospace; }
.playlist-toggle { background: none; border: none; color: var(--player-text-muted); cursor: pointer; padding: 4px; display: flex; align-items: center; }
.playlist-compact { margin-top: 12px; max-height: 150px; overflow-y: auto; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 8px; }
.playlist-item-compact { padding: 8px 12px; font-size: 12px; border-radius: 8px; cursor: pointer; display: flex; justify-content: space-between; color: var(--player-text-muted); }
.playlist-item-compact:hover { background: rgba(255,255,255,0.05); color: var(--player-text); }
.playlist-item-compact.active { color: var(--player-accent); background: rgba(96, 165, 250, 0.1); }