html, body {
  background-color: aqua;
}

/* Button Utilities */
.btn {
  display: inline-block;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  background: #e9ecef;
  color: #212529;
}
.btn-primary { background: #007bff; color: white; }
.btn-success { background: #28a745; color: white; }
.btn-warning { background: #ffc107; color: black; }

/* Form Utilities */
.form-inline { display: flex; gap: 8px; margin-bottom: 20px; align-items: center; }
.form-stack { display: flex; flex-direction: column; gap: 10px; max-width: 300px; margin-bottom: 20px; }
.input { padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
.textarea { padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-family: monospace; }

/* Misc */
.status-box {
  background: #f4f4f4;
  padding: 10px;
  border-radius: 4px;
  white-space: pre-wrap;
  font-family: monospace;
}