*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rich-editor{background:#fafafa;border:1px solid #e8e8e8;border-radius:10px;margin-bottom:10px;overflow:hidden}.editor-toolbar{background:#fff;border-bottom:1px solid #e8e8e8;flex-wrap:wrap;align-items:center;gap:2px;padding:8px 10px;display:flex}.editor-toolbar button{cursor:pointer;color:#777;background:0 0;border:none;border-radius:5px;padding:5px 9px;font-family:inherit;font-size:12px;font-weight:600;line-height:1}.editor-toolbar button:hover{color:#333;background:#f0f0f0}.editor-toolbar button.active{color:#ff6b00;background:#fff4eb}.editor-toolbar .divider{background:#e8e8e8;width:1px;height:18px;margin:0 4px}.rich-editor .tiptap{color:#333;outline:none;min-height:240px;max-height:500px;padding:16px 18px;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.75;overflow-y:auto}.rich-editor .tiptap h2{color:#111;margin:24px 0 8px;font-size:20px;font-weight:700}.rich-editor .tiptap h3{color:#222;margin:18px 0 6px;font-size:16px;font-weight:700}.rich-editor .tiptap p{margin:0 0 12px}.rich-editor .tiptap img{border-radius:10px;max-width:100%;margin:16px 0}.rich-editor .tiptap blockquote{color:#888;border-left:3px solid #ff6b00;margin:14px 0;padding-left:16px;font-style:italic}.rich-editor .tiptap ul,.rich-editor .tiptap ol{margin:8px 0 12px;padding-left:24px}.rich-editor .tiptap li{margin:4px 0}.rich-editor .tiptap a{color:#ff6b00;text-decoration:underline}.rich-editor .tiptap hr{border:none;border-top:1px solid #e0e0e0;margin:24px 0}.rich-editor .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#ccc;pointer-events:none;height:0;font-style:italic}