/* A shared, lazy high-resolution photo surface for multi-view museum objects. */
dialog.museum-photo-viewer{width:min(96vw,1080px);max-width:1080px;height:min(94svh,960px);max-height:94svh;padding:14px;overflow:hidden;color:#69492d;background:#f3e6cc url('assets/antique-garden-cloth.webp') center/cover;border:1px solid #9b784d;border-radius:7px;box-sizing:border-box}
.museum-photo-viewer::backdrop{background:#2f241bd9;backdrop-filter:none}
.museum-photo-layout{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px}
.museum-photo-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;padding:0;min-height:38px}
.museum-photo-header{background:#f6ecd9eb;border-radius:4px;padding:3px 6px}
.museum-photo-header h2{font-size:21px;line-height:1.2;margin:0;text-shadow:none;font-weight:400}
.museum-photo-header>div{display:flex;gap:7px}
.museum-photo-header button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #b29972;border-radius:5px;background:#fff4dcd9;color:#704c2c;font:24px/1 Georgia,serif!important;box-shadow:none}
.museum-photo-header button:disabled{opacity:.35}
.museum-photo-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#cbc6bc;touch-action:pan-x pan-y pinch-zoom;cursor:zoom-in;scrollbar-width:thin}
.museum-photo-stage.is-zoomed{cursor:grab}.museum-photo-stage.is-zoomed:active{cursor:grabbing}
.museum-photo-canvas{display:grid;place-items:center;min-width:100%;min-height:100%;width:max-content;height:max-content}
.museum-photo-canvas img{display:block;max-width:none;max-height:none;object-fit:contain;margin:0;user-select:none;pointer-events:none}
.museum-photo-views{display:flex;justify-content:center;gap:8px;flex-shrink:0;overflow-x:auto;margin:0;padding:2px;scrollbar-width:thin}
.museum-photo-views button{flex:0 0 62px;width:62px;height:62px;padding:3px;border:1px solid #bca47f;border-radius:4px;background:#e2d6bd;box-shadow:none}
.museum-photo-views button[aria-pressed=true]{border:2px solid #98613b;padding:2px;background:#f8e7bd}
.museum-photo-views img{display:block;width:100%;height:100%;object-fit:contain;margin:0;padding:0;pointer-events:none}
.viewer-photo{position:relative}.viewer-photo .viewer-enlarge{position:absolute;right:12px;bottom:12px;width:38px;height:38px;background:#fff2d9e8;border:1px solid #ad8b5f;border-radius:5px;color:#704c2c;font:24px Georgia,serif;cursor:pointer}
@media(max-width:600px){dialog.museum-photo-viewer{padding:10px}.museum-photo-header{background:#f6ecd9eb;border-radius:4px;padding:3px 6px}
.museum-photo-header h2{font-size:19px}.museum-photo-views{justify-content:flex-start;gap:6px}.museum-photo-views button{flex-basis:50px;width:50px;height:54px}}