.editor-tools { display: flex; flex-wrap: wrap; gap: .3rem; margin: .4rem 0; }
.editor-tools button { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; min-width: 40px; min-height: 40px; font: inherit; font-size: 1rem; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: .3rem; padding: 0; cursor: pointer; }
.editor-tools button[data-tool="Bold"] { font-weight: 700; }
.editor-tools button[data-tool="Italic"] { font-style: italic; }
.editor-tools button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.editor-tools button:disabled { opacity: .45; cursor: default; }
.editor-preview { padding: 1rem; border: 1px solid currentColor; border-radius: .4rem; overflow-wrap: anywhere; }
.editor-preview[hidden] { display: none; }
.article-copy { margin: 1.5rem 0; padding: 1rem 0; border-top: 1px solid currentColor; }