.rich-field{display:grid;gap:8px}.rich-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border:1px solid #cbd7e7;border-bottom:0;border-radius:12px 12px 0 0;background:#f4f7fb}.rich-toolbar button{min-width:38px;min-height:36px;padding:7px 10px;border:1px solid #cbd7e7;border-radius:8px;background:#fff;color:#173b7a;font-weight:700;cursor:pointer}.rich-toolbar button:hover,.rich-toolbar button:focus{border-color:#315da7;background:#edf3ff;outline:0}.rich-editor{min-height:360px;padding:24px;border:1px solid #cbd7e7;border-radius:0 0 12px 12px;background:#fff;color:#17233d;line-height:1.65;overflow-wrap:anywhere}.rich-editor:focus{outline:0;border-color:#315da7;box-shadow:0 0 0 4px #315da719}.rich-editor img,.rich-preview img{display:block;max-width:100%;height:auto;margin:16px auto}.rich-editor blockquote,.rich-preview blockquote{margin:16px 0;padding:10px 16px;border-left:4px solid #173b7a;background:#f4f7fb}.rich-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.rich-preview{padding:18px;border:1px solid #cbd7e7;border-radius:12px;background:#fff}.rich-preview-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.rich-preview article{padding:16px;line-height:1.65}@media(max-width:720px){.rich-toolbar{flex-wrap:nowrap;overflow-x:auto}.rich-toolbar button{flex:0 0 auto}.rich-editor{min-height:300px;padding:16px}.rich-editor-foot{align-items:flex-start;flex-direction:column}}