.changelog-image-link { display: inline; margin-inline-start: .35em; white-space: nowrap; text-decoration: underline; text-underline-offset: .18em; font-size: .9em; }
.changelog-image-dialog { box-sizing: border-box; width: min(96vw, 1500px); max-width: 96vw; max-height: 94dvh; padding: 3.5rem 1rem 1rem; border: 1px solid #53626a; border-radius: 12px; background: #10171b; color: #f0f4f6; box-shadow: 0 24px 90px #0009; }
.changelog-image-dialog::backdrop { background: #000c; }
.changelog-image-content { display: flex; flex-direction: column; align-items: center; gap: .75rem; }
.changelog-image-content img { display: block; max-width: 100%; max-height: 72dvh; width: auto; height: auto; object-fit: contain; }
.changelog-image-close { position: absolute; top: .7rem; right: 1rem; border: 1px solid #718089; border-radius: 5px; padding: .4rem .75rem; color: inherit; background: #19262c; font: inherit; cursor: pointer; }
.changelog-image-caption, .changelog-image-status { max-width: 80ch; margin: 0; font-size: .875rem; line-height: 1.5; color: #cbd5db; }
.changelog-image-close:focus-visible, .changelog-image-link:focus-visible { outline: 2px solid #8dd9d9; outline-offset: 4px; }
.changelog-media-editor { padding: .65rem .8rem; margin: 1rem 0; border: 1px dashed currentColor; border-radius: 6px; font-size: .85rem; line-height: 1.5; }
.changelog-media-actions { display: inline-flex; gap: .55em; margin-inline-start: .65em; font-size: .8em; vertical-align: baseline; }
.changelog-media-actions button { color: inherit; background: transparent; border: 0; padding: .15em 0; font: inherit; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.changelog-media-actions button:disabled { opacity: .5; cursor: wait; }
.changelog-media-drop { outline: 2px dashed #85ccce; outline-offset: 6px; background: #85ccce18; }
.changelog-media-error { color: #ffb7aa; }
@media (max-width: 600px) { .changelog-image-dialog { padding-inline: .65rem; } .changelog-image-content img { max-height: 65dvh; } }