.grid-compare canvas{cursor:zoom-in}.grid-image-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px}.grid-modal-backdrop{position:absolute;inset:0;background:#0c0603e6;backdrop-filter:blur(18px)}.grid-modal-card{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%}.grid-modal-card>button{position:fixed;top:24px;right:28px;width:42px;height:42px;padding:0;border:1px solid #ffffff1c;border-radius:50%;background:#1c120bcc;color:transparent;font-size:0;transition:.18s}.grid-modal-card>button::before,.grid-modal-card>button::after{content:"";position:absolute;top:50%;left:50%;width:15px;height:2px;border-radius:2px;background:#fcfaf8}.grid-modal-card>button::before{transform:translate(-50%,-50%) rotate(45deg)}.grid-modal-card>button::after{transform:translate(-50%,-50%) rotate(-45deg)}.grid-modal-card>button:hover{background:#ffffff20;transform:scale(1.06)}.grid-modal-image{display:grid;place-items:center;width:100%;height:100%;overflow:hidden}.grid-modal-image canvas{max-width:88vw;max-height:82vh;width:auto;height:auto;filter:drop-shadow(0 28px 45px #000b)}.grid-modal-image canvas.pixelated-preview{image-rendering:pixelated}.grid-modal-card p{position:fixed;bottom:22px;margin:0;color:#decec3b8;font-size:12px;letter-spacing:.04em;text-shadow:0 2px 8px #000}@media(max-width:760px){.grid-image-modal{padding:12px}.grid-modal-card>button{top:16px;right:16px;width:38px;height:38px}.grid-modal-card p{bottom:16px}}