.modal-container{z-index:50;position:fixed;inset:0;background-color:rgba(0,0,0,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transform:translateZ(0)}.modal-image-container{position:relative;max-width:100%;max-height:calc(100vh - 80px);overflow:hidden;will-change:transform}.modal-image{max-height:calc(100vh - 80px);max-width:100vw;width:auto;height:auto;object-fit:contain;transition:transform .5s cubic-bezier(.2,0,.2,1);transform:translateZ(0)}@media (min-width:768px){.modal-image,.modal-image-container{max-height:calc(100vh - 40px);max-width:calc(100vw - 40px)}.modal-image{min-height:70vh}}.modal-image.zoomed{transform:scale(2.5) translateZ(0)!important;cursor:zoom-out!important;pointer-events:auto!important}.modal-thumbnail-container{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);padding:12px 0}.thumbnail-grid{display:flex;align-items:center;justify-content:center;gap:8px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.thumbnail{position:relative;min-width:60px;width:60px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;scroll-snap-align:start;transition:all .2s ease;opacity:.7;flex-shrink:0}.thumbnail:hover{opacity:1}.thumbnail.active{opacity:1;transform:scale(1.1);box-shadow:0 0 0 2px white}.modal-button{position:absolute;z-index:10;background-color:rgba(255,255,255,.2);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-button:hover{background-color:rgba(255,255,255,.3)}.modal-nav-next,.modal-nav-prev{top:50%;transform:translateY(-50%);padding:12px}.modal-nav-prev{left:16px}.modal-nav-next{right:16px}.modal-close{top:16px;right:16px;padding:8px}.modal-download{top:16px;left:16px;padding:8px}@keyframes spin{to{transform:rotate(1turn)}}.modal-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@media (min-width:768px){.modal-nav-prev{left:32px}.modal-nav-next{right:32px}.thumbnail{min-width:70px;width:70px;height:70px}}