.document-viewer{color:#142d3d;overscroll-behavior:contain;background:#e9eef1;border:0;flex-direction:column;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;display:none;position:fixed;inset:0}.document-viewer[open]{display:flex}.document-viewer::backdrop{background:#142d3d}.document-viewer-bar{padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;background:#fff;border-bottom:1px solid #d1dde4;flex-shrink:0;align-items:center;gap:16px;display:flex}.document-viewer-bar>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.document-viewer button,.document-viewer-bar a{color:#142d3d;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bbcbd4;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:inline-flex}.document-viewer button:disabled{opacity:.4;cursor:default}.document-viewer button:focus-visible,.document-viewer a:focus-visible{outline-offset:2px;outline:3px solid #bb2535}.document-viewer-tools{background:#f7f9fa;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}.document-viewer-tools input{background:#fff;border:1px solid #bbcbd4;border-radius:5px;width:4.5em;min-height:40px;padding:5px}.document-viewer-content{min-height:0;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;flex:1;overflow:auto}.document-viewer-content canvas{background:#fff;height:auto;margin:0 auto;display:block}.document-viewer-content img{max-width:100%;height:auto;margin:auto;display:block}.document-viewer-content p{background:#fff;border-radius:8px;max-width:680px;margin:0 auto 16px;padding:16px;line-height:1.6}@media (width<=520px){.document-viewer-bar{gap:8px;padding-left:10px;padding-right:10px}.document-viewer-bar a span{display:none}.document-viewer-content{padding-left:8px;padding-right:8px}.document-viewer-tools button{padding:7px}}