/* Music library cards in the shared 1920 × 720 CarPlay coordinate space. */
.music-playlists{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:30px 42px;padding:24px 48px 34px}
.playlist-card{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:10px 16px 16px;border-radius:24px;color:var(--text,#fff);text-align:center;background:transparent;transition:background .15s ease,opacity .15s ease}
.playlist-card:hover{background:#ffffff09}
.playlist-card:focus-visible{outline:5px solid var(--kit-accent,#64d2ff);outline-offset:2px;background:#ffffff0d}
.playlist-art,.playlist-cover{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1;background:var(--raised,#2c2c2e);overflow:hidden;border-radius:18px;isolation:isolate}
.playlist-art{width:288px;max-width:100%;flex-shrink:0}
.playlist-art img,.playlist-cover img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}
.playlist-art img:only-child,.playlist-cover img:only-child{grid-column:1/-1;grid-row:1/-1}
.playlist-art img:first-child:nth-last-child(2),.playlist-art img:first-child:nth-last-child(2)~img,.playlist-cover img:first-child:nth-last-child(2),.playlist-cover img:first-child:nth-last-child(2)~img{grid-row:1/-1}
.playlist-art img:first-child:nth-last-child(3),.playlist-cover img:first-child:nth-last-child(3){grid-row:1/-1}
.playlist-card>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;margin-top:17px;font-size:32px;line-height:36px;font-weight:600;overflow-wrap:anywhere}
.playlist-card>span:not(.playlist-art){margin-top:8px;font-size:28px;line-height:34px;color:var(--secondary,#9c9ca5)}
.playlist-toolbar{display:flex;align-items:center;gap:30px;flex-shrink:0;padding:24px 40px;border-bottom:1px solid var(--line,#3a3a3c)}
.playlist-cover{width:128px;height:128px;flex:0 0 128px;border-radius:14px}
.playlist-cover>.playlist-art{width:100%;height:100%;grid-column:1/-1;grid-row:1/-1;border-radius:inherit}
.playlist-count{min-width:0;font-size:30px;line-height:1.3;color:var(--secondary,#9c9ca5)}
.playlist-controls{display:flex;align-items:center;gap:18px;margin-left:auto}
.playlist-controls button{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:72px;min-width:148px;padding:16px 27px;border-radius:16px;background:var(--raised,#2c2c2e);color:var(--text,#fff);font-size:30px;line-height:36px;font-weight:500;white-space:nowrap;transition:background .15s ease,opacity .15s ease}
.playlist-controls button:first-child{background:var(--kit-accent,#64d2ff);color:#101015}
.playlist-controls button svg{display:block;width:30px;height:30px;flex-shrink:0;fill:currentColor}
.playlist-controls button:focus-visible{outline:4px solid var(--kit-accent,#64d2ff);outline-offset:5px}
.playlist-controls button:first-child:focus-visible{outline-color:var(--text,#fff)}
.playlist-controls button:hover{filter:brightness(1.08)}
.playlist-controls button:disabled{filter:none;cursor:default}
.light .playlist-card:hover{background:#0a84ff08}
.light .playlist-card:focus-visible{background:#0a84ff0c}
.light .music-playlists{scrollbar-color:#00000030 transparent}
@media(max-width:680px){
 .app-header{grid-template-columns:50px minmax(0,1fr) 50px}
 .music-playlists{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px;padding:14px 11px 22px}
 .playlist-card{padding:5px 3px 10px;border-radius:12px}
 .playlist-card:focus-visible{outline-width:2px;outline-offset:1px}
 .playlist-art{width:clamp(90px,25vw,150px);max-width:100%;border-radius:10px}
 .playlist-card>strong{margin-top:9px;font-size:15px;line-height:19px}
 .playlist-card>span:not(.playlist-art){margin-top:5px;font-size:12px;line-height:16px}
 .playlist-toolbar{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px 13px;padding:14px 13px}
 .playlist-cover{grid-column:1;grid-row:1/3;width:72px;height:72px;border-radius:10px}
 .playlist-toolbar>:not(.playlist-cover){grid-column:2;min-width:0}
 .playlist-count{font-size:14px;line-height:19px}
 .playlist-controls{margin-left:0;gap:7px;flex-wrap:wrap}
 .playlist-controls button{height:36px;min-width:0;padding:8px 10px;border-radius:8px;gap:6px;font-size:12px;line-height:16px}
 .playlist-controls button svg{width:15px;height:15px}
 .playlist-controls button:focus-visible{outline-width:2px;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.playlist-card,.playlist-controls button{transition:none}}
.screen.reduced .playlist-card,.screen.reduced .playlist-controls button{transition:none}