.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem;max-width:1800px;margin:0 auto}.preview-container{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s;display:flex;flex-direction:column}.preview-container:hover{transform:translateY(-4px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.preview-frame-wrapper{position:relative;width:100%;padding-top:75%;background:#f3f4f6}.preview-frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.template-info{padding:1.25rem;background:#fff;height:auto}.template-info h2{margin:0;line-height:1.2;font-size:1.25rem}.template-info p{margin:.75rem 0 1.25rem;color:#4b5563}.tech-stack{margin-bottom:1.25rem}.tech-badge{background:#f3f4f6;border-radius:9999px;color:#4b5563;padding:.375rem .875rem;font-size:.875rem}.button-group{display:flex;gap:.75rem;margin-top:auto}.copy-btn:hover{background-color:#e5e7eb}@media (min-width:640px){.template-info{padding:1.75rem}.templates-grid{gap:2rem;padding:2rem}}@media (min-width:1024px){.templates-grid{gap:2.5rem;padding:2.5rem}}