@layer utilities {
    .content-auto {
      content-visibility: auto;
    }
    .firework-controls {
      position: fixed;
      bottom: 2rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 10;
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      justify-content: center;
    }
    .btn-control {
      @apply bg-white/20 backdrop-blur-sm text-white px-4 py-2 rounded-full text-sm font-medium
             shadow-lg hover:bg-white/30 transition-all duration-300 transform hover:scale-105
             focus:outline-none focus:ring-2 focus:ring-white/50;
    }
    .preset-btn {
      @apply px-3 py-1 rounded-md text-xs font-medium transition-all duration-200;
    }
    .gradient-bg {
      background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    }
  }