/* Image viewer stays inside the installed web app; navigation needs no browser UI. */
#photo-viewer{position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;background:#101b18;color:#f4f5ee;padding:0;overflow:hidden}
#photo-viewer[open]{display:flex;flex-direction:column}
#photo-viewer .photo-toolbar{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:#162e2b;z-index:2}
#photo-viewer button{background:#29493d;color:#fff;border:1px solid #63786c;white-space:nowrap}
#photo-viewer .photo-zoom-controls{display:flex;align-items:center;gap:8px}
#photo-zoom-value{min-width:62px;text-align:center;font-size:.8rem;font-variant-numeric:tabular-nums}
#photo-viewer #photo-caption{flex-shrink:0;margin:0;padding:8px 18px;color:#ccd5cb;font-size:.85rem;line-height:1.4;max-height:15dvh;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}
#photo-stage{flex:1;min-height:0;position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;margin-bottom:env(safe-area-inset-bottom)}
#photo-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center;pointer-events:none;will-change:transform}
#photo-error{position:absolute;inset:0;display:grid;place-content:center;margin:auto;max-width:540px;padding:24px;line-height:1.6;touch-action:auto;user-select:text}
@media(max-width:640px){#photo-viewer .photo-toolbar{flex-wrap:wrap}#photo-viewer button{padding:10px 12px}#photo-viewer .photo-zoom-controls{gap:5px}#photo-viewer #photo-reset{font-size:.8rem}#photo-zoom-value{min-width:52px}}