.image-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;box-sizing:border-box;margin:0;padding:24px;border:0;background:transparent;overflow:auto}.image-viewer[open]{display:flex;align-items:center;justify-content:center}.image-viewer::backdrop{background:rgba(12,23,22,.88)}.image-viewer-panel{width:min(1440px,100%);background:#f1f4f7;border-radius:10px;overflow:hidden;box-shadow:0 12px 60px #0005}.image-viewer header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:white;color:#21342f}.image-viewer header p{margin:0;font:600 16px/1.4 system-ui}.image-viewer button{min-width:100px;min-height:44px;border:1px solid #b7c4bd;background:white;border-radius:6px;color:#21342f;cursor:pointer;font:600 16px system-ui;flex-shrink:0}.image-viewer button:focus-visible{outline:3px solid #304ccd;outline-offset:2px}.image-viewer img{display:block;width:100%;height:calc(100dvh - 130px);object-fit:contain}@media(max-width:600px){.image-viewer{padding:10px}.image-viewer header{padding:10px}.image-viewer img{height:calc(100dvh - 105px)}}