:root{--primary-color:#4f39f6;--primary-hover-color:#432dd7;--text-color:#333;--bg-color:#fff;--border-color:#e0e0e0;--active-bg-color:#e0e7ff;--disabled-color:#9e9e9e;--editor-bg-color:#fcfcfc;--editor-border-color:#ddd}.tiptap-container{max-width:800px;margin:40px auto;background-color:var(--bg-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden}.tiptap-menubar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 15px;border-bottom:1px solid var(--border-color);background-color:#f8f8f8;border-top-left-radius:8px;border-top-right-radius:8px}.button-group{display:flex;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.menu-button{display:flex;align-items:center;justify-content:center;padding:8px 12px;background-color:var(--bg-color);color:var(--text-color);border:none;border-right:1px solid var(--border-color);cursor:pointer;font-size:16px;transition:all .2s ease-in-out;min-width:40px;gap:5px}.menu-button:last-child{border-right:none}.menu-button:hover:not(:disabled){background-color:var(--active-bg-color);color:var(--primary-color)}.menu-button.is-active{background-color:var(--primary-color);color:var(--bg-color);border-color:var(--primary-color)}.menu-button:disabled{color:var(--disabled-color);cursor:not-allowed;opacity:.6}.menu-button svg{font-size:1.1em}.tiptap{padding:20px;background-color:var(--editor-bg-color);outline:none;min-height:300px;line-height:1.7}.tiptap p{margin-bottom:1em}.tiptap h1,.tiptap h2,.tiptap h3,.tiptap h4,.tiptap h5,.tiptap h6{line-height:1.2;margin-top:1.5em;margin-bottom:.5em}.tiptap h1{font-size:2.5em}.tiptap h2{font-size:2em}.tiptap h3{font-size:1.75em}.tiptap h4{font-size:1.5em}.tiptap h5{font-size:1.25em}.tiptap h6{font-size:1em}.tiptap strong{font-weight:700}.tiptap em{font-style:italic}.tiptap strike{text-decoration:line-through}.tiptap code{background-color:rgba(92,99,112,.1);padding:.2em .4em;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em}.tiptap ol,.tiptap ul{margin-left:1.5em;padding-left:0;margin-bottom:1em}.tiptap ul li{list-style-type:disc}.tiptap ol li{list-style-type:decimal}.tiptap pre{background:#2d2d2d;color:#ccc;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;padding:1em;border-radius:6px;overflow-x:auto;margin-bottom:1.5em}.tiptap pre code{background:none;color:inherit;padding:0;font-size:1em}.tiptap blockquote{border-left:4px solid var(--primary-color);padding-left:1em;margin-left:0;font-style:italic;color:#555;margin-bottom:1.5em}.tiptap hr{border:none;border-top:1px solid var(--border-color);margin:2em 0}.tiptap .is-empty:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.tiptap img{max-width:100%;height:auto;display:block;margin-top:1.5em;margin-bottom:1.5em;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05)}