.doc-view--preview{gap:var(--space-5);grid-template-areas:"main""paper";display:grid}.doc-view__main{grid-area:main;min-width:0}.doc-view__paper{aspect-ratio:1/1.414;border:1px solid var(--color-border);width:min(100%,16rem);box-shadow:var(--shadow-md);background:#fff;border-radius:2px;grid-area:paper;overflow:hidden}.doc-view__paper img{object-position:top;width:100%;height:100%;display:block}@media (min-width:48rem){.doc-view--preview{align-items:start;gap:var(--space-8);grid-template-columns:minmax(0,1fr) 18rem;grid-template-areas:"main paper"}.doc-view__paper{width:100%;margin-top:var(--space-7)}}