.site-zoom-dialog{box-sizing:border-box;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#e7ece6;color:#1a4654}
.site-zoom-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.site-zoom-dialog::backdrop{background:#1a4654}
.site-zoom-dialog header,.site-zoom-dialog footer{padding:10px 16px;display:flex;align-items:center;gap:12px;background:#f3f5f1}
.site-zoom-dialog header{justify-content:space-between}
.site-zoom-dialog button{min-width:44px;min-height:44px;padding:8px 14px;background:#1a4654;color:#fff;border:1px solid #1a4654;border-radius:6px;font:inherit;cursor:pointer}
.site-zoom-dialog button:hover{background:#285a66}
.site-zoom-dialog :focus-visible{outline:3px solid #b78338;outline-offset:2px}
.site-zoom-stage{min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}
.site-zoom-stage:active{cursor:grabbing}
.site-zoom-stage img{max-width:none;max-height:none;flex:none;object-fit:contain;transform-origin:center;user-select:none;pointer-events:none}
.site-zoom-controls{display:flex;align-items:center;gap:8px}
.site-zoom-controls output{min-width:48px;text-align:center;font-size:14px}
.site-zoom-dialog footer{flex-wrap:wrap;justify-content:space-between;font-size:14px}
.site-zoom-dialog footer a{color:#1a4654;text-underline-offset:3px}
.site-zoom-dialog footer small{flex-basis:100%;font-size:12px}
html.site-zoom-open{overflow:hidden}
@media(max-width:420px){.site-zoom-dialog header,.site-zoom-dialog footer{padding:8px}.site-zoom-dialog header strong{font-size:16px}.site-zoom-dialog button{padding:8px 10px}}