.generation-form{display:grid;gap:18px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:7px}.field label{font-size:12px;color:#b8a9c4;font-weight:700;letter-spacing:.05em}.field input,.field select{width:100%;border:1px solid #392448;border-radius:9px;padding:12px;background:#09060c;color:#f8f3ff;font:inherit}.field input:focus,.field select:focus{outline:2px solid #8f5cff;outline-offset:1px}.field input[readonly]{color:#a994b8}.generation-status{min-height:24px;color:#b8a9c4;font-size:14px}.generation-output{margin-top:18px;max-height:440px;overflow:auto;white-space:pre-wrap;padding:18px;border:1px solid #392448;border-radius:12px;background:#08050b;color:#d8b6ff;font-size:12px}.generation-note{color:#8e7e9a;font-size:12px;margin-top:18px}.button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:700px){.field-grid{grid-template-columns:1fr}}
.account-details {
  display: grid;
  gap: 8px;
}

.account-details small {
  margin-top: 14px;
  color: #8e7e9a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.account-details strong {
  overflow-wrap: anywhere;
}

details {
  margin-top: 18px;
}

details summary {
  color: #d8b6ff;
  font-weight: 700;
  cursor: pointer;
}

.gate-policy-field {
  padding: 18px;
  border: 1px solid #4b2c5c;
  border-radius: 12px;
  background:
    linear-gradient(
      135deg,
      rgba(143, 92, 255, .09),
      rgba(238, 77, 255, .05)
    );
}

.gate-policy-help {
  margin: 10px 0 0;
  color: #9586a1;
  font-size: 12px;
  line-height: 1.6;
}



/* #68 environments-aligned form controls */

.workspace-body .field label {
  color: rgba(245,239,255,.82);
}

.workspace-body .field input,
.workspace-body .field select,
.workspace-body .field textarea {
  box-sizing: border-box;
  min-width: 0;
  color: #faf6ff;
  background:
    linear-gradient(
      135deg,
      rgba(40,25,65,.97),
      rgba(20,14,37,.98)
    );
  border: 1px solid rgba(191,130,255,.34);
  border-radius: 12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 7px 20px rgba(4,2,16,.14);
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease;
}

.workspace-body .field input::placeholder,
.workspace-body .field textarea::placeholder {
  color: rgba(225,214,240,.4);
}

.workspace-body .field select {
  color-scheme: dark;
}

.workspace-body .field select option {
  color: #faf6ff;
  background: #21152f;
}

.workspace-body .field input:focus,
.workspace-body .field select:focus,
.workspace-body .field textarea:focus {
  outline: none;
  border-color: rgba(228,160,255,.9);
  box-shadow:
    0 0 0 3px rgba(180,89,255,.14),
    0 0 25px rgba(220,72,204,.1);
}

.workspace-body .generation-output {
  background:
    linear-gradient(
      135deg,
      rgba(40,25,65,.72),
      rgba(20,14,37,.86)
    );
  border-color: rgba(191,130,255,.24);
}