/* Real screenshots: preserve the selected window, then enlarge it for reading. */
.image-dialog.capture-viewer{width:min(1280px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow:hidden}
.image-dialog.capture-viewer[open]{display:flex;flex-direction:column}
.capture-viewer .dialog-toolbar{position:relative;flex:0 0 auto;min-width:0;gap:14px;padding:10px 16px}
.capture-viewer .dialog-toolbar>p{font-size:12px;line-height:1.4;min-width:0}
.capture-dialog-actions{display:flex;align-items:center;flex:0 0 auto;gap:8px}
.capture-viewer .close-dialog,.capture-zoom-toggle{min-height:44px;padding:9px 13px;border:1px solid var(--line,#dfe2e9);border-radius:6px;font-size:13px;line-height:1.4;white-space:nowrap;cursor:pointer;background:#fff;color:var(--navy,#111a43)}
.capture-zoom-toggle{border-color:var(--blue,#2d30d8);color:var(--blue,#2d30d8);font-weight:600}
.capture-viewer .zoom-canvas{min-height:0;min-width:0;flex:1 1 auto;padding:16px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#f5f6fb}
.capture-viewer .zoom-canvas:focus-visible{outline:2px solid var(--blue,#2d30d8);outline-offset:-3px}
.capture-viewer .capture-zoom-frame{position:relative;width:min(100%,var(--capture-natural-width,1280px),calc(var(--capture-fit-height,calc(100dvh - 180px)) * var(--capture-aspect,1.7)));margin-inline:auto;background:white;flex-shrink:0}
.capture-viewer .capture-zoom-frame>img{display:block;position:static;width:100%;height:auto;max-width:none;margin:0}
.capture-viewer .capture-zoom-frame.is-cropped{aspect-ratio:var(--capture-zoom-ratio);overflow:hidden}
.capture-viewer .capture-zoom-frame.is-cropped>img{position:absolute;width:var(--capture-zoom-image-width);max-width:none;height:auto;left:var(--capture-zoom-image-left);top:var(--capture-zoom-image-top)}
.capture-viewer .capture-zoom-frame.is-enlarged{width:max(900px,150%);max-width:none;margin-inline:0}
.capture-viewer .zoom-caption{flex:0 0 auto;margin:0;padding:11px 16px;font-size:12px;line-height:1.45;border-top:1px solid var(--line,#dfe2e9);background:white;max-height:22dvh;overflow:auto}
.capture-viewer .zoom-caption:empty{display:none}
@media(hover:hover) and (pointer:fine){
 .capture-zoom-toggle:hover,.capture-viewer .close-dialog:hover{background:#f0f2fd}
}
@media(max-width:600px){
 .image-dialog.capture-viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:10px}
 .capture-viewer .dialog-toolbar{gap:8px;padding:8px 10px}
 .capture-viewer .dialog-toolbar>p{max-width:110px;font-size:11px}
 .capture-dialog-actions{gap:6px}
 .capture-viewer .close-dialog,.capture-zoom-toggle{padding:9px 10px;font-size:12px}
 .capture-viewer .zoom-canvas{padding:8px}
 .capture-viewer .zoom-caption{padding:10px 12px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .capture-viewer .zoom-canvas{scroll-behavior:auto}
}