body {
    background-color: #0a0a0c;
    background-image: 
      radial-gradient(circle at 50% -20%, #1e1e24 0%, transparent 50%),
      linear-gradient(#111114 1px, transparent 1px),
      linear-gradient(90deg, #111114 1px, transparent 1px);
    background-size: 100% 100%, 50px 50px, 50px 50px;
  }
  
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
  
  input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 12px;
    width: 12px;
    border-radius: 2px;
    background: #3b82f6;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
  }
  
  textarea:focus {
    outline: none;
    border-color: rgba(59, 130, 246, 0.5) !important;
  }
  
  @keyframes pulse-blue {
    0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(59, 130, 246, 0); }
    100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
  }
  
  #generate-button:not(:disabled) {
    animation: pulse-blue 3s infinite;
  }