/* Keep the original iframe mounted and unobstructed in every video mode. */
.np-video-tool {display:none}
body[data-view=nowplaying] #player-card .np-video-tool {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex:none;padding:7px 10px;font-size:14px;white-space:nowrap}
body[data-view=nowplaying] #player-card .np-heading {display:none}
body[data-view=nowplaying] #player-card #mini-player-bar {grid-gap:6px;gap:6px}
body[data-view=nowplaying] #player-card #mini-open-player {flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#player-card .np-video-tool[aria-pressed=true] {background:var(--accent);color:white}
#karaoke-panel {min-width:0;min-height:0;max-width:100%;overflow-y:auto;overflow-x:hidden;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel2);display:flex;flex-direction:column;grid-gap:10px;gap:10px;scrollbar-width:thin}
.karaoke-heading {display:flex;grid-gap:8px;gap:8px;align-items:center;justify-content:space-between;flex:none;font-size:14px;font-weight:600}
#karaoke-badge {color:var(--muted);font-weight:400;text-align:right}
#karaoke-native h2 {font-size:22px;line-height:1.2;margin:4px 0 10px}
#karaoke-native p,#lyric-settings p {font-size:14px;line-height:1.5;color:var(--muted);margin:8px 0}
.caption-sizes {display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px;margin-top:10px}
.caption-sizes button {flex:1;min-width:44px;min-height:44px;border-radius:14px;background:var(--panel);padding:6px 8px;font-size:14px}
.caption-sizes button[aria-pressed=true] {background:var(--accent);color:#fff}
#karaoke-lines {flex:1;min-height:140px;display:flex;flex-direction:column;justify-content:center;grid-gap:12px;gap:12px;padding:4px 0}
#karaoke-lines p {white-space:pre-line;overflow-wrap:anywhere}
#lyric-current {font-size:32px;font-weight:650;line-height:1.25;color:var(--text);letter-spacing:-.3px}
#lyric-previous,#lyric-next {font-size:16px;line-height:1.35;color:var(--muted)}
.karaoke-file-row {display:flex;flex-wrap:wrap;align-items:center;grid-gap:8px;gap:8px;flex:none;font-size:14px}
#lyric-import {min-height:44px;flex:none;font-size:14px}
#lyric-filename {min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#lyric-settings {font-size:14px;flex:none}
#lyric-settings summary {min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--muted)}
#lyric-settings summary:focus-visible {outline:3px solid var(--accent)}
#lyric-timing>button {min-height:44px;font-size:14px;margin:4px 4px 0 0}
.lyric-offset {display:flex;justify-content:space-between;grid-gap:4px;gap:4px;align-items:center}
.lyric-offset button {min-width:44px;min-height:44px;padding:6px;background:var(--panel);border-radius:12px;font-size:14px}
#lyric-offset {font-size:14px;white-space:nowrap}
html[data-interface=android-auto] #player-card .np-video-tool[aria-pressed=true],html[data-interface=android-auto] .caption-sizes button[aria-pressed=true] {background:var(--aa-accent);color:var(--aa-on-accent)}
body[data-view=nowplaying] #workspace #player-card[data-video-mode=video],body[data-view=nowplaying] #workspace #player-card[data-video-mode=karaoke] {
 display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(200px,1fr) 44px;grid-template-areas:'header' 'media' 'progress';grid-gap:6px 14px;gap:6px 14px;padding:8px 12px!important;overflow:hidden;
}
body[data-view=nowplaying] #player-card[data-video-mode=video] #video-wrap,body[data-view=nowplaying] #player-card[data-video-mode=karaoke] #video-wrap {width:100%;height:100%;min-height:200px;max-height:none;min-width:200px;align-self:stretch;margin:0;border-radius:16px;background:#000;box-shadow:none}
body[data-view=nowplaying] #player-card[data-video-mode=video] .track-meta,body[data-view=nowplaying] #player-card[data-video-mode=karaoke] .track-meta,
body[data-view=nowplaying] #player-card[data-video-mode=video] .transport,body[data-view=nowplaying] #player-card[data-video-mode=karaoke] .transport,
body[data-view=nowplaying] #player-card[data-video-mode=video] .np-actions,body[data-view=nowplaying] #player-card[data-video-mode=karaoke] .np-actions,
body[data-view=nowplaying] #player-card[data-video-mode=video] #np-next-up,body[data-view=nowplaying] #player-card[data-video-mode=karaoke] #np-next-up,
body[data-view=nowplaying] #player-card[data-video-mode=video] #player-status,body[data-view=nowplaying] #player-card[data-video-mode=karaoke] #player-status {display:none!important}
body[data-view=nowplaying] #player-card[data-video-mode=video] .progress,body[data-view=nowplaying] #player-card[data-video-mode=karaoke] .progress {height:44px;min-height:44px;margin:0;padding:0}
body[data-view=nowplaying] #player-card[data-video-mode=video] #youtube-fallback:not([hidden]),body[data-view=nowplaying] #player-card[data-video-mode=karaoke] #youtube-fallback:not([hidden]) {grid-area:progress;position:relative;font-size:14px}
@media(min-width:600px) and (orientation:landscape) {
 body[data-view=nowplaying] #workspace #player-card[data-video-mode=karaoke] {grid-template-columns:minmax(200px,1fr) minmax(220px,1fr);grid-template-areas:'header header' 'media lyrics' 'progress lyrics'}
 body[data-view=nowplaying] #player-card #karaoke-panel {grid-area:lyrics}
}
@media(max-width:599px),(orientation:portrait) {
 body[data-view=nowplaying] #workspace #player-card[data-video-mode=karaoke] {grid-template-rows:44px 200px 44px minmax(230px,1fr);grid-template-areas:'header' 'media' 'progress' 'lyrics';overflow-y:auto}
 body[data-view=nowplaying] #player-card #karaoke-panel {grid-area:lyrics}
 body[data-view=nowplaying] #player-card #player-queue-button {display:none}
 body[data-view=nowplaying] #player-card .np-video-tool {padding:6px}
}
@media(max-height:400px) and (orientation:landscape) {
 #karaoke-panel {padding:8px 12px;grid-gap:5px;gap:5px}
 #karaoke-lines {min-height:100px;grid-gap:6px;gap:6px}
 #lyric-current {font-size:24px}
 #lyric-previous {display:none}
}
@media(max-height:329px) and (orientation:landscape) {
 body[data-view=nowplaying] #workspace #player-card[data-video-mode=video],body[data-view=nowplaying] #workspace #player-card[data-video-mode=karaoke] {overflow-y:auto}
}

.playlist-description {font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 14px;max-width:70ch}
body[data-view=nowplaying] #player-card[data-video-mode=video] #seek,body[data-view=nowplaying] #player-card[data-video-mode=karaoke] #seek {height:24px;min-height:24px}
body[data-view=nowplaying] #player-card[data-video-mode=video] #np-seek-hint,body[data-view=nowplaying] #player-card[data-video-mode=karaoke] #np-seek-hint {display:none}
/* A short headunit keeps native video controls reachable above its taskbar. */
@media(max-height:400px) and (min-width:600px) and (orientation:landscape) {
 body[data-view=nowplaying] #workspace #player-card[data-video-mode=video] {grid-template-rows:44px minmax(200px,1fr);grid-template-areas:'header' 'media';grid-gap:4px 12px;gap:4px 12px;padding:6px 10px!important}
 body[data-view=nowplaying] #workspace #player-card[data-video-mode=karaoke] {grid-template-rows:44px minmax(200px,1fr);grid-template-areas:'header header' 'media lyrics';grid-gap:4px 12px;gap:4px 12px;padding:6px 10px!important}
 body[data-view=nowplaying] #player-card[data-video-mode=video] .progress,body[data-view=nowplaying] #player-card[data-video-mode=karaoke] .progress {display:none}
 body[data-view=nowplaying] #player-card[data-video-mode=video] #youtube-fallback:not([hidden]),body[data-view=nowplaying] #player-card[data-video-mode=karaoke] #youtube-fallback:not([hidden]) {grid-area:header}
}
/* Lyrics own the larger column, with controls outside the reading area. */
#music-view .music-now-playing {position:sticky;top:0;z-index:4;display:flex;align-items:center;grid-gap:10px;gap:10px;width:100%;min-height:58px;padding:9px 14px;margin-bottom:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);color:var(--text);box-shadow:0 4px 16px rgba(0,0,0,0.133);text-align:left}
.music-now-playing>span {flex:1;min-width:0}
.music-now-playing strong,.music-now-playing small {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-now-playing strong {font-size:16px;line-height:21px}
.music-now-playing small {font-size:14px;line-height:19px;color:var(--muted)}
#karaoke-panel {--lyric-size:48px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px minmax(0,1fr) 44px;padding:8px 16px;grid-gap:6px;gap:6px;overflow:hidden;background:var(--panel);border-color:var(--line)}
.karaoke-heading {grid-row:1;min-width:0;grid-gap:6px;gap:6px;font-size:14px}
.karaoke-heading>div:first-child {min-width:0;flex:1}
#lyric-song-title,#karaoke-badge {display:block;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;line-height:19px;max-width:100%}
.lyric-font-controls {display:flex;flex:none;grid-gap:2px;gap:2px}
.lyric-font-controls button {min-width:44px;min-height:44px;padding:6px;border-radius:13px;font-size:18px;background:var(--panel2)}
#lyric-options[aria-expanded=true] {background:var(--accent);color:white}
#karaoke-native,#karaoke-lines,#lyric-plain,#lyric-results,#lyric-settings {grid-column:1;grid-row:2;min-height:0;min-width:0;max-width:100%;margin:0}
#karaoke-native,#lyric-plain,#lyric-results,#lyric-settings {overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
#karaoke-native {align-self:center;max-height:100%;padding:8px 0}
#karaoke-native h2 {font-size:28px;line-height:1.2}
#karaoke-native p {font-size:16px;line-height:1.5}
#karaoke-native button {min-height:44px;font-size:16px}
#karaoke-lines {align-self:stretch;min-height:0;display:flex;flex-direction:column;justify-content:center;grid-gap:14px;gap:14px;overflow:hidden;padding:8px 0}
#karaoke-lines #lyric-current {flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;font-size:var(--lyric-size);font-weight:700;line-height:1.18;letter-spacing:-.6px;white-space:pre-line;overflow-wrap:anywhere;padding:2px 0}
#karaoke-lines #lyric-previous,#karaoke-lines #lyric-next {display:block;flex:0 0 auto;font-size:20px;line-height:1.3;max-height:2.6em;overflow:hidden;color:var(--muted)}
#karaoke-lines #lyric-previous:empty,#karaoke-lines #lyric-next:empty {display:none}
#karaoke-lines.lyric-focus #lyric-previous,#karaoke-lines.lyric-focus #lyric-next {display:none}
#lyric-plain {font-size:var(--lyric-size);line-height:1.35;white-space:pre-line;overflow-wrap:anywhere;padding:12px 0}
#lyric-results>p {font-size:16px;color:var(--muted);padding:8px 0}
#lyric-results>button {display:block;width:100%;min-height:64px;text-align:left;border-bottom:1px solid var(--line);padding:10px 6px}
#lyric-results strong,#lyric-results span {display:block;overflow-wrap:anywhere}
#lyric-results strong {font-size:17px;line-height:1.35}
#lyric-results span {font-size:14px;color:var(--muted);line-height:1.4;margin-top:4px}
#karaoke-panel.lyric-options-open #karaoke-native,#karaoke-panel.lyric-options-open #karaoke-lines,#karaoke-panel.lyric-options-open #lyric-plain,
#karaoke-panel.lyric-results-open #karaoke-native,#karaoke-panel.lyric-results-open #karaoke-lines,#karaoke-panel.lyric-results-open #lyric-plain {display:none!important}
#lyric-settings {font-size:16px;padding:8px 0}
#lyric-settings .lyric-help,#lyric-settings #caption-status {font-size:14px;line-height:1.5;color:var(--muted);margin:10px 0}
#lyric-search-form {margin-bottom:12px}
#lyric-search-form label {display:block;font-size:16px;line-height:1.4;margin-bottom:6px}
#lyric-search-form>div {display:flex;grid-gap:6px;gap:6px}
#lyric-query {width:0;min-width:0;flex:1;font-size:16px;padding:8px}
#lyric-search-form button,#lyric-remove {min-height:44px;font-size:16px}
.lyric-footer {grid-row:3;display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;font-size:14px;min-height:44px;border-top:1px solid var(--line);white-space:nowrap}
.lyric-footer a {overflow:hidden;text-overflow:ellipsis;font-size:14px}
#lyric-change {min-height:44px;padding:6px;font-size:14px;flex:none}
#lyric-font-label {color:var(--muted);margin-left:auto}
html[data-interface=android-auto] #music-view .music-now-playing {background:var(--aa-raised);color:var(--aa-text)}
@media(min-width:600px) and (orientation:landscape) {
 body[data-view=nowplaying] #workspace #player-card[data-video-mode=karaoke] {grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr)}
}
@media(max-height:400px) and (min-width:600px) and (orientation:landscape) {
 #karaoke-panel {padding:6px 10px;grid-gap:4px;gap:4px;grid-template-rows:44px minmax(0,1fr) 44px}
 #karaoke-lines {grid-gap:8px;gap:8px;padding:2px 0}
 #karaoke-lines #lyric-previous {display:none}
 #karaoke-lines #lyric-next {font-size:18px;max-height:1.3em}
}
@media(max-width:599px),(orientation:portrait) {
 body[data-view=nowplaying] #workspace #player-card[data-video-mode=karaoke] {grid-template-rows:44px 200px 44px minmax(300px,1fr)}
 #karaoke-panel {min-height:300px;padding:6px 12px}
}
@media(prefers-reduced-motion:no-preference) {
 #lyric-current {transition:color .15s ease}
}
