.template-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  backdrop-filter:blur(14px);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.3s;
}

.template-modal.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.template-modal-box{
  width:min(900px,100%);
  max-height:90vh;
  overflow:auto;
  background:#0f172a;
  border-radius:28px;
  padding:30px;
}

.template-entry-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:18px;
}

.template-entry{
  padding:28px;
  border-radius:24px;
  cursor:pointer;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
}