/* Standalone read-only Builder preview; retained fm-* density and layout.
   No global selectors, external assets, inline styles, or editable answers. */
.form-template-preview { margin-top:14px; padding:14px; color:var(--text,#22262c); background:var(--panel,#fff); font:14px/1.45 system-ui,sans-serif; }
.form-template-preview .fm-sec { font-weight:800; font-size:13px; letter-spacing:.3px; text-transform:uppercase; color:var(--red-dark,#892732); border-bottom:2px solid var(--red,#b02a37); padding-bottom:5px; margin:20px 0 4px; white-space:pre-wrap; overflow-wrap:anywhere; }
.form-template-preview .fm-preview-heading { margin-top:0; }
.form-template-preview .fm-q,.form-template-preview .fm-rep { margin:13px 0; }
.form-template-preview .fm-label { font-weight:650; margin-bottom:5px; white-space:pre-wrap; overflow-wrap:anywhere; }
.form-template-preview .fm-req { color:var(--red,#b02a37); margin-left:3px; }
.form-template-preview .footnote { color:var(--muted,#5f6670); font-size:12px; margin:5px 0; white-space:pre-wrap; overflow-wrap:anywhere; font-weight:400; text-transform:none; letter-spacing:normal; }
.form-template-preview input,.form-template-preview select,.form-template-preview textarea { box-sizing:border-box; max-width:100%; padding:9px 10px; border:1px solid var(--line-strong,#bec0c3); border-radius:8px; background:var(--panel,#fff); color:inherit; font:inherit; }
.form-template-preview input:not([type=checkbox]),.form-template-preview select,.form-template-preview textarea { width:100%; }
.form-template-preview textarea { display:block; resize:none; }
.form-template-preview :disabled { opacity:.7; cursor:default; }
.form-template-preview .fm-choices { display:flex; gap:7px; flex-wrap:wrap; }
.form-template-preview .fm-choice { min-width:58px; padding:9px 14px; border:1.5px solid var(--line-strong,#bec0c3); border-radius:9px; background:var(--panel,#fff); font:650 13px/1.45 system-ui,sans-serif; color:var(--muted,#5f6670); white-space:pre-wrap; overflow-wrap:anywhere; }
.form-template-preview .fm-check { display:flex; align-items:center; gap:9px; font-weight:550; padding:7px 2px; white-space:pre-wrap; overflow-wrap:anywhere; }
.form-template-preview .fm-multi { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:2px 16px; }
.form-template-preview .fm-cl { border:1px solid var(--line,#ddd); border-radius:10px; overflow:hidden; margin-top:6px; }
.form-template-preview .fm-cl-row { display:flex; align-items:center; gap:10px; padding:8px 10px; border-bottom:1px solid var(--line,#ddd); flex-wrap:wrap; }
.form-template-preview .fm-cl-row:last-child { border-bottom:none; }
.form-template-preview .fm-cl-row:nth-child(even) { background:var(--bg,#f5f4f1); }
.form-template-preview .fm-cl-item { flex:1 1 240px; font-size:13.5px; white-space:pre-wrap; overflow-wrap:anywhere; }
.form-template-preview .fm-cl-note { flex:1 1 130px; max-width:220px; padding:7px 9px; font-size:12.5px; }
.form-template-preview .fm-note { white-space:pre-wrap; overflow-wrap:anywhere; margin:10px 0; padding:8px 12px; border-left:3px solid var(--line-strong,#bec0c3); color:var(--muted,#5f6670); font-size:13.5px; background:var(--bg,#f5f4f1); border-radius:0 8px 8px 0; }
.form-template-preview .fm-note.warn { border-left-color:var(--red,#b02a37); background:var(--red-soft,#f7e9eb); color:var(--red-dark,#892732); font-weight:600; }
.form-template-preview .fm-img { min-height:64px; }
.form-template-preview .fm-rep-inst { border:1px solid var(--line,#ddd); border-left:4px solid var(--red,#b02a37); border-radius:10px; padding:4px 14px 12px; margin:12px 0; background:var(--panel,#fff); }
.form-template-preview .fm-rep-head { display:flex; align-items:center; gap:10px; padding:9px 0 4px; border-bottom:1px solid var(--line,#ddd); }
.form-template-preview .fm-rep-head b { flex:1; font-size:14px; white-space:pre-wrap; overflow-wrap:anywhere; }
.form-template-preview .fm-rep-n { color:var(--muted,#5f6670); font-size:12px; font-weight:700; white-space:nowrap; }
.form-template-preview .fm-tbl { border:1px solid var(--line,#ddd); border-radius:8px; margin-top:4px; overflow:auto; }
.form-template-preview .fm-tbl-h { display:grid; grid-template-columns:minmax(140px,1fr) 76px 76px 64px; gap:6px; padding:5px 8px; min-width:400px; font-size:10.5px; font-weight:700; color:var(--muted,#5f6670); text-transform:uppercase; }
@media(max-width:740px) {
  .form-template-preview .fm-cl-row { align-items:flex-start; flex-direction:column; gap:6px; }
  .form-template-preview .fm-cl-note { max-width:none; width:100%; }
  .form-template-preview .fm-cl-item,.form-template-preview .fm-cl-note { flex:0 0 auto; }
  .form-template-preview .fm-rep-inst { padding:2px 10px 10px; }
}