.email-template-smtp{display:flex;align-items:center;gap:14px;padding:17px 20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(115deg,#fff0e2,#f0f5ea);margin-bottom:22px}.email-template-smtp>svg{color:var(--action);flex-shrink:0}.email-template-smtp>div{flex:1;min-width:0}.email-template-smtp strong{font-size:13px}.email-template-smtp p{font-size:12px;line-height:1.7;margin-top:3px}.email-template-smtp .text-link{white-space:nowrap}.email-template-smtp.is-ready{background:var(--mint)}.email-template-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:27px}.email-template-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;padding:17px 19px;border:1px solid var(--line);border-radius:13px;background:var(--paper);min-height:113px;transition:background .15s,border-color .15s}.email-template-card:hover{border-color:#c2cdbd;background:var(--mint)}.email-template-card.selected{border-color:var(--action);box-shadow:0 0 0 1px var(--action);background:#fff3e8}.email-template-category{color:var(--muted);font-size:10px;letter-spacing:.45px}.email-template-card strong{font-size:13px;line-height:1.5}.email-template-card-meta{display:flex;gap:9px;align-items:center;width:100%;margin-top:auto}.email-template-card-meta>svg{margin-left:auto;color:var(--action)}.email-template-draft-dot{color:var(--action);font-size:10px}.email-template-mobile-select{display:none}.email-template-editor-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.email-template-editor-head h2{font-size:22px;margin-top:4px}.email-template-editor-head p{font-size:12px;line-height:1.8;margin-top:6px}.email-template-version{font-size:10px;color:var(--muted);text-align:right;flex-shrink:0}.email-template-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:21px;align-items:start}.email-template-form-panel form{padding:0 23px 23px}.email-template-form-panel fieldset{padding:0;border:0;min-width:0}.email-template-form-panel .field{margin:0 0 19px}.email-template-form-panel textarea{line-height:1.8;min-width:0;width:100%}.email-template-switch{display:flex;gap:12px;align-items:flex-start;background:var(--mint);border:1px solid var(--line);border-radius:11px;padding:15px;margin:6px 0 23px}.email-template-switch input{flex-shrink:0;margin-top:2px}.email-template-switch strong{font-size:12px}.email-template-switch small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin-top:3px}.email-template-variables{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--mint);margin:0 0 18px}.email-template-variables>strong{font-size:11px}.email-template-variables p{font-size:11px;line-height:1.7;margin:4px 0 10px}.email-template-variables>div{display:flex;flex-wrap:wrap;gap:7px}.email-template-variable{border:1px solid var(--line);background:var(--paper);border-radius:6px;min-height:29px;padding:5px 8px;font-size:10px;overflow-wrap:anywhere}.email-template-variable:hover{border-color:var(--action);color:var(--action)}.email-template-field-note{font-size:11px;line-height:1.7;margin:-9px 0 18px}.email-template-savebar{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center}.email-template-savebar>span{color:var(--muted);font-size:11px}.email-template-savebar>div{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.email-template-discard-confirm{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--mint);margin-top:18px}.email-template-discard-confirm p{margin-bottom:12px;font-size:12px;line-height:1.7}.email-template-discard-confirm .btn{margin:3px 5px 0 0}.email-template-preview-column{display:grid;gap:20px;min-width:0}.email-template-preview-panel .panel-head{align-items:center}.email-preview-devices{display:flex;padding:3px;gap:2px;border:1px solid var(--line);border-radius:10px;background:var(--mint)}.email-preview-devices .icon-btn{width:31px;height:31px;border-radius:6px}.email-preview-devices .selected{background:var(--paper);color:var(--action);box-shadow:0 2px 5px #20352a0b}.email-preview-subject{padding:13px 20px;background:var(--mint);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.email-preview-subject>span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.email-preview-subject>strong{display:block;overflow-wrap:anywhere}.email-preview-feedback{font-size:10px;line-height:1.7;padding:11px 20px;color:var(--muted);min-height:39px}.email-preview-canvas{padding:0 10px 12px;background:var(--mint)}.email-preview-canvas iframe{display:block;width:100%;height:700px;max-width:100%;margin:0 auto;border:1px solid var(--line);border-radius:9px;background:#fffefa;color-scheme:light}.email-preview-canvas.is-mobile iframe{max-width:375px}.email-preview-text{border-top:1px solid var(--line);padding:14px 20px;font-size:11px}.email-preview-text summary{cursor:pointer;min-height:24px;line-height:24px}.email-preview-text pre{font:12px/1.8 var(--font);white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 0;max-height:340px;overflow:auto;color:var(--muted)}.email-template-test{padding:22px}.email-template-test h2{font-size:14px}.email-template-test p{font-size:11px;line-height:1.8;margin:8px 0 17px}.email-template-test .field{margin:0 0 14px}.email-template-test .btn{width:100%}.email-template-test [data-template-test-hint]{margin-bottom:0}.email-template-test [data-template-test-result]:not(:empty){margin-top:13px;font-size:12px;line-height:1.7}.email-template-loading{padding:50px 24px;text-align:center;color:var(--muted)}.email-templates-page [data-template-error]:not(:empty){margin-bottom:18px}.email-templates-page [data-template-error]>.btn{margin-top:10px}.email-templates-page input{max-width:100%}.email-templates-page button:disabled{cursor:not-allowed;opacity:.5}
html[data-theme="dark"] .email-template-smtp{background:linear-gradient(115deg,#3a2d22,#25362b)}html[data-theme="dark"] .email-template-smtp.is-ready{background:var(--mint)}html[data-theme="dark"] .email-template-card.selected{background:#3a2b20;border-color:var(--dark-accent);box-shadow:0 0 0 1px var(--dark-accent)}html[data-theme="dark"] .email-template-card-meta>svg,html[data-theme="dark"] .email-template-draft-dot,html[data-theme="dark"] .email-template-variable:hover,html[data-theme="dark"] .email-preview-devices .selected{color:var(--dark-accent)}
@media(min-width:1500px){.email-template-preview-column{position:sticky;top:100px}.email-template-editor-layout{grid-template-columns:minmax(0,1fr) minmax(400px,1.1fr)}}
@media(max-width:1100px){.email-template-editor-layout{grid-template-columns:1fr}.email-template-preview-column{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);align-items:start}.email-template-list{gap:10px}.email-template-card{padding:15px}.email-template-version{max-width:180px;line-height:1.8}.email-template-preview-panel iframe{height:660px}}
@media(max-width:760px){.email-template-smtp{padding:15px;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.email-template-smtp>svg{margin-top:3px}.email-template-smtp strong{font-size:13px}.email-template-smtp p{font-size:12px}.email-template-smtp>.text-link{margin-left:29px;font-size:12px}.email-template-list{display:none}.email-template-mobile-select{display:block;margin:0 0 23px}.email-template-mobile-select select{min-height:48px;font-size:16px;width:100%}.email-template-editor-head{display:block;margin-bottom:17px}.email-template-editor-head h2{font-size:22px}.email-template-editor-head p{font-size:12px;line-height:1.8}.email-template-version{display:block;margin-top:10px;text-align:left;max-width:none}.email-template-editor-layout{gap:18px}.email-template-form-panel form{padding:0 17px 20px}.email-template-switch{margin-top:6px}.email-template-switch strong{font-size:13px}.email-template-switch small,.email-template-variables p,.email-template-field-note{font-size:12px}.email-template-variables>strong{font-size:12px}.email-template-variable{font-size:11px;min-height:36px;padding:7px 9px}.email-template-savebar{display:block}.email-template-savebar>span{font-size:12px;display:block;margin-bottom:14px}.email-template-savebar>div{display:flex;margin:0}.email-template-savebar>div>.btn{flex:1}.email-template-preview-column{grid-template-columns:1fr}.email-template-preview-panel .panel-head{padding:18px 17px}.email-preview-devices{display:none}.email-preview-subject{padding:13px 17px}.email-preview-subject>span,.email-preview-feedback{font-size:11px}.email-preview-subject>strong{font-size:12px}.email-preview-feedback{padding:12px 17px}.email-preview-canvas{padding:0 7px 8px}.email-preview-canvas iframe{height:650px}.email-preview-text{padding:15px 17px;font-size:12px}.email-template-test{padding:20px 17px}.email-template-test h2{font-size:15px}.email-template-test p{font-size:12px}.email-template-discard-confirm p{font-size:13px}}