.templateGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.templateCard{position:relative;border-radius:16px;padding:20px;min-height:140px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid hsla(0,0%,100%,.08);color:#fff;text-decoration:none;overflow:hidden}.templateCard:before{content:"";position:absolute;inset:0;opacity:.55}.templateCard>*{position:relative}.templateName{font-size:15px;font-weight:600;margin:0 0 4px}.templateMeta,.templateName{font-family:var(--font-mono)}.templateMeta{font-size:11px;color:hsla(0,0%,100%,.75)}a.templateCard{cursor:pointer}a.templateCard:hover{border-color:rgba(168,85,247,.6)}.templateCard.comingSoon{filter:grayscale(.6);opacity:.55;cursor:default}.comingSoonBadge{position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;padding:3px 8px;border-radius:999px;background:rgba(5,5,8,.75);color:var(--dim);z-index:1}