#ycgp-player{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;margin-bottom:20px}
.ycgp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.ycgp-card{cursor:pointer;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}
.ycgp-card img{width:100%}.ycgp-card h4{padding:10px;font:600 15px Arial}
.theme-dark{background:#111;color:#fff;padding:15px;border-radius:10px}

.ycgp-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:9999}
.ycgp-modal.open{display:flex;align-items:center;justify-content:center}
.ycgp-modal-content{width:min(960px,95vw);position:relative}
#ycgp-popup-player{width:100%;aspect-ratio:16/9;border:0;background:#000}
#ycgp-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;background:#fff;color:#111;border:2px solid #111;font-size:30px;font-weight:bold;line-height:38px;text-align:center;cursor:pointer;z-index:100000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.4)}#ycgp-close:hover{background:#e00;color:#fff;border-color:#fff}.ycgp-modal-content{overflow:visible}


.ycgp-close{
position:absolute;
top:10px;
right:10px;
width:42px;
height:42px;
border:none;
border-radius:50%;
background:#fff;
color:#111;
font-size:30px;
font-weight:bold;
cursor:pointer;
z-index:999999;
box-shadow:0 2px 8px rgba(0,0,0,.35);
}
.ycgp-close:hover{background:#d00;color:#fff;}