.ytm-player-wrapper {
    background: #000;
    color: #fff;
    padding: 12px 24px;
    position: fixed; /* Optional: Keep at bottom of screen */
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    box-sizing: border-box;
    border-top: 1px solid #333;
}

.ytm-player-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: 0 auto;
}

/* Metadata Section */
.ytm-info-sec { display: flex; align-items: center; gap: 15px; width: 25%; }
.ytm-art { width: 48px; height: 48px; border-radius: 2px; object-fit: cover; }
.ytm-song-name { font-size: 14px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ytm-artist-name { font-size: 12px; color: #aaa; }

/* Control Section */
.ytm-control-sec { flex-grow: 1; display: flex; flex-direction: column; align-items: center; width: 50%; }
.ytm-button-row { display: flex; align-items: center; gap: 20px; margin-bottom: 4px; }
.ytm-play-circle { 
    background: #fff; border-radius: 50%; width: 40px; height: 40px; 
    border: none; cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.ytm-play-circle .dashicons { font-family: dashicons !important; color: #000; font-size: 26px !important; }
.ytm-play-circle .dashicons { color: #000; font-size: 26px; display: flex; align-items: center; }
.ytm-icon-btn { background: none; border: none; color: #fff; cursor: pointer; transition: 0.2s; }
.ytm-icon-btn:hover { opacity: 0.7; }
.ytm-icon-btn.secondary { color: #888; }

/* Timeline Section */
.ytm-timeline-row { display: flex; align-items: center; gap: 12px; width: 100%; font-size: 11px; color: #aaa; }
#ytm-seek { flex-grow: 1; height: 3px; accent-color: #fff; cursor: pointer; }

/* Utility Section */
.ytm-utility-sec { display: flex; align-items: center; justify-content: flex-end; gap: 14px; width: 25%; }