.sa-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}.sa-template-card{display:flex;flex-direction:column;text-align:left;background:var(--theme-surface,#fff);border:1px solid var(--theme-border,rgba(15,23,42,.08));border-radius:12px;overflow:hidden;cursor:pointer;font-family:inherit;padding:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sa-template-card:hover{transform:translateY(-2px);border-color:var(--theme-accent,#0d9488);box-shadow:0 8px 24px rgba(15,23,42,.06)}.sa-template-preview{width:100%;height:140px;-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,var(--theme-bg,#f8fafc),var(--theme-border,rgba(15,23,42,.08)));display:block}.sa-template-preview-empty{display:flex;align-items:center;justify-content:center;font-size:.78rem;color:var(--theme-text-muted,#64748b)}.sa-template-info{padding:.75rem .875rem;display:flex;flex-direction:column;gap:.25rem}.sa-template-name{font-size:.95rem;font-weight:700;color:var(--theme-text,#0f172a)}.sa-template-category{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--theme-accent,#0d9488)}.sa-template-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.sa-tag-list{display:flex;flex-wrap:wrap;gap:.25rem;flex:1}.sa-tag{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;background:var(--theme-bg,#f1f5f9);color:var(--theme-text-muted,#64748b);border:1px solid var(--theme-border,rgba(15,23,42,.06))}