body{font-family:Arial,sans-serif;background:#fafafa;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.gallery-container{max-width:700px;width:100%;display:flex;flex-direction:row;gap:10px;align-items:flex-start}.swiper-thumb{display:flex;flex-direction:column;align-items:center;position:relative}.swiper-thumb .swiper-slide{width:80px;height:80px;min-height:60px;opacity:1;border-radius:8px;overflow:hidden;cursor:pointer;margin-bottom:8px;box-sizing:border-box;border:2px solid transparent;background:#eee;display:flex;align-items:center;justify-content:center}.swiper-thumb .swiper-slide-thumb-active{opacity:1;border:2px solid #222}.swiper-main{width:100%;height:450px;overflow:hidden}.swiper-main img{width:100%;height:100%;object-fit:cover;display:block}.thumb-arrow{width:100%;height:32px;display:flex;align-items:center;justify-content:center;color:#222;font-size:18px;margin:4px 0;cursor:pointer;z-index:2}.swiper-button-disabled{opacity:.3;cursor:default}.swiper-button-prev.thumb-arrow::after{content:'';font-size:20px}.swiper-button-next.thumb-arrow::after{content:'';font-size:20px}.thumb-nav-outer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:340px;width:80px;position:relative}.swiper-button-prev.thumb-arrow,.swiper-button-next.thumb-arrow{margin:0;position:static}@media (max-width:900px){.gallery-container{flex-direction:column;align-items:center;gap:16px;max-width:98vw;padding:8px}.swiper-main{width:90vw;height:220px}.swiper-thumb{height:120px;width:40vw;max-width:80px;margin-bottom:8px;flex-direction:row;overflow:hidden}.swiper-thumb .swiper-slide{width:36px;height:36px}.thumb-nav-outer{flex-direction:row;height:40px;width:100%;margin-bottom:8px}.swiper-button-prev.thumb-arrow{margin-bottom:0;margin-right:8px}.swiper-button-next.thumb-arrow{margin-top:0;margin-left:8px}.thumb-arrow{margin:0 4px}.swiper-button-prev.thumb-arrow::after{content:'\2190'}.swiper-button-next.thumb-arrow::after{content:'\2192'}}.youtube-thumb-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.youtube-thumb-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:8px}.youtube-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(0,0,0,.6);border-radius:50%;font-size:22px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;pointer-events:none}.youtube-main-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.swiper-button-prev.thumb-arrow{border-radius:10px 10px 0 0}.swiper-button-next.thumb-arrow{border-radius:0 0 10px 10px}.swiper-main .swiper-slide{margin:0!important;padding:0!important;line-height:0;margin-bottom:3px!important}.swiper-main .swiper-slide{height:auto;border:1px solid #e5e5e5}.swiper-main img{display:block;width:100%;height:auto}@media (max-width:768px){.swiper-button-next svg,.swiper-button-prev svg{display:none}.swiper-button-next,.swiper-button-prev{width:auto}.swiper-thumb{height:auto;width:auto;max-width:initial;margin-bottom:0;flex-direction:row;overflow:hidden}.swiper-thumb .swiper-slide{width:60px;height:60px}}.youtube-play-icon{position:absolute;width:80px;height:56px;background:red;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease}.youtube-play-icon::before{content:"";position:absolute;left:40%;width:0;height:0;border-left:24px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}.youtube-play-icon:hover,.youtube-player:hover .youtube-play-icon,.swiper-slide a:hover .youtube-player .youtube-play-icon{background:#c00}.swiper-thumb .youtube-play-icon{width:40px;height:26px;border-radius:5px}.swiper-thumb .youtube-play-icon::before{border-left:12px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}