.image-preview-wrapper{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--card-bg);width:100%;height:100%}.image-preview-wrapper.has-checkerboard{background-image:linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 0,transparent 75%,rgba(0,0,0,.06) 0,rgba(0,0,0,.06)),linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 0,transparent 75%,rgba(0,0,0,.06) 0,rgba(0,0,0,.06));background-size:16px 16px;background-position:0 0,8px 8px}.image-preview-wrapper img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .2s ease}.image-preview-wrapper img[style*="cursor: zoom-in"]:hover{transform:scale(1.02)}.image-preview-wrapper .image-preview-overlay{position:absolute;inset:0;background:hsla(0,0%,100%,.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--secondary-color);z-index:10}.image-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out}.image-modal-overlay .modal-content{width:90vw;height:85vh;max-width:90vw;max-height:85vh;display:flex;align-items:center;justify-content:center}.image-modal-overlay .modal-content img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px;box-shadow:0 12px 36px rgba(0,0,0,.5);background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 0,transparent 75%,rgba(255,255,255,.1) 0,rgba(255,255,255,.1)),linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 0,transparent 75%,rgba(255,255,255,.1) 0,rgba(255,255,255,.1));background-size:16px 16px;background-position:0 0,8px 8px}.image-modal-overlay .modal-close-btn{position:absolute;top:24px;right:24px;background:none;border:none;color:#fff;font-size:36px;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s,transform .2s;z-index:2001}.image-modal-overlay .modal-close-btn:hover{opacity:1;transform:scale(1.1)}@media(max-width:560px){.image-modal-overlay .modal-close-btn{top:16px;right:16px;font-size:32px}}