body {
        font-family: "Inter", sans-serif;
        background-color: #1a1a1a;
        color: #e0e0e0;
        overflow: hidden; /* Prevent body scrolling */
      }

      /* Custom styling to match the dark theme */
      .control-input {
        background-color: #1a1a1a;
        @apply text-white border-2 border-transparent rounded-md p-3 w-full focus:outline-none focus:border-blue-500 transition-all duration-200;
      }

      .control-label {
        @apply text-gray-300 font-semibold mb-1 block;
      }

      .action-button {
        @apply rounded-md font-bold px-6 py-3 transition-all duration-200;
        position: relative;
        overflow: hidden;
      }

      /* Glowing effect */
      .action-button::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 300%;
        height: 300%;
        background: rgba(255, 255, 255, 0.1);
        transition: all 0.5s ease-in-out;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
        z-index: 0;
      }

      .action-button:hover::before {
        transform: translate(-50%, -50%) scale(1);
      }

      .action-button span {
        position: relative;
        z-index: 1;
      }

      /* Essential for pixel-perfect scaling */
      #previewCanvas {
        image-rendering: pixelated;
      }

      /* Styling for the dropdown menu */
      #fontSelect {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23E0E0E0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
        background-repeat: no-repeat;
        background-position: right 10px center;
        padding-right: 2.5rem;
      }

      /* Animations for pixel count update */
      .flash-green {
        animation: flash-green 0.5s ease-in-out forwards;
      }

      .flash-red {
        animation: flash-red 0.5s ease-in-out forwards;
      }

      @keyframes flash-green {
        0% {
          color: #4b5563;
        }
        50% {
          color: #22c55e;
        }
        100% {
          color: #4b5563;
        }
      }

      @keyframes flash-red {
        0% {
          color: #4b5563;
        }
        50% {
          color: #ef4444;
        }
        100% {
          color: #4b5563;
        }
      }