.qk-document-templates{block-size:min(800px,100dvh - 32px);font-family:var(--qk-type-body-font-family)}.qk-document-templates__layout{gap:var(--qk-space-surface);grid-template-columns:minmax(0,1.25fr) minmax(220px,1fr);height:100%;min-height:0;display:grid}.qk-document-templates__catalog,.qk-document-templates__details{overscroll-behavior:contain;min-width:0;min-height:0;overflow:auto}.qk-document-templates__catalog{gap:var(--qk-space-group);flex-direction:column;display:flex;overflow:hidden}.qk-document-templates__search{flex:none}.qk-document-templates__items{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.qk-document-templates__details{padding:var(--qk-space-group);background:var(--qk-color-surface-subtle);border-radius:var(--qk-radius-group)}.qk-document-templates__details h3{margin:0 0 var(--qk-space-inline)}.qk-document-templates__details p{line-height:1.6}.qk-document-templates__preview-frame{aspect-ratio:4/3;width:100%;position:relative}.qk-document-templates__thumbnail{object-fit:contain;background:#fff;width:100%;height:100%;display:block;position:absolute;inset:0}.qk-document-templates__page{background:#fff;width:100%;height:auto;display:block}.qk-document-templates__unavailable{height:100%;color:var(--qk-color-text-secondary);place-items:center;display:grid}.qk-document-templates__hint,.qk-document-templates__preservation{color:var(--qk-color-text-secondary);font-size:12px;line-height:1.6}.qk-document-templates__preservation{flex:1;min-width:120px;margin:0 auto 0 0}@media (max-width:640px){.qk-document-templates__layout{grid-template-rows:minmax(180px,1fr) minmax(100px,.6fr);grid-template-columns:1fr}.qk-document-templates__page{display:none}}