.sales-channel-template-editor-body {
  grid-template-columns: 220px minmax(400px, 1.45fr) minmax(300px, 1fr);
}
.sales-channel-template-source { overflow: hidden; }
.sales-channel-template-preview > div:not(.mobile) iframe { width: 1100px; min-width: 1100px; }
.sales-channel-template-preview > div.mobile iframe { width: 390px; min-width: 390px; }
.sales-channel-template-source > textarea[hidden] { display: none; }
.sales-channel-template-source > .sun-editor {
  flex: 1;
  min-height: 0;
  overflow: auto;
  border: 1px solid #d6e0e3;
  border-radius: 7px;
}
.sales-channel-template-source .sun-editor .se-toolbar {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #f7f9f9;
}
.sales-channel-template-source .sun-editor button { letter-spacing: 0; }
.sales-channel-template-source .sun-editor .se-btn:enabled:hover { background: #e4f2ef; }
.sales-channel-template-source .sun-editor .se-btn:enabled.on { color: #12675f; background: #dcefeb; }
.sales-channel-template-source .sun-editor input,
.sales-channel-template-source .sun-editor select,
.sales-channel-template-source .sun-editor textarea {
  background: #fff;
  color: #24343d;
  border: 1px solid #d6e0e3;
  border-radius: 6px;
  padding: 7px 9px;
}
.sales-channel-template-source .sun-editor input:focus,
.sales-channel-template-source .sun-editor select:focus,
.sales-channel-template-source .sun-editor textarea:focus {
  outline: none;
  border-color: #23847a;
  box-shadow: 0 0 0 3px #23847a26;
}
.sales-channel-template-source .sun-editor .se-wrapper-code { min-height: 360px; }
@media (max-width: 1180px) {
  .sales-channel-template-editor-body { grid-template-columns: 180px minmax(350px, 1.2fr) minmax(280px, 1fr); }
  .sales-channel-template-editor-toolbar { grid-template-columns: minmax(150px, 210px) minmax(180px, 1fr) auto 38px; }
}