/* assets/style.css */
.ysvs-wrapper { max-width: 960px; margin: 0 auto; }
.ysvs-main { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 12px; }
.ysvs-main iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.ysvs-thumbs { display: flex; overflow-x: auto; gap: 10px; padding-bottom: 10px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.ysvs-thumb { flex: 0 0 auto; cursor: pointer; transition: transform .2s; scroll-snap-align: start; background: transparent; border: 0; padding: 0; }
.ysvs-thumb:hover, .ysvs-thumb:focus { transform: scale(1.05); outline: none; }
.ysvs-thumb img { width: 140px; height: auto; border: 2px solid #ccc; border-radius: 4px; }
@media (max-width: 480px) { .ysvs-thumb img { width: 100px; } }
.ysvs-thumbs::-webkit-scrollbar { height: 8px; }
.ysvs-thumbs::-webkit-scrollbar-thumb { background: #aaa; border-radius: 4px; }