/* The native dialog keeps keyboard focus within the screenshot viewer. */
.image-viewer{color-scheme:light;width:min(1200px,calc(100vw - 32px));height:min(900px,calc(100vh - 32px));height:min(900px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;border:1px solid #cfd9e7;border-radius:14px;background:#fff;color:#253044;box-shadow:0 24px 100px #10203866;overflow:hidden}
.image-viewer[open]{display:flex;flex-direction:column}
.image-viewer::backdrop{background:#102038c9}
.image-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid #e0e6ee;flex-shrink:0}
.image-viewer-title{font-size:18px;line-height:1.4;letter-spacing:-.4px;margin:0}
.image-viewer-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #ccd6e5;border-radius:8px;background:#fff;color:#304569;font:inherit;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer}
.image-viewer-button:hover{background:#f0f4fb;color:#244dad}
.image-viewer-button[aria-pressed=true]{background:#edf2ff;border-color:#89a3e4;color:#244dad}
.image-viewer-button:disabled{cursor:default;opacity:.55}
.image-viewer-close{flex-shrink:0}
.image-viewer-canvas{position:relative;display:grid;place-items:center;flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;background:#edf1f6;padding:16px;outline-offset:-4px}
.image-viewer-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:auto;background:#fff;box-shadow:0 4px 20px #24375418}
.image-viewer-image[hidden],.image-viewer-status[hidden]{display:none}
.image-viewer-canvas.is-actual-size{display:block}
.image-viewer-canvas.is-actual-size .image-viewer-image{max-width:none;max-height:none;margin:0}
.image-viewer-status{max-width:38em;padding:16px;font-size:14px;line-height:1.8;text-align:center;color:#52647b;margin:0}
.image-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-shrink:0;flex-wrap:wrap;padding:12px 18px;border-top:1px solid #e0e6ee;background:#fff}
.image-viewer-caption{flex:1 1 320px;font-size:13px;line-height:1.7;color:#52647b;margin:0;max-height:5.1em;overflow:auto}
.image-viewer-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.image-viewer-original{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;color:#2855b6;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.image-viewer-original:hover{color:#173c8c}
.image-viewer :focus-visible{outline:3px solid #6481ec;outline-offset:3px}
.image-viewer-canvas:focus-visible{outline-offset:-4px}
@media(max-width:700px){
 .image-viewer{width:calc(100vw - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);border-radius:10px}
 .image-viewer-header{padding:10px 12px;gap:8px}.image-viewer-title{font-size:16px}.image-viewer-button{font-size:13px;padding:8px 12px}
 .image-viewer-canvas{padding:8px}.image-viewer-footer{padding:10px 12px;gap:8px}.image-viewer-caption{flex-basis:100%;font-size:12px}
 .image-viewer-actions{width:100%;justify-content:space-between;gap:8px}.image-viewer-original{font-size:13px}
}