.template-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:1rem;align-items:stretch}.template-panel{background:#fff;border:1px solid #d8e0de;border-radius:.7rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-width:0}.template-panel h2{margin-bottom:.2rem}.template-field{display:grid;gap:.35rem}.template-field-label{font-weight:600}.template-purpose-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.template-purpose-group button{width:100%}.template-purpose-group button.is-active{background:#1f4b45;border-color:#1f4b45;color:#fff}.template-variable-box{border:1px solid #d8e0de;border-radius:.55rem;padding:.7rem;background:#f8faf9}.template-variable-box>strong{display:block;margin-bottom:.5rem}.template-variable-list{display:grid;gap:.4rem}.template-variable-row{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.65rem;align-items:start;font-size:.9rem}.template-variable-row code{white-space:nowrap}.template-variable-value{white-space:pre-wrap;overflow-wrap:anywhere}.template-variable-empty{margin:0}.template-variable-box .muted{margin:.6rem 0 0;font-size:.85rem}.template-body-field{display:flex;flex:1;min-height:0;flex-direction:column}.template-body-field textarea{flex:1;min-height:18rem}.template-panel-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}.template-panel-actions button{min-height:42px}@media(max-width:800px){.template-grid{grid-template-columns:1fr}.template-panel{min-height:auto}}@media(max-width:520px){.template-purpose-group{grid-template-columns:1fr}.template-variable-row{grid-template-columns:1fr;gap:.15rem}}