#toggle-editor {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
  margin-bottom: 8px;
}

#toggle-icon {
  transition: transform 0.3s ease;
}

#editor-container {
  transition: max-height 0.3s ease, opacity 0.3s ease;
  overflow: hidden;
  max-height: 1000px;
  opacity: 1;
}

#editor-container.collapsed {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

#toggle-icon.rotate {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}