html.photo-viewer-open{overflow:hidden}
dialog.crm-photo-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#101820;color:#fff;overflow:hidden}
.crm-photo-viewer::backdrop{background:#101820}
.crm-photo-viewer header{position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));background:#101820}
.crm-photo-viewer [data-photo-counter]{margin-right:auto;font-size:14px}
.crm-photo-viewer button{min-width:44px;min-height:44px;border:1px solid #ffffff60;border-radius:8px;background:#25323f;color:#fff;cursor:pointer;padding:8px 12px;font:inherit;touch-action:manipulation}
.crm-photo-viewer button:focus-visible{outline:3px solid #80caff;outline-offset:3px}
.crm-photo-viewer [data-photo-close]{font-size:30px;line-height:1}
.crm-photo-viewer .photo-viewer-stage{position:absolute;inset:calc(72px + env(safe-area-inset-top)) 0 calc(40px + env(safe-area-inset-bottom));overflow:auto;touch-action:none;overscroll-behavior:contain;user-select:none;cursor:zoom-in}
.photo-viewer-stage img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;pointer-events:none}
.photo-viewer-stage.is-zoomed{cursor:grab}
.photo-viewer-stage.is-zoomed:active{cursor:grabbing}
.photo-viewer-stage.is-zoomed img{width:200%;height:200%;object-fit:contain}
.crm-photo-viewer .photo-viewer-prev,.crm-photo-viewer .photo-viewer-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;font-size:32px;line-height:1;background:#25323fce}
.crm-photo-viewer .photo-viewer-prev{left:max(10px,env(safe-area-inset-left))}.crm-photo-viewer .photo-viewer-next{right:max(10px,env(safe-area-inset-right))}
.crm-photo-viewer [hidden]{display:none!important}
.crm-photo-viewer footer{position:absolute;inset:auto 12px calc(10px + env(safe-area-inset-bottom));text-align:center;font-size:12px;color:#c8d3df;pointer-events:none}
.crm-photo-viewer [data-photo-error]{position:absolute;inset:35% 60px auto;text-align:center}