.template-directory{padding-bottom:var(--home-section-space)}.template-library{scroll-margin-top:calc(var(--site-nav-height) + 24px)}.template-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.template-search{flex:none;width:300px;max-width:100%}.template-filters{display:flex;flex-wrap:wrap;gap:6px}.template-filterbar{margin-bottom:24px}.template-card{display:flex;flex-direction:column;min-width:0;min-height:264px;padding:24px;border:1px solid var(--home-line);border-radius:var(--site-card-radius);background:var(--home-surface)}.template-card-top{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:8px}.template-identity{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid var(--home-line);border-radius:var(--site-control-radius);background:var(--home-soft);color:var(--home-foreground)}.template-source-mark{width:28px;height:28px}.template-card h2{margin:0;font:500 20px/1.4 var(--site-font);letter-spacing:-.02em}.template-card-description{margin:0;color:var(--home-muted);font-size:15px;line-height:1.6}.template-card-footer{margin-top:auto;padding-top:24px}.template-card-start{width:100%}.template-no-results{display:flex;flex-direction:column;align-items:center;padding:64px 24px;border-radius:var(--site-card-radius);background:var(--home-soft);text-align:center}.template-no-results>svg{color:var(--home-muted);margin-bottom:16px}.template-no-results h3{margin:0;font-size:18px;font-weight:500}.template-no-results p{margin:8px 0 24px;color:var(--home-muted)}.template-catalog-error{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:24px;border-radius:var(--site-card-radius);background:var(--home-soft)}.template-catalog-error p{margin:0;color:var(--home-muted)}@media(max-width:767px){.template-library-toolbar{flex-direction:column;align-items:stretch;gap:20px}.template-search{width:100%}.template-filters{gap:4px}.template-catalog-error{flex-direction:column;align-items:flex-start;padding:24px}}.template-card:focus-within{border-color:var(--home-subtle)}@media(hover:hover){.template-card:hover{border-color:var(--home-subtle)}}