Redesign playlist header, player deck, now-playing actions and lyrics panel layout

frontend/app.js

@@ -7209,9 +7209,11 @@ function renderList() {
     if (pl) {
       const playAll = document.createElement('button');
       playAll.textContent = '▶ Play all';
+      playAll.className = 'la-primary';
       playAll.onclick = () => { if (pl.videos.length) playFromList(pl.videos, 0, 'playlist:' + pl.id); };
       const playFull = document.createElement('button');
       playFull.textContent = '▶ Play in full';
+      playFull.className = 'la-main';
       playFull.title = 'Play every video start to finish — ignores saved positions and A-B loops, stops after the last one';
       playFull.onclick = () => {
         if (!pl.videos.length) return;
@@ -7220,6 +7222,7 @@ function renderList() {
       };
       const serviceBtn = document.createElement('button');
       serviceBtn.textContent = '🎤 Service mode';
+      serviceBtn.className = 'la-main';
       serviceBtn.title = 'Set-list view with screen wake lock';
       serviceBtn.onclick = () => {
         if (!pl.videos || !pl.videos.length) { toast('Playlist is empty'); return; }
@@ -7227,6 +7230,7 @@ function renderList() {
       };
       const queueAll = document.createElement('button');
       queueAll.textContent = '＋ Queue';
+      queueAll.className = 'la-main';
       queueAll.onclick = () => { pl.videos.forEach((v) => addToQueue(v, { quiet: true })); toast('Added playlist to queue'); };
       const rename = document.createElement('button');
       rename.textContent = 'Rename';