.photo-expandable{cursor:zoom-in}.photo-expandable:focus-visible{outline:4px solid #4c9b70!important;outline-offset:-5px}.photo-hint{font:14px/1.5 Arial,sans-serif;color:#365c46;margin:14px 0}.photo-viewer{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;background:#f1f2ed;color:#123f2b;overflow:hidden;font:16px/1.4 Arial,sans-serif}.photo-viewer[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.photo-viewer::backdrop{background:#071f18e8}.photo-viewer-header{background:#0a3123;color:white;padding:16px max(18px,env(safe-area-inset-left));padding-top:calc(16px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:18px}.photo-viewer-header h2{font:700 clamp(20px,3vw,28px)/1.25 Georgia,serif;margin:0;color:white;background:transparent;padding:0}.photo-viewer-header p{margin:5px 0 0;font-size:14px;color:#e0eee4}.photo-viewer button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #94b3a1;border-radius:8px;cursor:pointer;padding:10px 16px;font:700 15px/1.2 Arial,sans-serif;background:#fff;color:#123f2b}.photo-viewer button:hover{background:#e0eee4}.photo-viewer button:focus-visible{outline:3px solid #70b68b;outline-offset:3px}.photo-viewer button:disabled{opacity:.4;cursor:default}.photo-viewer button.photo-viewer-close{background:transparent;color:white;border-color:#81a28f;font-size:23px;gap:8px;flex-shrink:0}.photo-viewer-close span{font-size:14px}.photo-viewer-tabs{display:flex;justify-content:center;gap:10px;background:white;padding:10px 14px;border-bottom:1px solid #c9d9ce}.photo-viewer-tabs button[aria-pressed=true]{background:#14543b;color:white;border-color:#14543b}.photo-viewer-stage{position:relative;overflow:auto;overscroll-behavior:contain;padding:12px;background:#eeede8;touch-action:pan-x pan-y pinch-zoom;min-width:0;min-height:0}.photo-viewer-stage.is-zoomed{cursor:grab}.photo-viewer-stage.is-dragging{cursor:grabbing;user-select:none}.photo-viewer-canvas{position:relative;margin:0 auto;background:#eeede8;flex-shrink:0}.photo-viewer-crop{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}.photo-viewer .photo-viewer-image{display:block;position:absolute;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;margin:0;padding:0;background:transparent;user-select:none}.photo-viewer-footer{padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:white;border-top:1px solid #c9d9ce;text-align:center}.photo-viewer-zoom{display:flex;justify-content:center;align-items:center;gap:12px}.photo-viewer-zoom output{min-width:65px;font-weight:700;font-size:15px}.photo-viewer-zoom button[data-zoom=out],.photo-viewer-zoom button[data-zoom=in]{font-size:23px;padding:6px 12px}.photo-viewer-footer p{margin:8px auto 0;max-width:780px;font-size:13px;color:#496354}.photo-viewer-tip{font-size:12px!important}@media(max-width:600px){.photo-viewer-header{padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top));gap:10px}.photo-viewer-header h2{font-size:20px}.photo-viewer-header p{font-size:12px}.photo-viewer-close span{display:none}.photo-viewer-tabs{padding:8px 12px;gap:8px}.photo-viewer-tabs button{flex:1;font-size:14px;padding:9px}.photo-viewer-footer{padding:8px 12px calc(9px + env(safe-area-inset-bottom))}.photo-viewer-footer p{font-size:12px}.photo-viewer-zoom{gap:9px}}@media(max-height:520px){.photo-viewer-header{padding:7px 14px}.photo-viewer-header h2{font-size:18px}.photo-viewer-header p{font-size:12px;margin:2px 0}.photo-viewer-tabs{padding:5px}.photo-viewer-tabs button{min-height:36px;padding:7px 12px}.photo-viewer-footer{padding:5px 12px}.photo-viewer-tip{display:none}.photo-viewer-footer p{margin:4px 0;font-size:11px}}