.image-viewer{position:fixed;inset:0;margin:auto;padding:0;width:min(1100px,100vw);height:100dvh;max-width:100vw;max-height:100dvh;border:0;background:#faf8f4;color:#20201e;overflow:hidden}.image-viewer[open]{display:flex;flex-direction:column}.image-viewer::backdrop{background:#171717cc}.image-viewer header{display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;flex-shrink:0}.image-viewer header strong{flex:1}.image-viewer button{min-height:44px;padding:8px 14px;border:1px solid #ddd;border-radius:12px;background:white;color:#20201e;font:inherit}.image-viewer-canvas{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center}.image-viewer-canvas img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;transform-origin:center}.image-viewer-canvas [role=status]{position:absolute;left:16px;right:16px;text-align:center;background:#faf8f4}.image-viewer-canvas [role=status]:empty{display:none}.image-viewer-hint{text-align:center;font-size:12px;color:#616773;margin:10px 8px;padding-bottom:env(safe-area-inset-bottom,0px)}