.mypg-playerlayout{width:100%}
.mypg-playerwrap{width:100%;max-width:1200px;margin:0 auto 14px auto;aspect-ratio:16/9}
.mypg-player{width:100%;height:100%;border:0;border-radius:14px;background:#000}
.mypg-list{
  --mypg-cols:3; --mypg-list-h:520px;
  display:grid;
  grid-template-columns:repeat(var(--mypg-cols), minmax(0, 1fr));
  gap:14px;
  max-height:var(--mypg-list-h);
  overflow:auto;
  padding:6px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  background:rgba(0,0,0,.02);
}
.mypg-item{cursor:pointer;text-align:left;border:0;padding:0;background:transparent;border-radius:12px;outline:none}
.mypg-item img{width:100%;border-radius:12px;display:block}
.mypg-item span{display:block;font-size:14px;margin-top:8px;line-height:1.25}
.mypg-item.is-active img{outline:3px solid rgba(0,0,0,.85);outline-offset:2px}
.mypg-empty{padding:14px 16px;border:1px dashed #c9c9c9;border-radius:14px;background:#fafafa}
.mypg-paywall{padding:14px 16px;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#fff}
.mypg-paywall .button{display:inline-block;margin-top:8px}
@media (max-width: 900px){.mypg-list{grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width: 520px){.mypg-list{grid-template-columns:repeat(1, minmax(0, 1fr));max-height:520px;}}