/* UI Animations for uiXpress Sound & Animation Engine */

/* Generic slide down/up animations (used via JS class toggles) */
@keyframes slideDown {
  from { max-height: 0; opacity: 0; }
  to   { max-height: 500px; opacity: 1; }
}
@keyframes slideUp {
  from { max-height: 500px; opacity: 1; }
  to   { max-height: 0; opacity: 0; }
}

/* Apply when animation toggle is enabled */
.ui-anim-enabled .slide-down {
  animation: slideDown 0.2s ease-out forwards;
}
.ui-anim-enabled .slide-up {
  animation: slideUp 0.2s ease-out forwards;
}

/* Simple fade for UI elements (example) */
.ui-anim-enabled .fade-in {
  animation: fadeIn 0.3s ease-out forwards;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}