.photo-viewer{padding:0;border:1px solid #bfa77555;border-radius:12px;width:min(1200px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;background:#091b14;color:#f2eee2;box-shadow:0 25px 100px #0008;overflow:hidden}.photo-viewer::backdrop{background:#020906eb;backdrop-filter:blur(8px)}.photo-viewer:not([open]){display:none}.viewer-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}.viewer-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #d3b37333;gap:15px}.viewer-bar strong{font:500 16px Georgia,serif;color:#e4cc92;letter-spacing:.12em}.viewer-bar span{display:block;font:11px Arial,sans-serif;color:#b8c5b8;margin-top:5px}.viewer-tools{display:flex;gap:10px}.photo-viewer button{color:#f6edda;background:#ffffff0a;border:1px solid #b6c4ae44;display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;font:26px Arial,sans-serif;padding:0;cursor:pointer}.photo-viewer button:hover{background:#d4bc7733}.photo-viewer button:focus-visible{outline:2px solid #edcf8b;outline-offset:3px}.viewer-stage{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;gap:12px;align-items:center;min-height:0;padding:16px}.viewer-stage>button{width:44px;height:44px;justify-self:center}.viewer-image-frame{height:100%;min-height:0;display:grid;place-items:center;overflow:hidden;background:#06110c}.viewer-image{width:100%;height:100%;min-height:0;object-fit:contain;cursor:zoom-in}.viewer-image-frame.is-zoomed{display:block;overflow:auto}.viewer-image-frame.is-zoomed .viewer-image{width:180%;height:auto;max-width:none;object-fit:initial;cursor:zoom-out}.viewer-footer{padding:0 22px 12px;min-width:0}.viewer-caption{font:12px Arial,sans-serif;color:#d4ddcd;margin:0 0 12px;text-align:center}.viewer-thumbnails{display:flex;overflow-x:auto;gap:8px;padding:5px 2px 10px;scrollbar-width:thin;scrollbar-color:#67745b transparent}.viewer-thumbnails button{flex:0 0 65px;width:65px;height:46px;min-height:46px;border-radius:4px;overflow:hidden;border:2px solid transparent;opacity:.55}.viewer-thumbnails button[aria-current="true"]{opacity:1;border-color:#e6c883}.viewer-thumbnails button:hover{opacity:1}.viewer-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}.viewer-hint{font:10px Arial,sans-serif;letter-spacing:.04em;text-align:center;margin:5px 0 0;color:#98ac99}.viewer-hint span{margin:0 10px}@media(max-width:600px){.photo-viewer{height:96dvh;max-height:96dvh;width:98vw;max-width:98vw;border-radius:6px}.viewer-bar{padding:12px}.viewer-bar strong{font-size:12px;letter-spacing:.06em}.viewer-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:2px;padding:6px}.viewer-stage>button{min-width:34px;width:34px;height:44px}.viewer-footer{padding:5px 10px 12px}.viewer-hint{font-size:9px}.viewer-hint span{margin:0 4px}}