.document-preview-open{overflow:hidden}.document-preview-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.52);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.document-preview-sheet{width:min(980px,96vw);height:min(820px,92vh);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-md)}.document-preview-header,.document-preview-actions{display:flex;align-items:center;gap:12px;padding:14px 16px}.document-preview-header{justify-content:space-between;border-bottom:1px solid var(--border)}.document-preview-title{min-width:0}.document-preview-title strong,.document-preview-title span{display:block}.document-preview-title strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.document-preview-title span{margin-top:2px;color:var(--text-3);font-size:11px}.document-preview-close{flex:0 0 auto;font-size:26px;line-height:1}.document-preview-body{min-height:0;overflow:auto;background:var(--surface-2)}.document-preview-image-wrap{min-height:100%;display:grid;place-items:center;padding:18px}.document-preview-image{display:block;max-width:100%;max-height:calc(92vh - 150px);width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:var(--shadow-sm);background:white}.document-preview-frame{width:100%;height:100%;border:0;background:white}.document-preview-actions{justify-content:flex-end;border-top:1px solid var(--border)}@media(max-width:660px){.document-preview-backdrop{align-items:end;padding:0}.document-preview-sheet{width:100%;height:calc(100dvh - env(safe-area-inset-top));max-height:none;border-radius:22px 22px 0 0}.document-preview-header{padding:12px 14px}.document-preview-image-wrap{padding:10px}.document-preview-image{max-height:calc(100dvh - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.document-preview-actions{padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.document-preview-actions .action-button{flex:1}}