html.pd-vnext .sync-dialog.image-viewer-dialog{--border:var(--line,#e4e8ed);width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;overflow:hidden}
.image-viewer-dialog>section{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.image-viewer-dialog .dialog-actions{display:none!important}
.image-viewer-dialog .sync-dialog-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.image-viewer-dialog .sm-image-stage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#101b2b;border-radius:10px}
.image-viewer-dialog .sm-image-stage img{flex:none;max-width:none;max-height:none;object-fit:contain;user-select:none}
.image-viewer-dialog .sm-image-stage[data-mode="zoom"]{display:block;overflow:auto;cursor:grab}
.image-viewer-dialog .sm-image-stage[data-mode="zoom"] img{margin:auto;display:block}
.sm-image-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:none}
.sm-image-toolbar>button{min-height:36px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}
.sm-image-toolbar button[aria-pressed="true"]{background:#eaf1ff;color:#0759ed}
.sm-image-toolbar output{font-size:12px;color:var(--muted)}
.sm-image-toolbar .lightbox-actions{margin-left:auto;display:flex;gap:8px}
@media(max-width:600px){.sm-image-toolbar .lightbox-actions{width:100%;margin:0}.image-viewer-dialog .lightbox-actions button{font-size:12px;padding:6px}}