.tpl-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.tpl-grid{grid-template-columns:1fr 1fr}}.tpl-preview{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-sunken);padding:var(--space-4);margin-top:var(--space-5)}.tpl-preview>h3{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-muted);margin-bottom:var(--space-2)}.tpl-preview-title{font-weight:var(--font-weight-semibold);font-size:var(--text-md);overflow-wrap:anywhere;margin-bottom:var(--space-3)}.tpl-preview .md{font-size:var(--text-sm);overflow-wrap:anywhere}.tpl-open{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-3)}.tpl-open code,.tpl-codes code{font-family:var(--font-mono);font-size:.85em}.tpl-codes{gap:var(--space-1);flex-wrap:wrap;display:flex}.tpl-pick{margin-bottom:var(--space-4)}.tpl-note{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-2);overflow-wrap:anywhere}.tpl-menu{z-index:20;background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);max-height:16rem;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.tpl-menu [role=option]{gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;align-items:baseline;min-height:40px;display:flex}.tpl-menu [role=option][aria-selected=true],.tpl-menu [role=option]:hover{background:var(--color-selected)}.tpl-menu .meta{color:var(--color-muted);font-size:var(--text-sm);margin-left:auto}