/* Playlist list */
.vpl-playlist{border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.vpl-list{list-style:none;margin:0;padding:0}
.vpl-item{display:flex;gap:.75rem;align-items:center;border-bottom:1px solid #f0f2f5;padding:.75rem .9rem}
.vpl-item:last-child{border-bottom:none}
.vpl-thumb{width:64px;height:36px;object-fit:cover;border-radius:6px;opacity:.95}
.vpl-title{all:unset;cursor:pointer;flex:1;font-weight:600;line-height:1.3}
.vpl-title:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}
.vpl-duration{font-weight:500;opacity:.6;margin-left:.5rem}
.vpl-desc{font-size:.92rem;opacity:.8;margin-top:.25rem}

/* Modal */
.vpl-no-scroll{overflow:hidden}
.vpl-modal{position:fixed;inset:0;display:none;z-index:9999}
.vpl-modal.vpl-open{display:block}
.vpl-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.vpl-dialog{position:absolute;inset:5% 8%;background:#000;border-radius:12px;box-shadow:0 25px 50px rgba(0,0,0,.35);display:flex;flex-direction:column}
.vpl-player{position:relative;flex:1;min-height:60vh}
.vpl-close{position:absolute;right:.5rem;top:.25rem;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer;line-height:1}
@media (max-width: 640px){
  .vpl-dialog{inset:6% 3%}
  .vpl-player{min-height:50vh}
}