.tiptap-toolbar{gap:var(--space-2);padding:var(--space-3);background:linear-gradient(to bottom,var(--surface-container-highest),var(--surface-container-high));border-bottom:1px solid var(--outline-variant);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;box-shadow:var(--shadow-md);flex-wrap:wrap;display:flex;position:sticky;top:0}.toolbar-group{background:var(--surface-container-low);border:1px solid var(--outline-variant);gap:2px;padding:2px;display:flex}.toolbar-icon{width:18px;height:18px;transition:all .2s}.toolbar-button{min-width:36px;height:36px;color:var(--on-surface-variant);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.toolbar-button:before{content:"";background:linear-gradient(135deg,var(--primary-container),var(--secondary-container));opacity:0;transition:opacity .2s;position:absolute;inset:0}.toolbar-button:hover:not(:disabled):before{opacity:1}.toolbar-button:hover:not(:disabled){color:var(--primary);transform:translateY(-1px)}.toolbar-button:hover:not(:disabled) .toolbar-icon{transform:scale(1.1)}.toolbar-button:focus:not(:disabled){box-shadow:0 0 0 2px var(--primary)}.toolbar-button.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:var(--shadow-md),inset 0 1px 0 var(--outline-variant)}.toolbar-button.active .toolbar-icon{filter:drop-shadow(0 1px 2px var(--shadow))}.toolbar-button.disabled,.toolbar-button:disabled{opacity:.3;cursor:not-allowed;transform:none}.toolbar-select{background:var(--surface-container-highest);border:1px solid var(--outline);color:var(--on-surface);height:36px;padding:0 var(--space-4);font-size:var(--font-size-sm);cursor:pointer;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;outline:none;min-width:140px;transition:all .2s;position:relative}.toolbar-select:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-container-high)}.toolbar-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.toolbar-select-wrapper{align-items:center;display:flex;position:relative}.toolbar-select-icon{pointer-events:none;color:var(--on-surface-variant);font-size:16px;position:absolute;right:10px}.toolbar-divider{background:linear-gradient(to bottom,transparent,var(--outline-variant),transparent);width:1px;height:24px;margin:0 var(--space-2);align-self:center}@media (max-width:768px){.tiptap-toolbar{gap:var(--space-2);padding:var(--space-2)}.toolbar-button{min-width:32px;height:32px}.toolbar-select{min-width:100px;font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2)}.toolbar-divider{margin:0 var(--space-1)}}.tiptap-editor-container{border:2px solid var(--outline);border-radius:var(--radius-2xl);background:var(--surface-container-highest);transition:border-color .3s;overflow:hidden}.tiptap-editor-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-container)}.tiptap-editor-container.error{border-color:var(--error)}.editor-inner{min-height:50px;max-height:450px;position:relative;overflow-y:auto}.editor-inner::-webkit-scrollbar{width:8px}.editor-inner::-webkit-scrollbar-track{background:0 0}.editor-inner::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-lg)}.editor-inner::-webkit-scrollbar-thumb:hover{background:var(--primary-container)}.ProseMirror,.tiptap-content-rendered{padding:var(--space-6)0;color:var(--on-surface-variant);font-family:var(--font-family-base);font-size:var(--font-size-body);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;outline:none;max-width:100%}.ProseMirror code,.tiptap-content-rendered code,.ProseMirror pre,.tiptap-content-rendered pre{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.ProseMirror p.is-editor-empty:before{content:attr(data-placeholder);color:var(--on-surface-variant);pointer-events:none;font-style:italic;position:absolute}.ProseMirror ::selection{background:var(--primary-container)}.ProseMirror p,.tiptap-content-rendered p{margin-top:0;margin-bottom:var(--space-4);min-height:1em}.ProseMirror p:last-child,.tiptap-content-rendered p:last-child,.ProseMirror li p:last-child,.tiptap-content-rendered li p:last-child,.ProseMirror blockquote p:last-child,.tiptap-content-rendered blockquote p:last-child{margin-bottom:0}.ProseMirror h1,.tiptap-content-rendered h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);color:var(--on-surface);margin:var(--space-8)0 var(--space-4)0;display:block}.ProseMirror h1:first-child,.tiptap-content-rendered h1:first-child{margin-top:0}.ProseMirror h2,.tiptap-content-rendered h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-heading);color:var(--on-surface);margin:var(--space-7)0 var(--space-3)0;display:block}.ProseMirror h2:first-child,.tiptap-content-rendered h2:first-child{margin-top:0}.ProseMirror h3,.tiptap-content-rendered h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-heading);color:var(--on-surface);margin:var(--space-6)0 var(--space-2)0;display:block}.ProseMirror h3:first-child,.tiptap-content-rendered h3:first-child{margin-top:0}.ProseMirror strong,.tiptap-content-rendered strong{font-weight:var(--font-weight-semibold);color:var(--on-surface)}.ProseMirror em,.tiptap-content-rendered em{font-style:italic}.ProseMirror u,.tiptap-content-rendered u{text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:2px}.ProseMirror s,.tiptap-content-rendered s{opacity:.7;text-decoration:line-through}.ProseMirror code,.tiptap-content-rendered code{background:var(--surface-container-highest);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-other);font-size:var(--font-size-sm);color:var(--primary);border:1px solid var(--outline-variant);word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.ProseMirror ul,.ProseMirror ol,.tiptap-content-rendered ul,.tiptap-content-rendered ol{margin:var(--space-4)0;padding-left:var(--space-6);display:block}.ProseMirror ul,.tiptap-content-rendered ul{list-style-type:disc}.ProseMirror ol,.tiptap-content-rendered ol{list-style-type:decimal}.ProseMirror li,.tiptap-content-rendered li{margin:var(--space-2)0;color:var(--on-surface-variant);display:list-item}.ProseMirror li>ul,.ProseMirror li>ol,.tiptap-content-rendered li>ul,.tiptap-content-rendered li>ol{margin:var(--space-2)0}.ProseMirror ul[data-type=taskList],.tiptap-content-rendered ul[data-type=taskList]{padding-left:0;list-style-type:none}.ProseMirror ul[data-type=taskList] li,.tiptap-content-rendered ul[data-type=taskList] li{align-items:flex-start;gap:var(--space-2);display:flex}.ProseMirror ul[data-type=taskList] li input[type=checkbox],.tiptap-content-rendered ul[data-type=taskList] li input[type=checkbox]{cursor:pointer;width:1.125em;height:1.125em;accent-color:var(--primary);flex-shrink:0;margin-top:.4em}.ProseMirror ul[data-type=taskList] li[data-checked=true]>div,.tiptap-content-rendered ul[data-type=taskList] li[data-checked=true]>div{opacity:.6;color:var(--on-surface-variant);text-decoration:line-through}.ProseMirror blockquote,.tiptap-content-rendered blockquote{border-left:4px solid var(--primary);margin:var(--space-6)0;padding:var(--space-4)var(--space-6);background:var(--surface-container-low);border-radius:0 var(--radius-lg)var(--radius-lg)0;border-top:1px solid var(--outline-variant);border-right:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);color:var(--on-surface);font-style:italic}.ProseMirror pre,.tiptap-content-rendered pre{background:var(--surface-container-highest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-6)0;font-family:var(--font-family-other);font-size:var(--font-size-sm);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;overflow-x:auto}.ProseMirror pre code,.tiptap-content-rendered pre code{color:var(--on-surface);font-size:inherit;background:0 0;border:none;padding:0}.ProseMirror a,.tiptap-content-rendered a{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:2px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;transition:all .2s}.ProseMirror a:hover,.tiptap-content-rendered a:hover{color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.ProseMirror hr,.tiptap-content-rendered hr{border:none;border-top:2px solid var(--outline-variant);margin:var(--space-8)0}.ProseMirror [style*="text-align: left"],.tiptap-content-rendered [style*="text-align: left"]{text-align:left}.ProseMirror [style*="text-align: center"],.tiptap-content-rendered [style*="text-align: center"]{text-align:center}.ProseMirror [style*="text-align: right"],.tiptap-content-rendered [style*="text-align: right"]{text-align:right}.ProseMirror [style*="text-align: justify"],.tiptap-content-rendered [style*="text-align: justify"]{text-align:justify}.ProseMirror{padding:var(--space-6)}.tiptap-content-rendered{padding:0}@media (max-width:768px){.ProseMirror,.tiptap-content-rendered{font-size:var(--font-size-sm)}.ProseMirror{padding:var(--space-4)}.ProseMirror h1,.tiptap-content-rendered h1{font-size:var(--font-size-3xl)}.ProseMirror h2,.tiptap-content-rendered h2{font-size:var(--font-size-2xl)}.ProseMirror h3,.tiptap-content-rendered h3{font-size:var(--font-size-xl)}}
