.aypg-gallery{width:100%;max-width:1200px;margin:30px auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:15px;direction:ltr;box-sizing:border-box}
.aypg-player{width:100%;height:auto;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.aypg-player iframe{width:100%;height:100%;border:0;display:block}
.aypg-sidebar{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;min-width:0}
.aypg-header{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#222;color:#fff;font-size:17px;font-weight:600;box-sizing:border-box}
.aypg-count{font-size:13px;font-weight:400;opacity:.75}
.aypg-list{overflow-y:auto}
.aypg-item{width:100%;display:grid;grid-template-columns:30px 120px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border:0;border-bottom:1px solid #eee;cursor:pointer;background:#fff;text-align:left;box-sizing:border-box;font:inherit}
.aypg-item:hover{background:#f3f3f3}
.aypg-item.active{background:#e8f0fe}
.aypg-number{text-align:center;font-size:13px;color:#777}
.aypg-thumbnail{position:relative;width:120px;height:68px;overflow:hidden;border-radius:5px;background:#ddd;display:block}
.aypg-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}
.aypg-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.75);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}
.aypg-title{font-size:14px;line-height:1.4;color:#222;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.aypg-error{padding:15px;border:1px solid #ddd;background:#fff4f4;color:#8a1f1f;border-radius:6px}
@media(max-width:800px){.aypg-gallery{grid-template-columns:1fr}.aypg-list{max-height:400px!important}}
@media(max-width:500px){.aypg-item{grid-template-columns:25px 105px minmax(0,1fr);padding:7px}.aypg-thumbnail{width:105px;height:60px}.aypg-title{font-size:13px}}