.vap-playlist{display:grid;grid-template-columns:minmax(250px,34%) minmax(0,1fr);width:100%;background:#F6F7F8;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-sizing:border-box;min-height:420px}.vap-playlist *{box-sizing:border-box}.vap-list{border-right:1px solid #e5e7eb;background:#F6F7F8;overflow-y:auto;overflow-x:hidden;height:100%;min-height:0}.vap-list-title{font-weight:700;padding:18px;border-bottom:1px solid #e5e7eb;font-size:16px}.vap-playlist .vap-item{display:flex;width:100%;border:0;border-bottom:1px solid #e5e7eb;background:transparent;text-align:left;padding:14px 15px;cursor:pointer;color:inherit;font:inherit;gap:11px;align-items:flex-start;line-height:normal}.vap-playlist .vap-item:hover{background:#F6F7F8}.vap-playlist .vap-item.is-active{background:#e5e7eb}.vap-number{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e5e7eb;font-size:12px;font-weight:700}.vap-item.is-active .vap-number{background:#111827;color:#fff}.vap-item-title{line-height:1.4;font-size:14px}.vap-main{min-width:0;display:flex;flex-direction:column;background:#F6F7F8}.vap-player-wrap{background:#000;aspect-ratio:16/9;width:100%;display:flex;align-items:center;justify-content:center}.vap-player-frame,.vap-player-video{display:block;width:100%;height:100%;border:0;object-fit:contain}.vap-current-title{background:#F6F7F8;padding:17px 20px;font-size:18px;font-weight:700;line-height:1.4}.vap-current-description{background:#F6F7F8;padding:0 20px 20px;font-size:15px;line-height:1.55;white-space:normal}.vap-error{padding:16px;border:1px solid #f0b7b7;background:#fff5f5}@media(max-width:760px){.vap-playlist{grid-template-columns:1fr}.vap-list{order:2;border-right:0;border-top:1px solid #e5e7eb;height:auto;max-height:330px}.vap-main{order:1}}