.image-gallery .main-image-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid #ddd;margin-bottom:15px}.image-gallery .main-image-container .main-image{position:relative;width:100%;height:100%;cursor:zoom-in}.image-gallery .main-image-container .main-image img{width:100%;height:100%;object-fit:contain}.image-gallery .main-image-container .main-image .zoom-overlay{position:absolute;top:0;left:0;width:200%;height:200%;background-size:200%;pointer-events:none;z-index:10;transform:translate(-50%,-50%);top:50%;left:50%}.image-gallery .main-image-container .main-image .zoom-hint{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;pointer-events:none}.image-gallery .thumbnail-list{display:flex;gap:10px;overflow-x:auto;padding:10px 0}.image-gallery .thumbnail-list .thumbnail{flex-shrink:0;width:80px;height:80px;border:2px solid rgba(0,0,0,0);cursor:pointer;overflow:hidden;border-radius:4px}.image-gallery .thumbnail-list .thumbnail img{width:100%;height:100%;object-fit:cover}.image-gallery .thumbnail-list .thumbnail.active{border-color:#007bff}.image-gallery .thumbnail-list .thumbnail:hover{border-color:#0056b3}.image-gallery-empty{padding:40px;text-align:center;color:#999}