.report-intro{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:center;margin-bottom:28px}
.report-intro .report-heading{display:block;margin:0;min-width:0}.report-intro .report-actions{margin-top:22px;justify-content:flex-start;max-width:none}
.page-preview{margin:0;min-width:0}.page-preview-frame{position:relative;aspect-ratio:8/5;overflow:hidden;border-radius:10px;background:var(--surface-alt);border:1px solid var(--line)}
.page-preview-frame img{display:block;position:relative;width:100%;height:100%;object-fit:cover;object-position:top;z-index:1}
.page-preview-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-size:12px;color:var(--muted)}
.page-preview figcaption{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-top:6px}
.page-preview figcaption button{border:0;padding:3px 0;background:transparent;color:var(--accent);font:inherit;cursor:pointer}
.page-preview-note{font-size:12px;color:var(--muted);margin:3px 0 0}.page-preview-card{margin-bottom:16px}
@media(max-width:780px){.report-intro{grid-template-columns:minmax(0,1fr) 240px;gap:20px}}
@media(max-width:600px){.report-intro{grid-template-columns:1fr}.page-preview-detail{max-width:440px;width:100%}}
@media print{.page-preview{display:none}.report-intro{display:block}}

.page-preview [hidden]{display:none!important}
.page-preview figcaption{flex-wrap:wrap}.page-preview [data-preview-status]{flex:1;min-width:140px;text-align:left}.page-preview figcaption button:disabled{cursor:wait;opacity:.6}
