.mail-template-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.mail-template-layout>.card{min-width:0}.mail-editor{border:1px solid var(--line,#ded9de);border-radius:12px;overflow:hidden;background:var(--surface,#fff)}.mail-editor-modes{padding:10px;border-bottom:1px solid var(--line,#ded9de);gap:7px}.mail-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:8px 10px;border-bottom:1px solid var(--line,#ded9de)}.mail-editor-toolbar[hidden]{display:none}.mail-editable{padding:18px;min-height:180px;max-height:420px;overflow:auto;overflow-wrap:anywhere;outline-offset:-3px;line-height:1.6}.mail-editable[hidden]{display:none}.mail-editable table{border-collapse:collapse;max-width:100%}.mail-editable td{border:1px solid var(--line,#ded9de);padding:8px}.mail-editable img{display:none}.mail-html-source{display:block;width:100%;border:0!important;border-radius:0!important;padding:16px;font:12px/1.6 ui-monospace,monospace;min-height:220px;resize:vertical}.mail-html-source[hidden]{display:none}.mail-editor-warning{padding:0 14px}.mail-editor-warning:empty{display:none}.mail-link-url{width:150px!important;min-height:32px!important;padding:6px 8px!important;font-size:12px!important}.mail-template-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.mail-preview-frame{width:100%;height:510px;border:1px solid var(--line,#ded9de);border-radius:12px;background:#fff}.mail-preview-frame.mobile{max-width:360px}.mail-preview-subject{align-self:stretch;margin:0;font-size:13px;overflow-wrap:anywhere}.mail-plain-preview{white-space:pre-wrap;max-height:240px;overflow:auto;line-height:1.5;font-size:12px}.mail-template-warnings:empty{display:none}.mail-override-heading{margin-top:22px}.mail-override-fields{margin:15px 0}.mail-override-fields[hidden]{display:none}.mail-variables{display:grid;gap:10px;margin:12px 0}.mail-variables>div{display:flex;flex-direction:column;gap:4px}.mail-history .list-item{padding:10px 0}.mail-recipient-list{max-height:230px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line,#ded9de);border-radius:10px;padding:12px}.mail-recipient-list>.check{margin:10px 0}.mail-exact-recipients{max-height:220px;overflow:auto;overflow-wrap:anywhere}.mail-temporary{border-top:1px solid var(--line,#ded9de);padding-top:20px;margin-top:20px}.mail-temporary[hidden]{display:none}.mail-editor input:focus-visible,.mail-editable:focus-visible{outline:2px solid color-mix(in srgb,var(--primary,#560c30) 55%,transparent);outline-offset:-3px}@media(max-width:1050px){.mail-template-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mail-editor-modes{gap:4px;padding:8px}.mail-editor-modes .button{font-size:12px;padding:7px 9px}.mail-editable{padding:14px}.mail-preview-frame{height:470px}}

.mail-editor[hidden],.mail-template-layout .field[hidden],#dialog .field[hidden]{display:none}

.mail-editor.compact .mail-editable{min-height:100px;max-height:260px}.mail-editor.compact .mail-html-source{min-height:140px}
.mail-type-layout{min-width:0;padding:14px;border:1px solid var(--line,#ded9de);border-radius:12px}.mail-type-layout[hidden]{display:none}.mail-type-layout>.notice{margin-bottom:0}.mail-type-layout>.button{justify-self:start}.mail-template-layout .mail-preview-frame{max-width:100%}.mail-template-layout .mail-override-heading .field{margin-bottom:14px}
/* Email text inherits the author's table colors, rather than admin-theme paragraph colors. */
.mail-editable p,.mail-editable h1,.mail-editable h2,.mail-editable h3,.mail-editable h4,.mail-editable strong,.mail-editable b,.mail-editable em,.mail-editable i,.mail-editable li,.mail-editable blockquote{color:inherit}

/* The test workspace reuses the live renderer without publishing draft changes. */
.mail-test-workspace{display:grid;gap:10px;min-width:0}.mail-test-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.mail-test-controls .field{margin:0}.mail-sample-fields>summary{cursor:pointer}.mail-sample-fields>.form-grid{margin-top:12px}.mail-sample-fields input{min-width:0}.mail-template-layout>.card:nth-child(2){position:sticky;top:88px;max-height:calc(100dvh - 108px);overflow:auto;overscroll-behavior:contain}.mail-template-layout .mail-preview-frame{height:420px}.mail-template-layout .mail-preview-frame.mobile{height:510px}.mail-template-layout [data-mail-test-status]:empty{display:none}@media(max-width:1050px){.mail-template-layout>.card:nth-child(2){position:static;max-height:none;overflow:visible}}@media(max-width:600px){.mail-test-workspace{gap:10px}.mail-sample-fields>.form-grid{grid-template-columns:minmax(0,1fr)}.mail-template-layout .mail-preview-frame{height:440px}}

.mail-test-details{display:flex;flex-wrap:wrap;align-items:start;gap:8px 18px}.mail-test-details details{min-width:0;font-size:13px}.mail-test-details details[open]{flex-basis:100%}.mail-test-help .stack{gap:8px;padding-top:10px}.mail-test-help .hint{margin:0;font-size:13px;line-height:1.5}.mail-test-details>details>summary{cursor:pointer}.mail-template-layout .mail-preview-actions{margin-top:2px;gap:8px}.mail-template-layout .mail-remote-consent{margin:8px 0 10px;align-items:start;font-size:12px;line-height:1.45}.mail-template-layout .mail-remote-consent input{margin-top:2px}.mail-template-layout .mail-template-preview{gap:10px}@media(max-width:479px){.mail-test-controls{grid-template-columns:minmax(0,1fr)}}