/* Shared full-screen image viewer, with optional gallery navigation. */
dialog.screen-viewer,dialog.oa-image-dialog,dialog.project-image-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:rgba(18,18,16,.96);color:#fff;box-sizing:border-box;font-family:var(--font-sans,sans-serif)}
dialog.screen-viewer::backdrop,dialog.oa-image-dialog::backdrop,dialog.project-image-viewer::backdrop{background:rgba(18,18,16,.8)}
dialog.project-image-viewer[open],dialog.oa-image-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}
dialog .image-viewer-title{font-size:16px;font-weight:500;line-height:1.5;margin:0;padding-right:64px;align-self:center;min-height:48px;display:flex;align-items:center}
dialog.project-image-viewer img,dialog.oa-image-dialog img{display:block;width:100%;height:100%;min-height:0;max-width:none;max-height:none;object-fit:contain}
dialog.project-image-viewer button,dialog.oa-image-dialog button{position:absolute;right:24px;top:24px;font:inherit;color:inherit;background:transparent;border:1px solid #ffffff45;min-width:48px;min-height:48px;cursor:pointer;padding:8px 14px}
dialog.project-image-viewer button:hover,dialog.oa-image-dialog button:hover{background:#ffffff18}
dialog.project-image-viewer button:focus-visible,dialog.oa-image-dialog button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.image-viewer-hint{margin:0;font-size:12px;color:#ffffffa8;line-height:1.5}
@media(max-width:767px){dialog.screen-viewer,dialog.oa-image-dialog,dialog.project-image-viewer{padding:16px}dialog.project-image-viewer button,dialog.oa-image-dialog button{right:16px;top:16px;min-width:40px;min-height:44px;padding:8px}.image-viewer-title{font-size:14px!important}}