.form-stack { display: grid; gap: 14px; }
.form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.form-grid .full { grid-column: 1 / -1; }
label { display: grid; gap: 6px; font-weight: 700; color: #344054; }
input, select, textarea { width: 100%; border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; font-size: 14px; background: white; }
input:focus, select:focus, textarea:focus { outline: 2px solid #bfd0ff; border-color: var(--primary); }
.form-section { padding: 14px; border: 1px dashed var(--border); border-radius: 12px; background: #fbfcff; }
.checkbox-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.checkbox-grid label { display: flex; gap: 8px; align-items: center; font-weight: 600; }
.checkbox-grid input { width: auto; }
.form-actions { display: flex; justify-content: flex-end; }
.feature-list { display: grid; gap: 10px; }
.feature-row { display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; }
.switch { display: flex; align-items: center; gap: 8px; }
.switch input { width: auto; }
.code-box { background: #101828; color: #f2f4f7; border-radius: 12px; padding: 14px; overflow: auto; max-height: 300px; }
@media (max-width: 980px) { .form-grid, .checkbox-grid { grid-template-columns: 1fr; } }