.cursor-zoom-in{cursor:zoom-in}.modal-thumb{transition:all .3s ease}.modal-thumb:hover{transform:scale(1.1)}.overflow-x-auto::-webkit-scrollbar{height:4px}.overflow-x-auto::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.overflow-x-auto::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}#imageModal{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#modalImage{transition:opacity .3s ease}#imagePreview{transition:all .2s ease;z-index:1000}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.image-loading{position:relative}.image-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zoomable-image{cursor:zoom-in;transition:transform .3s ease;transform-origin:center center}.zoomable-image.zoomed{cursor:zoom-out;transform:scale(2)}.zoom-container{position:relative;display:flex;align-items:center;justify-content:center;border-radius:12px}.zoom-container.zoomed{overflow:auto;align-items:flex-start;justify-content:flex-start}.zoom-container::-webkit-scrollbar{width:8px;height:8px}.zoom-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.zoom-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.zoom-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.zoom-controls{position:absolute;top:4px;left:4px;display:flex;gap:8px;z-index:20}.zoom-btn{background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.zoom-btn:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.zoom-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-btn:disabled:hover{transform:none}@media (max-width: 768px){#imagePreview{display:none!important}.modal-thumb{width:12px!important;height:12px!important}.zoom-btn{width:35px;height:35px}}