.email-code-editor{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.email-code-editor__toolbar,.email-code-editor__search{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.email-code-editor__language,.email-code-editor__stats,.email-code-editor__help{color:var(--color-text-muted);font-size:var(--font-size-xs)}.email-code-editor__language{font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-micro);margin-right:auto}.email-code-editor__tool{padding:2px var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control-compact);color:var(--color-text-secondary);background:var(--color-surface-sunken);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.email-code-editor__tool:hover,.email-code-editor__tool[aria-pressed=true]{color:var(--color-text-primary);background:var(--color-surface-hover)}.email-code-editor__tool:focus-visible{outline:var(--focus-ring-width) solid var(--color-interactive-focus-ring);outline-offset:1px}.email-code-editor__search input:focus-visible{outline:var(--focus-ring-width) solid var(--color-interactive-focus-ring);outline-offset:1px}.email-code-editor__input:focus-visible{outline:var(--focus-ring-width) solid var(--color-interactive-focus-ring);outline-offset:1px}.email-code-editor__search input{min-width:0;padding:3px var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control-compact);color:var(--color-text-primary);background:var(--color-surface-default);font:inherit;font-size:var(--font-size-xs);flex:8rem}.email-code-editor__surface{border:1px solid var(--color-border-subtle);border-radius:var(--radius-control-compact);background:var(--elevation-surface-sunken);min-height:10rem;font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.5;position:relative;overflow:hidden}.email-code-editor__highlight{width:max-content;min-width:100%;padding:var(--space-2);pointer-events:none;white-space:pre;position:absolute;top:0;bottom:0;left:0;right:0}.email-code-editor__input{z-index:1;resize:vertical;width:100%;min-height:10rem;padding:var(--space-2);color:#0000;caret-color:var(--color-text-primary);font:inherit;line-height:inherit;white-space:pre;tab-size:2;background:0 0;border:0;display:block;position:relative;overflow:auto}.email-code-editor__input::selection{color:#0000;background:color-mix(in srgb, var(--color-interactive-default), transparent 65%)}.email-code-editor__line{min-height:1.5em;display:block}.email-code-editor__line-number{width:4ch;margin-right:var(--space-2);color:var(--color-text-muted);text-align:right;-webkit-user-select:none;user-select:none;display:inline-block}.email-code-editor__line-text{color:var(--color-text-primary)}.email-code-editor__highlight .token.comment,.email-code-editor__highlight .token.prolog,.email-code-editor__highlight .token.doctype,.email-code-editor__highlight .token.cdata{color:var(--color-text-muted);font-style:italic}.email-code-editor__highlight .token.punctuation{color:var(--color-text-secondary)}.email-code-editor__highlight .token.property,.email-code-editor__highlight .token.tag,.email-code-editor__highlight .token.boolean,.email-code-editor__highlight .token.number{color:color-mix(in srgb, var(--color-feedback-danger), white 30%)}.email-code-editor__highlight .token.selector,.email-code-editor__highlight .token.attr-name,.email-code-editor__highlight .token.string,.email-code-editor__highlight .token.attr-value{color:var(--color-feedback-success)}.email-code-editor__highlight .token.operator,.email-code-editor__highlight .token.url,.email-code-editor__highlight .token.keyword{color:var(--color-interactive-default)}.email-code-editor__help{margin:0}