/* WebPhotoViewer-compatible fullscreen viewer, grouped per project. */
.viewer-overlay{position:fixed;inset:0;z-index:10000;background:rgba(16,17,16,.97);display:none;color:#fff}.viewer-overlay.active{display:block}.viewer-stage{position:absolute;inset:64px 0 70px;touch-action:none;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab}.viewer-stage.dragging{cursor:grabbing}.viewer-image{position:absolute;display:block;max-width:none;max-height:none;transform-origin:center;pointer-events:none;user-select:none;will-change:transform}.viewer-topbar{position:absolute;top:0;left:0;right:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:12px 22px;gap:16px;z-index:20}.viewer-project{font-family:Georgia,serif;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;letter-spacing:-.025em}.viewer-toolbar{display:flex;align-items:center;gap:6px;flex-shrink:0}.viewer-btn{border:1px solid #555c59;background:#303431;color:#fff;border-radius:0;min-width:38px;height:38px;font-size:18px;cursor:pointer;padding:0 11px}.viewer-btn:hover{background:#5b6058}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:25;border:1px solid #515650;background:#282d2a;color:#fff;width:50px;height:54px;cursor:pointer;font-size:27px;display:flex;align-items:center;justify-content:center}.viewer-nav.prev{left:18px}.viewer-nav.next{right:18px}.viewer-nav:hover{background:#62665d}.viewer-footer{position:absolute;bottom:0;left:0;right:0;height:65px;display:flex;gap:14px;justify-content:space-between;align-items:center;padding:0 24px;color:#cccac4;font-size:11px;letter-spacing:.08em}.viewer-footer span:last-child{color:#858780}.viewer-image-counter{font-variant-numeric:tabular-nums}.viewer-stage:focus-visible{outline:1px solid #fff;outline-offset:-8px}@media(max-width:700px){.viewer-topbar{padding:9px 12px;height:57px}.viewer-project{font-size:15px}.viewer-btn{height:34px;min-width:32px;padding:0 8px;font-size:16px}.viewer-stage{inset:57px 0 61px}.viewer-nav{width:34px;height:40px;font-size:20px}.viewer-nav.prev{left:4px}.viewer-nav.next{right:4px}.viewer-footer{height:61px;padding:0 12px;font-size:10px}.viewer-footer span:last-child{display:none}}