.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px;margin-top:12px}.image-gallery button,.processed-image-preview button{position:relative;border:1px solid #ddddec;background:#fff;border-radius:10px;padding:5px;cursor:zoom-in}.image-gallery img,.processed-image-preview img{display:block;width:100%;height:92px;object-fit:cover;border-radius:7px}.image-gallery span{position:absolute;right:8px;bottom:8px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#3d3d9e;color:#fff;font-size:11px;font-weight:800}.image-preview-button{margin-top:12px;border:0;border-radius:10px;padding:11px 14px;background:#3d3d9e;color:#fff;font-weight:800;cursor:pointer}.processed-image-preview{margin-top:12px;padding:12px;border-radius:12px;background:#f6f5fb}.processed-image-preview button{width:120px}.processed-image-preview p{font-size:12px;color:var(--muted);margin:7px 0 0}.image-modal[hidden]{display:none}.image-modal{position:fixed;inset:0;z-index:100;background:rgba(20,20,45,.88);display:grid;place-items:center;padding:40px}.image-modal img{max-width:92vw;max-height:88vh;object-fit:contain;background:#fff}.image-modal button{position:absolute;top:18px;right:24px;border:0;background:#fff;color:#30305f;width:42px;height:42px;border-radius:50%;font-size:28px;cursor:pointer}