/* Form Generator Styles */

.c-form-generator{padding:24px 16px;}
.c-form-generator__inner{max-width:1200px;margin:0 auto;}
.c-form-generator__title{font-size:22px;font-weight:700;margin:0 0 16px;}

.c-form-generator__controls{background:#f7f7f9;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin:0 0 16px;}
.c-form-generator__row{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;}
.c-form-generator__row.-inline{flex-direction:row;align-items:center;gap:8px;margin-top:8px;}
.c-form-generator__label{font-size:13px;color:#374151;}
.c-form-generator__input,.c-form-generator__select{height:38px;border:1px solid #d1d5db;border-radius:6px;padding:0 10px;background:#fff;font-size:14px;}
.c-form-generator__checkbox{font-size:14px;color:#111827;}
.c-form-generator__btn{height:38px;padding:0 14px;border-radius:6px;border:1px solid #2563eb;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;}
.c-form-generator__btn.-ghost{background:#fff;color:#2563eb;border-color:#2563eb;}

.c-form-generator__layout{display:flex;flex-direction:column;gap:16px;}
.c-form-generator__panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;}
.c-form-generator__subtitle{font-size:16px;font-weight:700;margin:0 0 12px;}
.c-form-generator__code{width:100%;min-height:280px;border:1px solid #d1d5db;border-radius:6px;padding:10px;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;font-size:12px;background:#f9fafb;}
.c-form-generator__actions{display:flex;gap:8px;margin-top:10px;}

/* Place preview on the right (desktop) */
@media (min-width: 768px){
  .c-form-generator__layout{flex-direction:row;align-items:flex-start;}
  .c-form-generator__panel{flex:1;}
  /* First panel (preview) moves to the right, second (output) stays left */
  .c-form-generator__panel:nth-child(1){order:2;}
  .c-form-generator__panel:nth-child(2){order:1;}
}

/* Form (preview) */
.c-form{display:block}
.c-form__row{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;}
.c-form__label{font-size:14px;color:#111827;}
.c-form__control{height:40px;border:1px solid #d1d5db;border-radius:6px;padding:0 10px;background:#fff;font-size:14px;}
.c-form__control:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.c-form__row textarea.c-form__control{height:auto;min-height:140px;padding:10px;}
.c-form__checks{display:flex;flex-wrap:wrap;gap:8px;}
.c-form__check{display:inline-flex;align-items:center;gap:6px;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;background:#fff;}
.c-form__check-text{font-size:13px;color:#111827;}
.c-form__moves{display:flex;gap:6px;}
.c-form__move{align-self:flex-start;height:30px;margin-top:2px;padding:0 10px;border-radius:6px;border:1px solid #9ca3af;background:#fff;color:#374151;font-weight:600;cursor:pointer;}
.c-form__remove{align-self:flex-start;height:30px;margin-top:2px;padding:0 10px;border-radius:6px;border:1px solid #ef4444;background:#fff;color:#ef4444;font-weight:600;cursor:pointer;}
.c-form__actions{margin-top:8px;}
.c-form__submit{height:44px;padding:0 16px;border-radius:8px;border:1px solid #111827;background:#111827;color:#fff;font-weight:700;cursor:pointer;}