.rich-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;padding:10px;background:#11232a;border:1px solid #304047;border-radius:10px 10px 0 0}
.rich-toolbar button{min-width:40px;min-height:42px;padding:8px 12px;border:1px solid #3a535a;border-radius:6px;background:#142d34;color:#eaf7f5;font-size:15px}
.rich-toolbar button:last-child{margin-left:auto;color:#c9ff5c}
.rich-editor{min-height:280px;width:100%;max-width:100%;padding:20px 18px;border:1px solid #304047;border-top:0;border-radius:0 0 10px 10px;background:#071016;color:#edf6f4;font:16px/1.7 system-ui,sans-serif;outline:none;overflow-wrap:anywhere;white-space:normal}
.rich-editor:focus{border-color:#50dff2;box-shadow:0 0 0 2px #50dff222}
.rich-editor:empty:before{content:attr(data-placeholder);color:#87999b}
.rich-editor p,.rich-preview p,.rich-public p{margin:0 0 1em;line-height:1.7}
.rich-editor h2,.rich-editor h3,.rich-preview h2,.rich-preview h3,.rich-public h2,.rich-public h3{font-size:1.2em;line-height:1.35;font-weight:800;margin:1.3em 0 .5em}
.rich-editor ul,.rich-editor ol,.rich-preview ul,.rich-preview ol,.rich-public ul,.rich-public ol{padding-left:1.6em;margin:.7em 0 1.2em}
.rich-editor li,.rich-preview li,.rich-public li{margin:.35em 0}
.rich-editor blockquote,.rich-preview blockquote,.rich-public blockquote{border-left:3px solid #50dff2;padding-left:15px;margin:1em 0}
.rich-preview{background:#102027;border:1px solid #3a535a;padding:22px 18px;margin-top:12px;border-radius:10px;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.rich-public{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}
.rich-public:has(p),.rich-public:has(ul),.rich-public:has(h3){white-space:normal}
.rich-public p:last-child{margin-bottom:0}
.rich-fallback{display:none!important}
@media(max-width:760px){.rich-editor{min-height:330px;padding:16px 14px}.rich-toolbar button{min-height:44px}.rich-preview{padding:16px 14px}}