.cms-code-editor[hidden]{display:none!important}
.cms-code-editor{gap:12px}
.cms-code-editor p{margin:0}
.cms-code-input{font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto;resize:vertical;min-height:100px}
.cms-code-tools{display:flex;flex-wrap:wrap;gap:8px}
.cms-code-frame{max-width:100%;background:transparent}
.cms-code-dialog{width:calc(100vw - 24px);max-width:1500px;max-height:calc(100dvh - 24px);margin:auto;padding:16px;border:1px solid var(--site-border,#67758a);border-radius:12px;background:var(--site-surface,#fff);color:var(--site-text,#172033)}
.cms-code-dialog::backdrop{background:#111a2bb3}
.cms-code-dialog header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.cms-code-dialog header label{display:flex;align-items:center;gap:8px}
.cms-code-preview-canvas{overflow:auto;max-height:calc(100dvh - 130px);background:#e6e9ed;padding:8px}
.cms-code-preview-canvas iframe{margin-inline:auto;background:white;max-width:100%}
@media(max-width:620px){.cms-code-dialog{padding:10px}.cms-code-input{font-size:12px}}