.sdevg-gallery { display: flex; gap: 24px; flex-wrap: wrap; }
.sdevg-player-section { flex:2; min-width:300px; }
.sdevg-list-section { flex:1; min-width:220px; max-height:540px; overflow-y:auto; background:#f5f6fa; border-radius:12px; padding:16px; }
#sdevg-list { list-style:none; padding:0; margin:0;}
.sdevg-item { display:flex; gap:10px; align-items:center; margin-bottom:12px; cursor:pointer; border-radius:7px; transition:background 0.2s;}
.sdevg-item img { width:48px; height:48px; border-radius:8px; object-fit:cover; }
.sdevg-item:hover, .sdevg-item.active { background:#eee; }
#sdevg-player { width:100%; aspect-ratio:16/9; border-radius:10px; background:#111; }
#sdevg-desc { margin: 8px 0 12px 0; font-size:1.02em; }
#sdevg-banner { margin: 10px 0; }
#sdevg-comments { background: #fafbfc; border-radius: 8px; padding: 10px 12px; margin-top: 10px; }
@media (max-width: 700px) {
    .sdevg-gallery { flex-direction: column; }
    .sdevg-list-section { max-height: 220px; }
}