.playlist-directory{padding:24px 0}.playlist-directory h1{font-size:clamp(36px,7vw,72px);margin:8px 0 16px}.playlist-filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;padding:22px 0 32px;border-bottom:1px solid var(--line,#333);margin-bottom:32px}.playlist-filters label{display:grid;gap:8px;flex:1 1 160px;font-size:14px}.playlist-filters input,.playlist-filters select{width:100%;min-width:0;padding:12px;border:1px solid var(--line,#555);border-radius:10px;background:var(--panel,#000);color:var(--panel-ink,#fff)}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:36px 24px}.playlist-card{min-width:0}.playlist-cover{display:block;position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#111}.playlist-cover>img{display:block;width:100%;height:100%;object-fit:contain}.playlist-badge{position:absolute;bottom:12px;right:12px;background:#fff;color:#000;min-width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:8px;font-size:23px;font-weight:800;box-shadow:0 3px 15px #0007;max-width:90%;font-size:16px}.playlist-badge img{width:28px;height:28px;object-fit:contain}.playlist-placeholder{display:grid;place-items:center;height:100%;font-size:80px;color:var(--accent)}.playlist-card h2{font-size:22px;line-height:1.25;margin:14px 0 8px}.playlist-by{font-size:14px;line-height:1.6}.playlist-by a{white-space:nowrap}.playlist-platforms{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}.playlist-pagination{display:flex;justify-content:center;gap:24px;align-items:center;margin:40px 0}.playlist-detail{max-width:820px;margin:30px auto;text-align:center}.playlist-detail-cover{width:min(100%,440px);height:auto;border-radius:20px;display:block;margin:20px auto}.playlist-detail h1{font-size:clamp(32px,6vw,56px);line-height:1.15}.playlist-description{line-height:1.8;max-width:680px;margin:24px auto;overflow-wrap:anywhere}.playlist-destinations{margin:36px 0}.playlist-service{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px;border-bottom:1px solid var(--line,#333)}.playlist-service .button{display:inline-flex;gap:10px;align-items:center}.playlist-creator-follow{font-size:14px}.playlist-artists{margin:32px 0}.playlist-artists .button{display:inline-block;margin:8px}#playlist-frame iframe{border:0;border-radius:16px;width:100%;height:460px;margin-top:16px}#playlist-frame iframe[data-video=true]{aspect-ratio:16/9;height:auto;min-height:240px}#playlist-player[hidden]{display:none!important}.playlist-card a:hover,.playlist-by a:hover{color:var(--accent,#ffb900)}@media(max-width:767px){.playlist-embed-button{display:none!important}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.playlist-card h2{font-size:18px}.playlist-filters label{flex-basis:42%}.playlist-badge{bottom:8px;right:8px}.playlist-service>.button{width:100%;justify-content:center}}@media(max-width:360px){.playlist-grid{grid-template-columns:1fr}}
