.mm-image-preview-options { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin:18px 0 8px; }
.mm-image-preview-options label { display:flex; align-items:center; gap:8px; cursor:pointer; font-size:14px; }
.mm-image-preview-options input { width:18px; height:18px; accent-color:#38bdf8; }
.mm-image-preview-options span { color:#b6c8df; font-size:13px; }
.mm-image-preview-options [data-zoom] { margin-left:auto; }
.mm-image-preview-stage { display:flex; justify-content:center; align-items:center; height:52vh; min-height:220px; overflow:auto; border:1px solid #64748b66; border-radius:10px; background:#334155; padding:16px; box-sizing:border-box; margin:14px 0; }
.mm-image-preview-stage img { display:block; max-width:100%; max-height:100%; object-fit:contain; box-shadow:0 4px 20px #0004; }
.mm-image-preview-stage img[hidden] { display:none; }
.mm-image-preview-stage.is-zoomed { display:block; }
.mm-image-preview-stage.is-zoomed img { width:var(--mm-image-width); max-width:none; max-height:none; margin:auto; }
.mm-image-preview-dialog footer { flex-wrap:wrap; }
.mm-image-preview-dialog footer [hidden] { display:none; }
@media(max-width:650px) { .mm-image-preview-stage { height:44vh; padding:8px; } .mm-image-preview-options { gap:12px; } }