body.document-preview-open{overflow:hidden}.document-preview-modal{padding:0;border:1px solid #dce5f0;border-radius:22px;width:min(1080px,calc(100vw - 32px));height:min(920px,calc(100dvh - 40px));max-width:none;max-height:none;background:#f0f3f8;color:#172c50;box-shadow:0 24px 100px #071b4566}.document-preview-modal[open]{display:flex;flex-direction:column}.document-preview-modal::backdrop{background:#081a38b8;backdrop-filter:blur(5px)}.document-preview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;background:white;border-bottom:1px solid #dce5f0}.document-preview-header h2{font-size:22px;margin:4px 0 0;letter-spacing:-.6px}.document-preview-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#536887}.document-preview-stage{flex:1;min-height:0;overflow:auto;padding:24px;text-align:center}.document-preview-image{display:block;max-width:100%;height:auto;margin:auto;box-shadow:0 5px 28px #172c501a;background:white}.document-preview-image[hidden]{display:none}.document-preview-status{margin:50px auto;max-width:440px;color:#526781}.document-preview-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;border-top:1px solid #dce5f0;background:white;font-size:13px}.document-preview-controls button:disabled{opacity:.4;cursor:default}@media(max-width:600px){.document-preview-modal{width:100vw;height:100dvh;border:0;border-radius:0}.document-preview-header{padding:16px;gap:12px}.document-preview-header h2{font-size:18px}.document-preview-stage{padding:12px}.document-preview-controls{padding:12px 8px;gap:12px}.document-preview-controls .button{padding:10px;font-size:12px}}