.document-viewer-backdrop{position:fixed;inset:0;z-index:90;background:rgba(10,25,47,.7);display:flex;align-items:center;justify-content:center;padding:24px;animation:documentViewerFadeIn .15s ease-out}@keyframes documentViewerFadeIn{0%{opacity:0}to{opacity:1}}.document-viewer-modal{width:75vw;height:75vh;max-width:1600px;background:white;border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden}.document-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0;flex-wrap:wrap}.document-viewer-titles{flex:1 1 auto;min-width:0}.document-viewer-download{order:1;flex-shrink:0}.document-viewer-close{order:2}.document-viewer-titles h2{margin:0 0 4px;font-size:18px;font-weight:800;color:#111827}.document-viewer-meta,.document-viewer-titles h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-viewer-meta{margin:0;font-size:13px;color:#4b5563}.document-viewer-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.document-viewer-close{width:36px;height:36px;border:none;background:transparent;font-size:28px;line-height:1;color:#374151;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.document-viewer-close:hover{background:#e5e7eb;color:#111827}.document-viewer-body{flex:1;min-height:0;position:relative;background:#f3f4f6}.document-viewer-frame{width:100%;height:100%;border:none;display:block}.document-viewer-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.document-viewer-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.document-viewer-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;text-align:center}.document-viewer-fallback-icon{font-size:64px;opacity:.6}.document-viewer-fallback p{margin:0;max-width:480px;color:#374151;font-size:14px;line-height:1.6}@media (max-width:768px){.document-viewer-backdrop{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.document-viewer-modal{width:100%;max-width:460px;height:72vh;height:72dvh;max-height:calc(100dvh - 32px);border-radius:14px}.document-viewer-header{gap:10px 12px;padding:max(12px,env(safe-area-inset-top)) 16px 12px}.document-viewer-titles{order:1;flex:1 1 0}.document-viewer-close{order:2;margin:-4px -4px -4px 0}.document-viewer-download{order:3;flex:1 1 100%}.document-viewer-titles h2{font-size:16px}}