.document-preview{color:#193954;background:#f7fbff;border:1px solid #cbdcec;border-radius:22px;width:min(1080px,100vw - 40px);max-height:calc(100dvh - 40px);padding:0;overflow:auto;box-shadow:0 32px 100px #102a4655}.document-preview::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d254dd1}.document-preview-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 8px;display:flex}.document-preview-kicker{color:#2378bb;letter-spacing:.12em;align-items:center;gap:7px;font-size:.85rem;display:flex}.document-preview-header h2{margin:9px 0;font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.2}.document-preview-close{color:#183d60;background:#e9f2fb;border:1px solid #bcd2e6;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.document-preview-note{color:#49647d;max-width:900px;margin:0;padding:0 28px 18px;font-size:.94rem;line-height:1.5}.document-preview-stage{background:#dce8f4;border-block:1px solid #cbdcec;place-items:center;height:min(58dvh,740px);min-height:260px;display:grid}.document-preview-stage iframe{border:0;width:100%;height:100%}.document-preview-stage>p{align-items:center;gap:12px;padding:24px;display:flex}.document-preview-placeholder{text-align:center;max-width:540px;padding:24px}.document-preview-footer{padding:18px 28px}.document-preview-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.document-preview .button,.document-preview .text-link{white-space:normal;text-align:left;min-height:44px}.document-preview-status{margin:10px 0 0;font-size:.9rem;line-height:1.5}.document-preview-status:empty{display:none}.document-preview-spinner{flex-shrink:0;animation:1s linear infinite document-preview-spin}@keyframes document-preview-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.document-preview-spinner{animation:none}}@media (width<=600px){.document-preview{border-radius:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.document-preview-header{padding:16px 16px 4px}.document-preview-note{padding:0 16px 14px;font-size:.9rem}.document-preview-stage{height:45dvh}.document-preview-footer{padding:14px 16px}.document-preview-actions{gap:8px}.document-preview-actions>*{justify-content:center;width:100%}}.document-preview-pages{scrollbar-gutter:stable;flex-direction:column;width:100%;min-width:0;height:100%;display:flex;position:relative;overflow:auto scroll}.document-preview-zoom{z-index:1;color:#2d4f6d;background:#eaf3fb;border-bottom:1px solid #c1d5e8;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:.875rem;display:flex;position:sticky;top:0}.document-preview-zoom select{color:#163755;min-height:36px;font:inherit;background:#fff;border:1px solid #a6c3dd;border-radius:6px;padding:4px 8px}.document-preview-sheets{width:max-content;min-width:100%;padding:16px}.document-preview-sheet{background:#fff;width:max-content;margin:0 auto 18px;box-shadow:0 2px 12px #14334d25}.document-preview-sheet canvas{display:block}.document-preview-render-status{align-items:center;gap:8px;margin:0;padding:12px 18px;font-size:.9rem;display:flex}.document-preview-accessible-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.document-preview-zoom{flex-wrap:wrap;gap:8px;font-size:16px}.document-preview-zoom select{max-width:100%;min-height:44px;font-size:16px}}