.project-photo-view{display:block;position:relative;color:#fff;cursor:zoom-in}
.project-photo-view>span:not(.photo-preview-crop){position:absolute;right:14px;bottom:14px;padding:10px 16px;background:#143b29;border:1px solid #ffffff70;border-radius:999px;font:600 14px/1.3 Arial,sans-serif;box-shadow:0 3px 14px #0004}
.project-photo-view:focus-visible{outline:4px solid #f49a1d;outline-offset:-4px}
#project-photo-viewer{width:96vw;max-width:1500px;height:94vh;height:94dvh;max-height:94dvh;padding:16px;border:1px solid #ffffff40;border-radius:18px;background:#111a16;color:white;box-sizing:border-box;overflow:hidden}
#project-photo-viewer::backdrop{background:#000d}
.project-viewer-content{height:100%;display:flex;flex-direction:column;gap:12px}
.project-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.project-viewer-toolbar button{background:#fff;color:#183c2a;border:0;border-radius:999px;padding:11px 18px;font:600 15px/1.2 Arial,sans-serif;cursor:pointer;min-height:44px}
.project-viewer-toolbar button:focus-visible{outline:3px solid #f49a1d;outline-offset:3px}
#project-photo-viewer .project-viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;overflow:hidden}
#project-photo-viewer .project-viewer-frame{position:relative;overflow:hidden;flex:none;max-width:100%;max-height:100%}
#project-photo-viewer .project-viewer-image{position:absolute;display:block;max-width:none;max-height:none;object-fit:fill;aspect-ratio:auto;border-radius:0;margin:0}
.project-viewer-navigation{display:flex;justify-content:center;gap:16px;align-items:center}
@media(max-width:600px){#project-photo-viewer{padding:12px;width:98vw;height:94dvh}.project-viewer-toolbar button{padding:10px 14px}}