.tpl-layout{gap:var(--ems-space-4);grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;display:grid}.tpl-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tpl-item{border:1px solid var(--ems-border);border-radius:var(--ems-radius);background:var(--ems-surface);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--ems-transition), background-color var(--ems-transition);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.tpl-item:hover{border-color:var(--ems-border-strong)}.tpl-item.selected{border-color:var(--ems-accent);background:var(--ems-accent-subtle)}.tpl-item:focus-visible{box-shadow:var(--ems-focus-ring);outline:none}.tpl-item-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.tpl-item-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.tpl-item-body{color:var(--ems-text-subtle);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.tpl-item-meta{color:var(--ems-text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.72rem;display:flex}.tpl-item-reject{color:var(--ems-danger);gap:6px;font-size:.74rem;line-height:1.4;display:flex}.tpl-item-reject .ems-icon{width:13px;height:13px;margin-top:2px}.tpl-editor{gap:var(--ems-space-4);flex-direction:column;display:flex}.tpl-editor-top{align-items:center;gap:var(--ems-space-2) var(--ems-space-3);flex-wrap:wrap;display:flex}.tpl-editor-grid{gap:var(--ems-space-5);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.tpl-fields{flex-direction:column;gap:14px;min-width:0;display:flex}.tpl-samples{border:1px dashed var(--ems-border-strong);border-radius:var(--ems-radius);flex-direction:column;gap:8px;padding:12px;display:flex}.tpl-samples small{color:var(--ems-text-muted);font-weight:500}.tpl-sample{grid-template-columns:minmax(80px,max-content) minmax(0,1fr);align-items:center;gap:8px;display:grid}.tpl-sample code{text-overflow:ellipsis;overflow:hidden}.tpl-preview{flex-direction:column;gap:8px;display:flex}.tpl-preview-label{color:var(--ems-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:650}.tpl-phone{background:#efe7dd;border:8px solid #10141c;border-radius:32px;overflow:hidden;box-shadow:0 20px 40px -24px #10182880}.tpl-phone-bar{color:#fff;background:#075e54;align-items:center;gap:10px;padding:12px 14px;line-height:1.2;display:flex}.tpl-phone-bar small{opacity:.8;font-size:.7rem;display:block}.tpl-phone-avatar{color:#fff;background:linear-gradient(140deg,#6366f1,#c026d3);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:.7rem;font-weight:700;display:grid}.tpl-phone-chat{background-image:radial-gradient(#0000000d 1px,#0000 1px);background-size:12px 12px;min-height:300px;padding:18px 14px}.tpl-bubble{color:#111b21;background:#fff;border-radius:0 10px 10px;max-width:92%;padding:8px 10px 20px;font-size:.84rem;line-height:1.45;position:relative;box-shadow:0 1px 1px #0000001f}.tpl-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.tpl-bubble-head{margin-bottom:4px;display:block}.tpl-bubble-foot{color:#667781;margin-top:6px;font-size:.74rem;display:block}.tpl-bubble-time{color:#667781;font-size:.66rem;position:absolute;bottom:4px;right:8px}.tpl-mail{border:1px solid var(--ems-border);border-radius:var(--ems-radius-lg);color:#1d2633;background:#fff;overflow:hidden}.tpl-mail-head{background:#f7f8fb;border-bottom:1px solid #e6e8ef;align-items:center;gap:10px;padding:14px;line-height:1.3;display:flex}.tpl-mail-head>div{min-width:0}.tpl-mail-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;display:block;overflow:hidden}.tpl-mail-head small{color:#5f6b7e;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;display:block;overflow:hidden}.tpl-mail-body{min-height:260px;padding:18px 16px;font-size:.84rem;line-height:1.55}.tpl-mail-body p{overflow-wrap:anywhere;margin:0}.tpl-mail-unsub{color:#8a94a6;border-top:1px solid #e6e8ef;margin-top:28px;padding-top:12px;font-size:.7rem;display:block}@media (max-width:1279px){.tpl-editor-grid{grid-template-columns:minmax(0,1fr)}.tpl-preview{max-width:360px}}@media (max-width:1023px){.tpl-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:599px){.tpl-sample{grid-template-columns:minmax(0,1fr)}}.tpl-sample>.tpl-over{grid-column:2}@media (max-width:599px){.tpl-sample>.tpl-over{grid-column:1}}