.image-viewer{width:min(1440px,96vw);height:94vh;height:94dvh;max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #d4ddd9;border-radius:16px;background:#f4f7f6;color:#172f28;box-shadow:0 16px 70px #0008;overflow:hidden}
.image-viewer[open]{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto}.image-viewer::backdrop{background:#10291fe0}
.image-viewer-head{display:flex;align-items:center;gap:16px;padding:14px 20px;background:white;border-bottom:1px solid #d4ddd9}.image-viewer-head h2{font-size:clamp(16px,2.2vw,23px);margin:0;flex:1;overflow-wrap:anywhere;line-height:1.3}.image-viewer button,.image-viewer a{font:600 14px/1.3 system-ui;padding:10px 14px;min-height:44px;border:1px solid #c5d4cd;border-radius:8px;background:#fff;color:#214c3b;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.image-viewer .image-viewer-close{background:#1f6a54;color:#fff;border-color:#1f6a54;flex-shrink:0}.image-viewer button:disabled{opacity:.4;cursor:default}.image-viewer [hidden]{display:none!important}
.image-viewer-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 16px;background:white}.image-viewer-tools span{font-size:13px}.image-viewer-stage{overflow:auto;overscroll-behavior:contain;min-width:0;min-height:0;padding:12px;display:flex;align-items:safe center;justify-content:safe center;background:#e1e8e4}.image-viewer-stage img{flex:none;display:block;max-width:none!important;max-height:none!important;object-fit:contain;user-select:none}.image-viewer-stage.is-zoomed{cursor:grab}.image-viewer-stage.is-zoomed:active{cursor:grabbing}.image-viewer-hint,.image-viewer-status{font:13px/1.5 system-ui;text-align:center;margin:0;padding:8px 16px}.image-viewer-status:empty{padding:0}.image-viewer-status{color:#8c331c}.image-viewer :focus-visible{outline:3px solid #bc862b;outline-offset:-3px}[data-image-frame] a,.content-images img{cursor:zoom-in}
@media(max-width:600px){.image-viewer{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.image-viewer-head{padding:12px;padding-top:max(12px,env(safe-area-inset-top));gap:8px}.image-viewer-tools{padding:8px;gap:6px}.image-viewer button,.image-viewer a{font-size:13px;padding:8px 10px}.image-viewer-hint{padding-bottom:max(8px,env(safe-area-inset-bottom));font-size:12px}}