/* The deck determines the shared row height; tracks scroll inside their frame. */
html[data-theme] .playlist-panel{contain:size;min-height:0;overflow:hidden}
html[data-theme] .playlist-window{min-height:0;overflow:hidden}
html[data-theme] .playlist{
 display:block;min-height:0;max-height:100%;overflow-y:scroll;overflow-x:hidden;
 scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--g-accent) var(--g-panel);
}
/* Windows 3.0: square parts in the console palette, and stepped arrow buttons. */
@supports selector(::-webkit-scrollbar){
 html[data-theme] .playlist{scrollbar-color:auto}
}
html[data-theme] .playlist::-webkit-scrollbar{display:block;width:18px;background:var(--g-panel)}
html[data-theme] .playlist::-webkit-scrollbar-track{background:var(--g-panel);border:1px solid var(--g-line);box-shadow:none}
html[data-theme] .playlist::-webkit-scrollbar-thumb,
html[data-theme] .playlist::-webkit-scrollbar-thumb:hover{min-height:28px;border:1px solid var(--g-line);border-radius:0;background:var(--g-accent);box-shadow:none}
html[data-theme] .playlist::-webkit-scrollbar-thumb:active{background:var(--g-muted)}
html[data-theme] .playlist::-webkit-scrollbar-button:single-button{display:block;height:18px;background-color:var(--key-face);border:1px solid var(--g-line);box-shadow:none;background-position:center;background-repeat:no-repeat;background-size:9px 7px}
html[data-theme] .playlist::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7' shape-rendering='crispEdges'%3E%3Cpath fill='%2349232e' d='M4 0h1v1H4ZM3 1h3v1H3ZM2 2h5v1H2ZM1 3h7v1H1ZM0 4h9v1H0ZM3 5h3v2H3Z'/%3E%3C/svg%3E")}
html[data-theme] .playlist::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7' shape-rendering='crispEdges'%3E%3Cpath fill='%2349232e' d='M3 0h3v2H3ZM0 2h9v1H0ZM1 3h7v1H1ZM2 4h5v1H2ZM3 5h3v1H3ZM4 6h1v1H4Z'/%3E%3C/svg%3E")}
html[data-theme] .playlist::-webkit-scrollbar-button:single-button:active{background-color:var(--g-metal)}
@media(max-width:740px){
 html[data-theme] .playlist-panel{contain:none}
 html[data-theme] .playlist-window{height:260px;flex:none}
}
html[data-theme=dark] .playlist::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7' shape-rendering='crispEdges'%3E%3Cpath fill='%23f2f2ed' d='M4 0h1v1H4ZM3 1h3v1H3ZM2 2h5v1H2ZM1 3h7v1H1ZM0 4h9v1H0ZM3 5h3v2H3Z'/%3E%3C/svg%3E")}
html[data-theme=dark] .playlist::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7' shape-rendering='crispEdges'%3E%3Cpath fill='%23f2f2ed' d='M3 0h3v2H3ZM0 2h9v1H0ZM1 3h7v1H1ZM2 4h5v1H2ZM3 5h3v1H3ZM4 6h1v1H4Z'/%3E%3C/svg%3E")}