.document-preview{margin-top:16px;border:1px solid var(--line);background:#e8e8e3;min-width:0}
.preview-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px;background:#fff;border-bottom:1px solid var(--line)}
.preview-toolbar button,.preview-toolbar select,.preview-toolbar a{font:inherit;font-size:12px;min-height:38px;border:1px solid var(--line);border-radius:0;background:#fff;padding:6px 9px;color:var(--ink)}
.preview-toolbar a{display:inline-flex;align-items:center;text-decoration:none}
.preview-toolbar button{min-width:36px}
.preview-toolbar button:hover{background:var(--grey)}
.preview-toolbar button:disabled{opacity:.4;cursor:default}
.preview-toolbar button:focus-visible,.preview-toolbar select:focus-visible,.preview-toolbar a:focus-visible,.preview-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.preview-page-number,.preview-native-label{font-size:12px;margin-right:auto;white-space:nowrap}
.preview-viewport{height:580px;height: min(65vh,700px);min-height:280px;overflow:auto;overscroll-behavior:contain;padding:16px;position:relative}
.preview-sheet{position:relative;margin:0 auto;background:#fff;box-shadow:0 2px 10px #0002;flex:none}
.preview-sheet canvas,#label-canvas{display:block;border:0;max-width:none;width:100%;height:100%}
.preview-native-pdf .preview-viewport{padding:0;overflow:hidden}
.preview-pdf-sheet{width:100%;height:100%;margin:0;box-shadow:none}
.preview-pdf-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.preview-status{font-size:12px;padding:0 12px;line-height:1.5;background:#fff;overflow-wrap:anywhere}
.preview-status:not(:empty){padding:10px 12px}
.document-preview:not(.preview-native-pdf):has(.preview-sheet[hidden]) .preview-viewport,.document-preview:not(.preview-native-pdf):has(.preview-sheet[hidden]) .preview-toolbar{display:none}
.document-preview:has(.preview-sheet[hidden]) .preview-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:280px;padding:38px 24px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}
.document-preview:has(.preview-sheet[hidden]) .preview-status::before,#letter-proof-placeholder::before{content:'';display:block;width:60px;height:78px;flex-shrink:0;border:1px solid var(--ink);background:linear-gradient(var(--accent),var(--accent)) 11px 14px/36px 8px no-repeat,repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 8px) 11px 34px/36px 24px no-repeat,var(--paper);box-shadow:5px 5px 0 var(--grey),6px 6px 0 var(--line)}
.preview-expanded{position:fixed!important;inset:16px;z-index:1000;margin:0;display:flex;flex-direction:column;box-shadow:0 0 0 100vmax #0009}
.preview-expanded .preview-viewport{height:auto;min-height:0;flex:1}
body.has-expanded-preview{overflow:hidden}
.export-note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}
@media(max-width:600px){.preview-expanded{inset:6px}.preview-toolbar{gap:5px;padding:7px}.preview-viewport{padding:8px}}