.template-list{display:grid;gap:8px;margin-bottom:15px}
.template-item{display:flex;align-items:center;gap:8px;padding:10px;background:#f8f9fa;border-radius:4px;cursor:pointer;transition:background .2s}
.template-item:hover{background:#e3f2fd}
.template-item input[type="checkbox"]{width:18px;height:18px}
.dynamic-fields{margin-bottom:15px}
.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.code-label{font-size:13px;color:#888}
.code-block{background:#1e1e1e;color:#d4d4d4;padding:15px;border-radius:4px;font-family:'Courier New',monospace;font-size:13px;white-space:pre-wrap;max-height:400px;overflow-y:auto;line-height:1.6}
.syntax-hints{margin-top:10px;font-size:12px;color:#888;line-height:1.8}