/* --- Generator Page Dark Theme --- */

/* Form container */
.container {
  max-width: 800px;
  margin: 2rem auto;
  padding: 1.5rem;
  background: #1c1c1c;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

/* Labels */
label {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0.4rem;
  color: #e0e0e0;
  font-weight: 500;
}

/* Dropdowns & Textareas */
select,
textarea {
  width: 100%;
  padding: 0.6rem;
  margin-bottom: 1rem;

  background: #242424;
  color: #e0e0e0;

  border: 1px solid #444;
  border-radius: 5px;

  font-size: 1rem;
}

select:focus,
textarea:focus {
  border-color: #6f8cff;
  outline: none;
  box-shadow: 0 0 4px #6f8cff;
}

/* Button */
button#generateBtn {
  background: #b3b3b3;
  color: #111;
  padding: 0.7rem 1.2rem;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1.05rem;
}

button#generateBtn:hover {
  background: #d0d0d0;
}

/* Output area */
#output {
  background: #181818;
  color: #dcdcdc;
  border: 1px solid #333;
}

/* Page heading */
h1, h2 {
  color: #f0f0f0;
}

/* Match site text color */
body {
  color: #d0d0d0;
}