.inline-document-preview { width: 100%; min-width: 0; }
.inline-document-preview > p { color: var(--text-secondary); }
.inline-page-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); align-items: start; gap: 1.5rem; }
.inline-document-page { margin: 0; min-width: 0; }
.inline-page-paper { display: grid; place-items: center; min-height: 200px; background: #fff; color: #252333; border: 1px solid var(--control-border); box-shadow: 0 2px 8px rgb(0 0 0 / 8%); }
.inline-page-paper canvas, .inline-document-page > img { display: block; width: 100%; height: auto; background: #fff; }
.inline-page-placeholder { padding: 2rem 1rem; font-size: .875rem; }
.inline-document-page figcaption { margin-top: .75rem; color: var(--text-secondary); font-size: .8125rem; text-align: center; }
.inline-document-page.page-excluded .inline-page-paper { border-style: dashed; }
.inline-document-page.page-excluded figcaption { font-weight: 650; }
.monochrome { filter: grayscale(1); }