.modalTitle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.templateGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 12px;
}

.templateCard {
  border-radius: 12px;
}

.templateCardActive {
  border-color: #ff7f16 !important;
  box-shadow: 0 0 0 2px rgba(255, 127, 22, 0.2);
}

.templateHeader {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.templateEmoji {
  font-size: 20px;
}

.templateDesc {
  color: rgba(0, 0, 0, 0.65);
  min-height: 42px;
  margin-bottom: 8px;
}

.templateMeta {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}

.formSection {
  margin-top: 18px;
}

.actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
