.event-image-viewer { position:fixed; inset:0; z-index:10000; display:grid; grid-template-rows:auto minmax(0,1fr) auto; height:100vh; height:100dvh; padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); background:#071b2a; color:#fff; font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; box-sizing:border-box; }
.event-image-viewer * { box-sizing:border-box; }
.event-image-viewer__toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 16px; padding:12px 16px; border-bottom:1px solid #ffffff26; }
.event-image-viewer__title { flex:1 1 180px; margin:0; padding:0; border:0; color:#fff; font-size:17px; line-height:1.5; overflow-wrap:anywhere; }
.event-image-viewer__controls { display:flex; flex-wrap:wrap; gap:8px; }
.event-image-viewer__control { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 12px; border:1px solid #ffffff60; border-radius:9px; background:#183d57; color:#fff; font:inherit; font-weight:600; text-decoration:none; cursor:pointer; }
.event-image-viewer__control:hover { background:#235778; }
.event-image-viewer__control:focus-visible,.event-image-viewer__stage:focus-visible { outline:3px solid #83d7ff; outline-offset:-3px; }
.event-image-viewer__stage { min-width:0; min-height:0; display:flex; align-items:safe center; justify-content:safe center; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-x pan-y pinch-zoom; }
.event-image-viewer__image { display:block; flex:none; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto; border:0; border-radius:0; object-fit:contain; }
.event-image-viewer__stage.is-zoomed { display:block; }
.event-image-viewer__stage.is-zoomed .event-image-viewer__image { max-width:none; max-height:none; }
.event-image-viewer__hint { margin:0; padding:10px 16px; color:#c3d9e8; font-size:12px; text-align:center; overflow-wrap:anywhere; }
@media (prefers-reduced-motion:reduce) { .event-image-viewer,.event-image-viewer * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }