.tiptap-editor{min-height:500px;position:relative;display:flex;flex-direction:column}.tiptap-editor .menu-bar{border-bottom:1px solid #e2e8f0;padding:8px 12px;background:#f8fafc;display:flex;flex-wrap:wrap;gap:4px;align-items:center;border-radius:8px 8px 0 0;position:sticky;top:0;z-index:40;flex-shrink:0}.tiptap-editor .menu-bar .button-group{display:flex;border-right:1px solid #e2e8f0;padding-right:8px;margin-right:8px}.tiptap-editor .menu-bar .button-group:last-child{border-right:none;margin-right:0}.tiptap-editor .menu-bar .button-group button{background:#fff;border:1px solid #d1d5db;color:#5c5c5c!important;border-radius:4px;padding:6px 12px;margin:0 2px;cursor:pointer;font-size:14px;transition:all .2s}.tiptap-editor .menu-bar .button-group button:hover{background:#f3f4f6;border-color:#9ca3af}.tiptap-editor .menu-bar .button-group button.is-active{background:#3b82f6;color:#fff!important;border-color:#3b82f6}.tiptap-editor .menu-bar .button-group button:disabled{opacity:.5;cursor:not-allowed}.tiptap-editor .menu-bar .button-group .dropdown-container{position:relative;display:inline-flex;align-items:center}.tiptap-editor .menu-bar .button-group .dropdown-container .color-dropdown-trigger{margin-left:2px}.tiptap-editor .menu-bar .button-group .color-palette{position:absolute;top:100%;left:0;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:8px;display:grid;grid-template-columns:repeat(2,3fr);gap:4px;z-index:50;margin-top:4px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.tiptap-editor .menu-bar .button-group .color-palette .color-option{width:20px;height:20px;border:1px solid #d1d5db;border-radius:2px;cursor:pointer}.tiptap-editor .menu-bar .button-group .color-palette .color-option:hover{transform:scale(1.1)}.tiptap-editor .menu-bar .button-group .color-palette.blockquote-colors{grid-template-columns:repeat(4,1fr)}.tiptap-editor .editor-content{padding:16px;min-height:400px;overflow-y:auto;flex-grow:1}.tiptap-editor .editor-content .ProseMirror{outline:none;min-height:400px}.tiptap-editor .editor-content .ProseMirror p{margin:0 0 1em}.tiptap-editor .editor-content .ProseMirror h1,.tiptap-editor .editor-content .ProseMirror h2,.tiptap-editor .editor-content .ProseMirror h3,.tiptap-editor .editor-content .ProseMirror h4,.tiptap-editor .editor-content .ProseMirror h5,.tiptap-editor .editor-content .ProseMirror h6{margin:1.5em 0 .5em;font-weight:600;line-height:1.2}.tiptap-editor .editor-content .ProseMirror h1{font-size:2em}.tiptap-editor .editor-content .ProseMirror h2{font-size:1.5em}.tiptap-editor .editor-content .ProseMirror h3{font-size:1.25em}.tiptap-editor .editor-content .ProseMirror ol,.tiptap-editor .editor-content .ProseMirror ul{padding-left:1.5em;margin:1em 0}.tiptap-editor .editor-content .ProseMirror ul{list-style-type:disc}.tiptap-editor .editor-content .ProseMirror ul ul{list-style-type:circle;margin:.5em 0}.tiptap-editor .editor-content .ProseMirror ul ul ul{list-style-type:square}.tiptap-editor .editor-content .ProseMirror ol{list-style-type:decimal}.tiptap-editor .editor-content .ProseMirror ol ol{list-style-type:lower-alpha;margin:.5em 0}.tiptap-editor .editor-content .ProseMirror ol ol ol{list-style-type:lower-roman}.tiptap-editor .editor-content .ProseMirror li{margin:.25em 0;line-height:1.6}.tiptap-editor .editor-content .ProseMirror li p{margin:0}.tiptap-editor .editor-content .ProseMirror blockquote[data-border-color]{border-left:4px solid #3b82f6;padding:1em 1em 1em 1.5em;margin:1em 0;font-style:italic;color:#6b7280;background:#f8fafc;border-radius:0 8px 8px 0}.tiptap-editor .editor-content .ProseMirror blockquote[data-border-color][data-border-color=blue]{border-left-color:#3b82f6;background:#eff6ff;color:#1e40af}.tiptap-editor .editor-content .ProseMirror blockquote[data-border-color][data-border-color=red]{border-left-color:#ef4444;background:#fef2f2;color:#991b1b}.tiptap-editor .editor-content .ProseMirror blockquote[data-border-color][data-border-color=green]{border-left-color:#22c55e;background:#f0fdf4;color:#166534}.tiptap-editor .editor-content .ProseMirror blockquote[data-border-color][data-border-color=yellow]{border-left-color:#eab308;background:#fefce8;color:#854d0e}.tiptap-editor .editor-content .ProseMirror blockquote[data-border-color][data-border-color=purple]{border-left-color:#8b5cf6;background:#faf5ff;color:#6b21a8}.tiptap-editor .editor-content .ProseMirror blockquote[data-border-color][data-border-color=pink]{border-left-color:#ec4899;background:#fdf2f8;color:#9d174d}.tiptap-editor .editor-content .ProseMirror blockquote[data-border-color][data-border-color=gray]{border-left-color:#6b7280;background:#f9fafb;color:#374151}.tiptap-editor .editor-content .ProseMirror blockquote[data-border-color] p{margin:0}.tiptap-editor .editor-content .ProseMirror blockquote[data-border-color] p:not(:last-child){margin-bottom:.5em}.tiptap-editor .editor-content .ProseMirror code{background:#f3f4f6;padding:2px 4px;border-radius:4px;font-size:.9em}.tiptap-editor .editor-content .ProseMirror pre{background:#1f2937;color:#f9fafb;padding:1em;border-radius:8px;overflow-x:auto;margin:1em 0}.tiptap-editor .editor-content .ProseMirror pre code{background:none;padding:0;color:inherit}.tiptap-editor .editor-content .ProseMirror img.resizable-image{max-width:100%;height:auto;cursor:pointer;border:2px dashed rgba(0,0,0,0);transition:border-color .2s}.tiptap-editor .editor-content .ProseMirror img.resizable-image:hover{border-color:#3b82f6}.tiptap-editor .editor-content .ProseMirror table{border-collapse:collapse;margin:1em 0;width:100%}.tiptap-editor .editor-content .ProseMirror table td,.tiptap-editor .editor-content .ProseMirror table th{border:1px solid #d1d5db;padding:8px 12px;text-align:left}.tiptap-editor .editor-content .ProseMirror table th{background:#f8fafc;font-weight:600}.tiptap-editor .editor-content .ProseMirror table.resizable-table{position:relative}.tiptap-editor .editor-content .ProseMirror table.resizable-table .ProseMirror-selectednode{outline:2px solid #3b82f6}.tiptap-editor .editor-content .ProseMirror .hl-yellow{background-color:rgba(255,251,0,.5019607843)}.tiptap-editor .editor-content .ProseMirror .hl-green{background-color:rgba(0,255,0,.5019607843)}.tiptap-editor .editor-content .ProseMirror .hl-blue{background-color:rgba(0,0,255,.5019607843)}.tiptap-editor .editor-content .ProseMirror .hl-pink{background-color:rgba(255,0,255,.5019607843)}.tiptap-editor .editor-content .ProseMirror .hl-orange{background-color:rgba(255,165,0,.5019607843)}.tiptap-editor .editor-content .ProseMirror .hl-red{background-color:rgba(255,0,0,.5019607843)}.tiptap-editor .editor-content .ProseMirror [data-type=horizontalRule]{margin:2em 0;border:none;border-top:2px solid #d1d5db}.tiptap-editor .editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9ca3af;pointer-events:none;height:0}@media(max-width:768px){.tiptap-editor .menu-bar .button-group{flex-wrap:wrap}.tiptap-editor .menu-bar .button-group button{padding:4px 8px;font-size:12px}}.resizable-image-container{position:relative;display:inline-block;margin:1em 0}.resizable-image-container img{max-width:100%;height:auto;border:2px dashed rgba(0,0,0,0);transition:border-color .2s}.resizable-image-container img:hover{border-color:#3b82f6}.resizable-image-container .resize-handle{opacity:0;transition:opacity .2s}.resizable-image-container:hover .resize-handle{opacity:1}.ProseMirror .resizable-image-container.ProseMirror-selectednode{outline:2px solid #3b82f6}.ProseMirror .resizable-image-container.ProseMirror-selectednode .resize-handle{opacity:1}.ProseMirror ol,.ProseMirror ul{padding-left:1.5rem}.ProseMirror ol li,.ProseMirror ul li{display:list-item}.ProseMirror ul{list-style-type:disc}.ProseMirror ul ul{list-style-type:circle}.ProseMirror ul ul ul{list-style-type:square}.ProseMirror ol{list-style-type:decimal}.ProseMirror ol ol{list-style-type:lower-alpha}.ProseMirror ol ol ol{list-style-type:lower-roman}