.template-workspace{display:grid;grid-template-columns:minmax(320px,1.4fr) minmax(260px,1fr);gap:30px;align-items:start}.template-workspace .cardbody{padding:25px}.template-section{padding:22px 0;border-top:1px solid var(--border)}.template-section h3{margin-bottom:10px}.template-section input,.template-section textarea{background:#f7f8fa;border-color:#edf0f1}.template-formatbar{display:flex;gap:10px;align-items:center;margin:15px 0;font-size:11px}.template-preview-panel{padding:25px;background:#f2f5f8;border-radius:10px;position:sticky;top:20px}.template-preview-panel>h3{text-align:center;color:#7b8e80;margin-bottom:22px}.template-preview-panel>.hint{text-align:center;margin-top:18px}.template-preview-panel .phone{max-width:300px}.template-preview-panel .phonebody{min-height:350px}.template-preview-panel #te-prev-header{display:block;font-size:13px;margin-bottom:10px;white-space:pre-wrap}.template-preview-panel #te-prev-body{white-space:pre-wrap}.template-preview-button{padding:10px;background:#fff;border-radius:5px;text-align:center;font-size:12px;color:#397ca5;margin-top:4px}.template-button-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px;border:1px solid var(--border);border-radius:5px;padding:10px;font-size:11px}.template-button-row small{max-width:180px;text-overflow:ellipsis;overflow:hidden}.template-button-row button{margin-left:auto}@media(max-width:1100px){.template-workspace{grid-template-columns:1fr}.template-preview-panel{position:relative}}