.photo-grid{grid-template-columns:2fr 1fr;gap:8px;display:grid}.photo-grid>button{cursor:zoom-in;background:#e8f1ed;border:0;border-radius:10px;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.photo-grid>button:first-child{grid-row:span 2}.photo-grid>button:only-child{grid-column:1/-1}.photo-grid img{object-fit:cover;width:100%;height:210px;display:block}.photo-grid>button:first-child img{height:428px}.photo-grid>button>span{inset-inline-end:10px;color:#fff;background:#003f36d9;border-radius:6px;padding:3px 9px;font-size:22px;position:absolute;bottom:10px}.photo-gallery-hint{color:var(--muted);margin:12px 4px 2px;font-size:13px;line-height:1.7}.photo-grid button:focus-visible,.photo-viewer button:focus-visible,.photo-viewer a:focus-visible{outline-offset:3px;outline:3px solid #c79836}.photo-viewer{color:#fff;overscroll-behavior:contain;background:#10231f;border:0;border-radius:16px;width:min(1100px,100%);max-width:100%;max-height:100dvh;margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.photo-viewer::backdrop{background:#07100eed}.photo-viewer-shell{flex-direction:column;gap:10px;padding:14px;display:flex}.photo-viewer-header{align-items:center;gap:16px;min-height:44px;display:flex}.photo-viewer-header>strong{flex:1}.photo-viewer button,.photo-viewer a{font:inherit;color:#fff;cursor:pointer;text-align:center;background:#1e3730;border:1px solid #52645d;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:9px 13px;font-size:14px;display:inline-flex}.photo-viewer-header>button{width:44px;padding:0;font-size:27px}.photo-viewer button:disabled{opacity:.5;cursor:default}.photo-stage{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;direction:ltr;background:#07100e;border-radius:8px;width:100%;height:clamp(180px,54dvh,650px);overflow:auto}.photo-stage>img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.photo-stage.is-zoomed>img{object-fit:contain;cursor:zoom-out;width:200%;max-width:none;height:200%}.photo-load-error{text-align:center;place-content:center;min-height:100%;display:grid}.photo-viewer-nav,.photo-export-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.photo-viewer .photo-primary{color:#16251f;background:#e0bb67;border-color:#e0bb67;font-weight:700}.photo-export-status,.photo-source-note{text-align:center;color:#d1dfd8;margin:0;font-size:12px;line-height:1.7}.photo-source-note{color:#b6c7bf}.photo-export-error{color:#ffe0e0;text-align:center;background:#462b2b;border-radius:8px;margin:0;padding:10px;font-size:14px}@media (max-width:620px){.photo-grid{grid-template-columns:1fr 1fr}.photo-grid>button:first-child{grid-area:auto/1/auto/-1}.photo-grid img{height:160px}.photo-grid>button:first-child img{height:260px}.photo-viewer{border-radius:0}.photo-viewer-shell{padding:10px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.photo-stage{height:48dvh}.photo-viewer button,.photo-viewer a{padding:8px 10px;font-size:12px}.photo-viewer-nav{gap:5px}.photo-viewer-header>button{font-size:27px}}