.editor-toolbar{display:flex;padding:5px;border-bottom:1px solid #ccc}.editor-button{background:none;border:none;padding:5px;margin:0 2px;border-radius:3px;cursor:pointer;transition:background-color .2s}.editor-button:hover{background-color:#e0e0e0}.editor-button.active{background-color:#ddd;color:#000}.editor-content{padding:10px;border-width:0;border-top-color:#fff;outline:none;min-height:100px}.tiptap{--brand-color:#6a5acd;--text-color:#333;--subtle-gray:#f0f0f0;--highlight-bg:#f7e7f7;--highlight-text:#6a5acd;font-family:Vazir,sans-serif;color:var(--text-color)}.tiptap ol,.tiptap ul{display:flex;flex-direction:column;padding-right:25px;margin:20px 0;list-style:none}.tiptap li{display:flex;align-items:baseline;margin-bottom:12px;direction:rtl;line-height:1.6}.tiptap ol li:before,.tiptap ul li:before{display:inline-block;margin-left:15px;direction:ltr;font-weight:700;color:var(--brand-color)}.tiptap ul li:before{content:"—";font-size:1.2em;line-height:1}.tiptap ol{counter-reset:list-counter}.tiptap ol li{counter-increment:list-counter}.tiptap ol li:before{content:counter(list-counter) ".";min-width:20px;text-align:right}.tiptap ul[data-type=taskList] li{align-items:center;cursor:pointer;transition:color .3s ease}.tiptap ul[data-type=taskList] li:before{content:""}.tiptap ul[data-type=taskList] input[type=checkbox]{margin-left:10px;-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid var(--brand-color);width:18px;height:18px;border-radius:50%;cursor:pointer;position:relative;top:2px;transition:background-color .2s ease-in-out}.tiptap ul[data-type=taskList] input[type=checkbox]:checked{background-color:var(--brand-color);border-color:var(--brand-color)}.tiptap ul[data-type=taskList] input[type=checkbox]:checked:after{content:"✔";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tiptap ul[data-type=taskList] li[data-checked=true]>div>p{text-decoration:line-through;color:#aaa}.tiptap h1,.tiptap h2,.tiptap h3{font-weight:700;line-height:1.3;position:relative;padding-right:15px;color:var(--text-color)}.tiptap h1:before,.tiptap h2:before,.tiptap h3:before{content:"";position:absolute;right:0;top:5px;bottom:5px;width:4px;background-color:var(--brand-color);border-radius:2px}.tiptap h1{font-size:2.5rem;margin:1.8rem 0 1.2rem}.tiptap h2{font-size:1.9rem;margin:1.5rem 0 1rem}.tiptap h3{font-size:1.5rem;margin:1.2rem 0 .8rem}.tiptap:dir(ltr) h1,.tiptap:dir(ltr) h2,.tiptap:dir(ltr) h3{padding-left:15px;padding-right:0}.tiptap:dir(ltr) h1:before,.tiptap:dir(ltr) h2:before,.tiptap:dir(ltr) h3:before{left:0;right:auto}.tiptap mark{background-color:var(--highlight-bg);color:var(--highlight-text);padding:3px 6px;border-radius:5px;font-weight:500}.tiptap hr{border:0;height:1px;margin:3rem 0;background-image:linear-gradient(90deg,transparent,rgba(106,90,205,.4),transparent)}.tiptap blockquote{position:relative;margin:1.5rem 0;padding:1rem 1.5rem;background-color:var(--subtle-gray);border-radius:8px;color:#555}.tiptap blockquote:before{content:"";position:absolute;right:0;top:10px;bottom:10px;width:4px;background-color:var(--brand-color);border-radius:2px}.tiptap:dir(ltr) blockquote{padding-left:15px;padding-right:0}.tiptap:dir(ltr) blockquote:before{left:0;right:auto}.tiptap blockquote p{margin:0}.tiptap li>code,.tiptap p>code{background-color:var(--highlight-bg);color:var(--highlight-text);padding:.2em .4em;border-radius:5px;font-size:.85em;font-family:Fira Code,JetBrains Mono,monospace}.tiptap a{color:var(--brand-color);text-decoration:none;font-weight:500;position:relative;transition:color .25s ease}.tiptap a:after{content:"";position:absolute;right:0;bottom:-2px;width:100%;height:2px;background-color:var(--brand-color);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.tiptap a:focus,.tiptap a:hover{color:#4b3bc9;outline:none;cursor:pointer}.tiptap a:focus:after,.tiptap a:hover:after{transform:scaleX(1)}