/* Phase 4 Template Gallery */
.template-grid{
 display:grid!important;
 grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;
 gap:20px!important;
}
.template-card{
 background:#fff!important;
 border-radius:18px!important;
 box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
 transition:.2s ease;
}
.template-card:hover{
 transform:translateY(-4px);
}
.template-preview{aspect-ratio:1.75/1;object-fit:contain;padding:12px;}
.template-toolbar{
 position:sticky;top:0;
 background:#24384d;color:#fff;
 padding:12px;z-index:5;
}
@media(max-width:700px){
 .template-grid{grid-template-columns:1fr;}
}