.image-preview-backdrop { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 20px; background: rgba(10, 31, 27, .82); }
.image-preview-dialog { position: relative; width: min(1000px, 100%); max-height: calc(100dvh - 40px); display: flex; flex-direction: column; align-items: center; gap: 10px; }
.image-preview-dialog img { max-width: 100%; max-height: calc(100dvh - 110px); object-fit: contain; border-radius: 10px; }
.image-preview-dialog p { max-width: 100%; margin: 0; color: #fff; overflow-wrap: anywhere; text-align: center; }
.image-preview-close { position: absolute; top: 8px; right: 8px; z-index: 1; width: 40px; height: 40px; border: 0; border-radius: 50%; background: #fff; color: #19332d; font-size: 30px; line-height: 1; cursor: pointer; }