.vgm-gallery {display: flex;flex-wrap: wrap;gap: 16px;}
.vgm-thumb {width: calc(33.333% - 10px);cursor: pointer;position: relative;font-family: sans-serif;}
.vgm-thumb-inner {position: relative;overflow: hidden;border-radius: 8px;}
.vgm-thumb img {width: 100%;display: block;}
.vgm-overlay {position: absolute;inset: 0;background: rgba(0,0,0,0.35);opacity: 0;transition: opacity .2s ease;display: flex;align-items: center;justify-content: center;}
.vgm-thumb-inner:hover .vgm-overlay {opacity: 1;}
.vgm-play-button {font-size: 48px;color: white;line-height: 1;}
.vgm-title {margin-top: 6px;font-size: 14px;text-align: center;word-break: break-word;}
.vgm-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;z-index: 9999;align-items: center;justify-content: center;}
.vgm-modal.open {display: flex;}
.vgm-modal-backdrop {position: absolute;inset: 0;background: rgba(0,0,0,0.7);}
.vgm-modal-content {position: relative;max-width: 90%;max-height: 80%;background: #000;border-radius: 12px;padding: 0;box-shadow: 0 20px 60px rgba(0,0,0,0.5);overflow: hidden;width: 800px;display: flex;flex-direction: column;}
.vgm-close {position: absolute;top: 8px;right: 12px;font-size: 28px;background: transparent;border: none;color: #fff;cursor: pointer;z-index: 2;}
.vgm-video-wrapper {position: relative;padding-top: 56.25%;flex: 1;}
.vgm-video-wrapper iframe,
.vgm-video-wrapper video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}