#image-dialog{position:fixed;inset:0;margin:auto;width:fit-content;height:fit-content;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:44px 12px 12px;overflow:hidden}
#image-dialog[open]{display:grid;place-items:center}
#image-dialog #large-image{display:block;width:auto;height:auto;max-width:calc(100vw - 50px);max-height:calc(100dvh - 82px);margin:0;object-fit:contain}
#image-dialog #close-image{position:absolute;inset:6px 6px auto auto;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;line-height:1}