.merge-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.merge-field{min-width:0}
.merge-field label{display:block;font-weight:700;margin-bottom:.6rem}
.merge-field textarea,.merge-result textarea{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #a9b1b1;border-radius:.65rem;padding:1rem;background:#fff;color:#172126;font:14px/1.6 ui-monospace,Consolas,monospace;tab-size:2;resize:vertical}
.merge-field textarea[aria-invalid="true"]{border:2px solid #a12713}
.merge-examples,.merge-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}
.merge-status{border-left:4px solid #d66b19;padding:.8rem 1rem;background:#fff}
.merge-error{padding:1rem;border:2px solid #a12713;border-radius:.6rem;background:#fff;color:#7c2319}
.merge-result{margin-top:2rem;min-width:0}
.merge-result label{display:block;font-weight:700;margin:.8rem 0}
.merge-diff td,.merge-diff th{overflow-wrap:anywhere;max-width:32rem}
.merge-diff{margin-top:1.5rem}
@media(max-width:680px){.merge-fields{grid-template-columns:minmax(0,1fr)}.merge-field textarea,.merge-result textarea{font-size:16px}.merge-diff table,.merge-diff tbody,.merge-diff tr,.merge-diff th,.merge-diff td{display:block;width:100%;box-sizing:border-box}.merge-diff thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.merge-diff tr{border:1px solid #c8cecc;border-radius:.7rem;margin:1rem 0;background:#fff}.merge-diff th,.merge-diff td{border:0;padding:.7rem 1rem}.merge-diff td:before{content:attr(data-label);display:block;font-weight:700;color:#53605d;margin-bottom:.25rem}.merge-diff.table-wrap{overflow:visible}}