.rich-editor{border:1px solid #e5e7eb;border-radius:5px;flex-direction:column;min-height:500px;display:flex}.rich-editor.disabled{opacity:.6;pointer-events:none}.editor-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:5px 5px 0 0;flex-wrap:wrap;gap:2px;padding:8px;display:flex}.editor-toolbar-group{align-items:center;gap:2px;display:flex}.editor-toolbar-group+.editor-toolbar-group:before{content:"";background:#e5e7eb;width:1px;height:20px;margin:0 4px;display:block}.editor-toolbar-btn{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.editor-toolbar-btn:hover{background:#e5e7eb}.editor-toolbar-btn.active{color:#fff;background:#18a8f1}.editor-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.rich-editor .tiptap{outline:none;flex:1;min-height:400px;padding:16px;overflow-y:auto}.rich-editor .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9ca3af;pointer-events:none;height:0}.rich-editor .tiptap h1{margin:16px 0 8px;font-size:24px;font-weight:700;line-height:1.3}.rich-editor .tiptap h2{margin:14px 0 6px;font-size:20px;font-weight:700;line-height:1.3}.rich-editor .tiptap h3{margin:12px 0 4px;font-size:18px;font-weight:600;line-height:1.3}.rich-editor .tiptap p{margin:4px 0}.rich-editor .tiptap ul,.rich-editor .tiptap ol{margin:8px 0;padding-left:24px}.rich-editor .tiptap ul{list-style-type:disc}.rich-editor .tiptap ol{list-style-type:decimal}.rich-editor .tiptap li{margin:2px 0}.rich-editor .tiptap blockquote{color:#6b7280;border-left:4px solid #18a8f1;margin:12px 0;padding-left:16px;font-style:italic}.rich-editor .tiptap hr{border:none;border-top:2px solid #e5e7eb;margin:16px 0}.rich-editor .tiptap a{color:#18a8f1;cursor:pointer;text-decoration:underline}.rich-editor .tiptap code{background:#f3f4f6;border-radius:3px;padding:2px 4px;font-size:.9em}.rich-editor .tiptap s{text-decoration:line-through}.rich-editor .tiptap img{cursor:pointer;border-radius:4px;width:100%;max-width:640px;height:auto;margin:8px 0}.rich-editor .tiptap img.ProseMirror-selectednode{outline:2px solid #18a8f1}.rich-editor .tiptap .image-uploading{color:#9ca3af;background:#f3f4f6;border-radius:4px;justify-content:center;align-items:center;width:100%;height:120px;margin:8px 0;font-size:14px;display:flex}.rich-editor .tiptap div[data-youtube-video]{aspect-ratio:16/9;width:100%;max-width:640px;margin:12px 0;position:relative}.rich-editor .tiptap div[data-youtube-video] iframe{border:none;border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0}.rich-editor .tiptap [style*="text-align: center"]{text-align:center}.rich-editor .tiptap [style*="text-align: right"]{text-align:right}.rich-editor .ProseMirror-dropcursor{color:#18a8f1}.content-renderer h1{margin:16px 0 8px;font-size:24px;font-weight:700;line-height:1.3}.content-renderer h2{margin:14px 0 6px;font-size:20px;font-weight:700;line-height:1.3}.content-renderer h3{margin:12px 0 4px;font-size:18px;font-weight:600;line-height:1.3}.content-renderer p{margin:4px 0}.content-renderer ul,.content-renderer ol{margin:8px 0;padding-left:24px}.content-renderer ul{list-style-type:disc}.content-renderer ol{list-style-type:decimal}.content-renderer blockquote{color:#6b7280;border-left:4px solid #18a8f1;margin:12px 0;padding-left:16px;font-style:italic}.content-renderer hr{border:none;border-top:2px solid #e5e7eb;margin:16px 0}.content-renderer a{color:#18a8f1;text-decoration:underline}.content-renderer img{border-radius:4px;width:100%;max-width:640px;height:auto;margin:8px 0}.content-renderer code{background:#f3f4f6;border-radius:3px;padding:2px 4px;font-size:.9em}.content-renderer div[data-youtube-video]{aspect-ratio:16/9;width:100%;max-width:640px;margin:12px 0;position:relative}.content-renderer div[data-youtube-video] iframe{border:none;border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0}