ai-config {
  display: block;
  background: #0f172a;
  color: #e2e8f0;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #334155;
  font-family: sans-serif;
}
ai-config input[type="radio"] { display: none; }
ai-config .nav-bar { display: flex; gap: 10px; margin-bottom: 20px; }
ai-config .nav-bar label {
  padding: 10px 20px;
  border: 1px solid #38bdf8;
  color: #38bdf8;
  cursor: pointer;
  border-radius: 4px;
  transition: 0.3s;
}
ai-config #tab1:checked ~ .nav-bar label[for="tab1"],
ai-config #tab2:checked ~ .nav-bar label[for="tab2"] {
  background: #38bdf8;
  color: #000;
}
ai-config .content { display: none; }
ai-config #tab1:checked ~ .tab1-content,
ai-config #tab2:checked ~ .tab2-content { display: block; }
ai-config .form-group { margin-bottom: 15px; }
ai-config .form-group label { display: block; color: #38bdf8; margin-bottom: 5px; }
ai-config .form-group input, 
ai-config .form-group textarea {
  width: 100%;
  background: #1e293b;
  border: 1px solid #334155;
  color: white;
  padding: 10px;
  border-radius: 4px;
  box-sizing: border-box;
}
ai-config .preview-box {
  margin-top: 20px;
  padding: 15px;
  background: #000;
  border-left: 4px solid #38bdf8;
  font-size: 0.9em;
  color: #cbd5e1;
}