:root{--white:#fff;--black:#1a1a1a;--gray-1:#f8f9fa;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--purple:#6366f1;--purple-light:#e0e7ff;--blue:#3b82f6;--blue-light:#dbeafe;--red:#ef4444;--green:#10b981}.control-group{background-color:var(--gray-1);border:1px solid var(--gray-3);border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.control-group .button-group{flex-wrap:wrap;gap:.25rem;display:flex}.control-group .button-group button,.control-group .button-group input,.control-group .button-group select,.control-group .button-group textarea{background:var(--white);border:1px solid var(--gray-3);color:var(--black);margin:none;cursor:pointer;border-radius:.375rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.15;transition:all .2s cubic-bezier(.65,.05,.36,1)}.control-group .button-group button.is-active,.control-group .button-group input.is-active,.control-group .button-group select.is-active,.control-group .button-group textarea.is-active{background:var(--purple);color:var(--white);border-color:var(--purple)}.control-group .button-group button:hover:not(:disabled),.control-group .button-group input:hover:not(:disabled),.control-group .button-group select:hover:not(:disabled),.control-group .button-group textarea:hover:not(:disabled){background:var(--gray-1);border-color:var(--gray-4)}.control-group .button-group button:disabled,.control-group .button-group input:disabled,.control-group .button-group select:disabled,.control-group .button-group textarea:disabled{opacity:.5;cursor:not-allowed}.control-group .button-group button:focus,.control-group .button-group input:focus,.control-group .button-group select:focus,.control-group .button-group textarea:focus{outline:2px solid var(--purple);outline-offset:2px}.tiptap{border:1px solid var(--gray-3);border-radius:.5rem;min-height:200px;padding:1rem}.tiptap:focus{outline:2px solid var(--purple);outline-offset:2px;border-color:var(--purple)}.tiptap :first-child{margin-top:0}.tiptap :last-child{margin-bottom:0}.tiptap p{margin:.75rem 0;line-height:1.6}.tiptap p:first-child{margin-top:0}.tiptap h1,.tiptap h2,.tiptap h3,.tiptap h4,.tiptap h5,.tiptap h6{color:var(--black);text-wrap:pretty;margin-top:2rem;margin-bottom:1rem;font-weight:700;line-height:1.2}.tiptap h1:first-child,.tiptap h2:first-child,.tiptap h3:first-child,.tiptap h4:first-child,.tiptap h5:first-child,.tiptap h6:first-child{margin-top:0}.tiptap h1{border-bottom:2px solid var(--gray-3);padding-bottom:.5rem;font-size:2rem}.tiptap h2{border-bottom:1px solid var(--gray-3);padding-bottom:.375rem;font-size:1.75rem}.tiptap h3{font-size:1.5rem}.tiptap h4{font-size:1.25rem}.tiptap h5{font-size:1.125rem}.tiptap h6{color:var(--gray-5);font-size:1rem}.tiptap ul{margin:1rem 0;padding-left:1.5rem;list-style-type:disc}.tiptap ul li{margin:.5rem 0;padding-left:.5rem}.tiptap ul li p{margin:.25rem 0}.tiptap ul li ul{margin-top:.5rem;margin-bottom:.5rem;list-style-type:circle}.tiptap ul li ul ul{list-style-type:square}.tiptap ol{margin:1rem 0;padding-left:1.5rem;list-style-type:decimal}.tiptap ol li{margin:.5rem 0;padding-left:.5rem}.tiptap ol li p{margin:.25rem 0}.tiptap ol li ol{margin-top:.5rem;margin-bottom:.5rem;list-style-type:lower-alpha}.tiptap ol li ol ol{list-style-type:lower-roman}.tiptap code{background-color:var(--purple-light);color:var(--purple);border-radius:.25rem;padding:.2em .4em;font-family:Courier New,Courier,monospace;font-size:.9em;font-weight:500}.tiptap pre{background:var(--black);color:var(--white);border:1px solid var(--gray-4);border-radius:.5rem;margin:1.5rem 0;padding:1rem;font-family:Courier New,Courier,monospace;overflow-x:auto}.tiptap pre code{color:inherit;background:0 0;border-radius:0;padding:0;font-size:.875rem}.tiptap blockquote{border-left:4px solid var(--purple);background:var(--purple-light);color:#636363;border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.tiptap blockquote p{margin:.5rem 0}.tiptap blockquote p:first-child{margin-top:0}.tiptap blockquote p:last-child{margin-bottom:0}.tiptap hr{border:none;border-top:2px solid var(--gray-3);border-radius:1px;margin:2rem 0}.tiptap s{color:var(--gray-5);text-decoration:line-through}.tiptap strong{font-weight:700}.tiptap em{font-style:italic}.tiptap a{color:var(--blue);cursor:pointer;text-decoration:underline;transition:color .2s}.tiptap a:hover{color:var(--purple)}.tiptap span[data-button]{box-sizing:border-box;color:#fff;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;background:#40b3a2;border:0;border-radius:4px;outline:0;justify-content:space-between;align-items:center;min-width:200px;padding:16px 20px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.tiptap span[data-button]:hover{opacity:.95}.tiptap span[data-button]:after,.tiptap span[data-button]:before{content:"";border-radius:100%;animation:.6s linear infinite ripple}@keyframes ripple{0%{box-shadow:0 0 #ffffff1a,0 0 0 20px #ffffff1a,0 0 0 40px #ffffff1a,0 0 0 60px #ffffff1a}to{box-shadow:0 0 0 20px #ffffff1a,0 0 0 40px #ffffff1a,0 0 0 60px #ffffff1a,0 0 0 80px #fff0}}.tiptap br{content:"";margin-top:.5rem;display:block}.tiptap.is-empty:before{content:attr(data-placeholder);color:var(--gray-4);pointer-events:none;position:absolute}