.print-preview{display:block;margin:1.5rem 0;padding:clamp(12px,2vw,20px);border:1px solid #cdbba8;border-radius:4px;color:var(--c-text,#392024);background:transparent}
.print-preview[hidden]{display:none}
.print-preview__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.print-preview__heading h2{font-size:clamp(18px,2vw,23px);line-height:1.2}
.print-preview__heading span{font-size:12px;text-align:right}
.print-preview__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.print-preview figure{margin:0;padding:12px 8px 10px;border:1px solid #dfd1c1;border-radius:4px;text-align:center;min-width:0}
.print-preview__sheet{width:min(100%,calc(230px * var(--preview-ratio,.7857)));aspect-ratio:var(--preview-ratio,11/14);margin:0 auto;background:#fff;overflow:hidden;box-shadow:0 0 0 1px #e2ddd7}
.print-preview__image{display:block;width:100%;height:100%;object-position:center}
.print-preview__sheet--crop img{object-fit:cover}
.print-preview__sheet--fit img{object-fit:contain}
.print-preview figcaption{font-size:12px;line-height:1.4;margin-top:10px}
.print-preview__note{font-size:11px;line-height:1.5;text-align:center;margin:12px 0 0;opacity:.8}
.print-preview__source{font-size:11px;margin-top:10px}
.print-preview__source summary{cursor:pointer;text-align:center;text-decoration:underline;text-underline-offset:3px}
.print-preview__source label{display:block;margin:10px 0 4px}
.print-preview__source select{font-size:12px}
@media(max-width:400px){.print-preview__grid{gap:8px}.print-preview figure{padding:8px 5px}.print-preview__heading{align-items:start}.print-preview__heading h2{font-size:18px}}