.modal-card:has(#template-form){width:min(1180px,100%)}.template-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-right:35px}.template-head h2{margin-bottom:4px}.template-head p{margin:0}.template-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;margin-top:18px}.template-editor-layout>div>label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.html-toolbar{display:flex;gap:3px;flex-wrap:wrap;padding:7px;background:#f3f6fa;border:1px solid #d8e1ec;border-bottom:0;border-radius:10px 10px 0 0}.html-toolbar button{border:1px solid #d5dfeb;background:#fff;color:#183653;border-radius:6px;min-width:34px;padding:7px 9px;cursor:pointer}.html-toolbar button:hover{background:#e8f1ff;color:#075fcf}.html-editor,.html-source{width:100%;min-height:360px;border:1px solid #d8e1ec;border-radius:0 0 10px 10px;background:#fff;padding:16px;outline:none;overflow:auto}.html-editor:focus,.html-source:focus{border-color:#1769e8;box-shadow:0 0 0 3px #dbeafe}.html-source{font-family:Consolas,monospace;resize:vertical}.tag-library{border:1px solid #d8e1ec;border-radius:11px;background:#f8faff;overflow:hidden;max-height:455px}.tag-library-head{padding:12px;border-bottom:1px solid #dce5f0;background:#eef4fb;display:grid;gap:8px}.tag-library-head input{border:1px solid #cdd9e7;border-radius:8px;padding:8px}.tag-library #tag-list{padding:8px;overflow:auto;max-height:380px}.tag-library section h4{margin:10px 7px 5px;color:#526984;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.tag-button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:8px;border-radius:8px;cursor:pointer}.tag-button:hover{background:#e5effd}.tag-button code{display:block;color:#075fcf;font-weight:800;font-size:11px}.tag-button small{display:block;color:#6b7e96;margin-top:3px}.template-preview-overlay{position:absolute;inset:18px;background:#fff;z-index:20;border-radius:14px;box-shadow:0 20px 70px rgba(7,31,61,.22);overflow:auto;padding:22px}.template-preview-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce5f0;padding-bottom:14px}.template-preview-head .modal-close{position:static}.template-preview-subject{font-weight:800;padding:18px 8px;border-bottom:1px solid #e5ebf2}.template-preview-body{padding:24px 8px;line-height:1.55}@media(max-width:850px){.template-editor-layout{grid-template-columns:1fr}.tag-library{max-height:300px}.html-editor,.html-source{min-height:280px}}