.composer{width:780px}
.editor-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 26px 10px}
.editor-modes{display:flex;border:1px solid #e8ddf4;border-radius:8px;background:#faf7fd;padding:3px}
.editor-modes button{border:0;background:none;color:#857392;border-radius:5px;padding:7px 13px;font:inherit;font-size:12px;cursor:pointer}
.editor-modes button[aria-pressed=true]{background:linear-gradient(110deg,#ff006e,#a020f0);color:white;box-shadow:0 2px 6px #a020f024}
#editor-status{font-size:10px;color:#9887a8}
.format-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:0 26px 10px;border-bottom:1px solid #f0eaf5}
.format-toolbar button{border:0;background:transparent;padding:7px 10px;min-width:30px;border-radius:5px;font-size:12px;color:#5f4477;cursor:pointer}
.format-toolbar button:hover,.format-toolbar button:focus-visible{background:#f3e7fc;outline:2px solid #d7b6f0}
.format-divider{width:1px;height:18px;background:#e9dff2;margin:0 4px}
.compose-rich{overflow:auto;overflow-wrap:anywhere;min-height:220px;max-height:38vh;padding:20px 27px;line-height:1.7;font-size:14px;outline:none}
.compose-rich:focus{box-shadow:inset 3px 0 #d91cff}
.compose-rich:empty:before{content:attr(data-placeholder);color:#a9a0b6;pointer-events:none}
.compose-rich p{margin:0 0 12px}.compose-rich a{color:#6d28ff;text-decoration:underline}
.compose-rich blockquote{border-left:3px solid #e4d6ef;padding-left:14px;margin-left:4px;color:#7e6c8d}
.compose-rich table{border-collapse:collapse;max-width:100%}.compose-rich td,.compose-rich th{border:1px solid #e2d8eb;padding:8px}
.composer .compose-source{font-family:Consolas,monospace;font-size:12px;line-height:1.7;background:#faf8fd;min-height:220px;max-height:38vh;white-space:pre-wrap}
.editor-help{margin:0;padding:8px 26px 12px;font-size:10px;color:#9683a5}
.composer [hidden]{display:none!important}
.composer button:disabled{opacity:.55;cursor:wait}
@media(max-width:650px){.editor-controls{padding:12px 20px 9px}#editor-status{display:none}.format-toolbar{padding-inline:17px}.compose-rich,.composer .compose-source{flex:1;max-height:none;min-height:100px}.editor-help{padding-inline:20px}}