.ml-gallery{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.ml-main-image{position:relative;overflow:hidden;border-radius:4px}.ml-main-image img{width:100%;height:auto;border:1px solid #eee;object-fit:contain;transition:opacity 0.4s ease;display:block}.ml-thumbnails{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#ddd #f5f5f5}.ml-thumbnails::-webkit-scrollbar{height:6px}.ml-thumbnails::-webkit-scrollbar-track{background:#f5f5f5}.ml-thumbnails::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:6px}.ml-thumbnails img{width:70px;height:70px;object-fit:cover;border:2px solid transparent;cursor:pointer;transition:all 0.2s ease;border-radius:3px;flex-shrink:0}.ml-thumbnails img:hover{border-color:#0073aa;opacity:.9}.ml-thumbnails img.active{border-color:#0073aa;opacity:1}.ml-main-image.fade-out img{opacity:0}.ml-main-image.loading{position:relative;min-height:300px;background:#f7f7f7}.ml-main-image.loading::after{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#0073aa;animation:spin 1s ease-in-out infinite;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}