@dou-ui/editor 0.0.0-stage → 0.1.0-alpha.1

package/dist/style.css

@@ -0,0 +1 @@
+@layer dou.components{.dou-editor{--dou-editor-font-size:var(--dou-font-size-lg);--dou-editor-line-height:1.7;--dou-editor-gutter:56px;--dou-editor-indent:24px;--dou-editor-block-gap:2px;--dou-editor-selected:color-mix(in oklab,var(--dou-color-focus)calc(12% + 10%*var(--dou-scheme-dark)),transparent);--dou-editor-control-hover:color-mix(in oklab,var(--dou-color-text)6%,transparent);--dou-editor-match:color-mix(in oklab,var(--dou-color-warning)22%,transparent);--dou-editor-match-current:color-mix(in oklab,var(--dou-color-warning-text)80%,transparent);--dou-editor-comment-bg:color-mix(in oklab,var(--dou-color-warning)18%,transparent);--dou-editor-comment-bg-active:color-mix(in oklab,var(--dou-color-warning)36%,transparent);--dou-editor-comment-line:color-mix(in oklab,var(--dou-color-warning)72%,transparent);position:relative;box-sizing:border-box;color:var(--dou-color-text);font-family:var(--dou-font-family);font-size:max(var(--dou-font-size-input-min,0px),var(--dou-editor-font-size));line-height:var(--dou-editor-line-height);overflow-wrap:break-word;width:100%;min-width:0;padding-inline-start:var(--dou-editor-gutter)}.dou-editor.is-readonly{--dou-editor-gutter:0px}.dou-editor.is-readonly.is-comparing{--dou-editor-gutter:16px}@media (pointer:coarse){.dou-editor{--dou-editor-gutter:32px}}.dou-editor.is-dragging{cursor:grabbing}.dou-editor.is-dragging *{cursor:grabbing}.dou-editor__live{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}.dou-editor__surface{min-height:calc(var(--dou-editor-line-height)*1em);outline:none;white-space:pre-wrap;word-wrap:break-word;font-variant-ligatures:none}.dou-editor__block{position:relative;border-radius:4px}.dou-editor__group{padding-inline-start:var(--dou-editor-indent)}.dou-editor__content{position:relative;padding-block:var(--dou-editor-block-gap);font-size:1em;font-weight:inherit;line-height:var(--dou-editor-line-height);margin:0}.dou-editor__content--heading{--dou-editor-line-height:1.4;font-weight:var(--dou-font-weight-bold);letter-spacing:-.01em;margin-top:.6em}.dou-editor__content--heading:-webkit-any(h1){margin-top:.8em;font-size:1.75em}.dou-editor__content--heading:-moz-any(h1){margin-top:.8em;font-size:1.75em}.dou-editor__content--heading:is(h1){margin-top:.8em;font-size:1.75em}.dou-editor__content--heading:-webkit-any(h2){font-size:1.375em}.dou-editor__content--heading:-moz-any(h2){font-size:1.375em}.dou-editor__content--heading:is(h2){font-size:1.375em}.dou-editor__content--heading:-webkit-any(h3){font-size:1.125em}.dou-editor__content--heading:-moz-any(h3){font-size:1.125em}.dou-editor__content--heading:is(h3){font-size:1.125em}.dou-editor__surface>.dou-editor__block:first-child>.dou-editor__content--heading{margin-top:0}.dou-editor__content--bulletItem,.dou-editor__content--numberedItem{padding-inline-start:var(--dou-editor-indent)}:is(.dou-editor__content--bulletItem,.dou-editor__content--numberedItem):before{position:absolute;width:var(--dou-editor-indent)}:is(.dou-editor__content--bulletItem,.dou-editor__content--numberedItem):not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}:is(.dou-editor__content--bulletItem,.dou-editor__content--numberedItem):not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}:is(.dou-editor__content--bulletItem,.dou-editor__content--numberedItem):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:0}:is(.dou-editor__content--bulletItem,.dou-editor__content--numberedItem):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}:is(.dou-editor__content--bulletItem,.dou-editor__content--numberedItem):-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}:is(.dou-editor__content--bulletItem,.dou-editor__content--numberedItem):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:0}.dou-editor__content--bulletItem:before{content:"";top:calc(var(--dou-editor-block-gap) + var(--dou-editor-line-height)*.5em - 3px);box-sizing:border-box;color:var(--dou-color-text-secondary);background-color:currentColor;border-radius:50%;width:6px;height:6px}.dou-editor__content--bulletItem:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:7px}.dou-editor__content--bulletItem:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:7px}.dou-editor__content--bulletItem:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:7px}.dou-editor__content--bulletItem:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:7px}.dou-editor__content--bulletItem:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:7px}.dou-editor__content--bulletItem:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:7px}.dou-editor__group .dou-editor__content--bulletItem:before{background-color:#0000;border:1.5px solid}.dou-editor__content--numberedItem:before{content:attr(data-index)".";top:var(--dou-editor-block-gap);box-sizing:border-box;color:var(--dou-color-text-secondary);font-variant-numeric:tabular-nums;text-align:end;padding-inline-end:6px}.dou-editor__content--checkItem{display:flex;gap:8px}.dou-editor__check{display:inline-flex;height:calc(var(--dou-editor-line-height)*1em);user-select:none;flex:none;align-items: center}.dou-editor__checkbox{display:inline-flex;box-sizing:border-box;border:1px solid var(--dou-color-border-strong);border-radius:calc(var(--dou-radius-control) - 2px);background-color:var(--dou-color-bg-surface);box-shadow:var(--dou-shadow-sm);color:var(--dou-color-neutral-on);cursor:pointer;transition-property:background-color,border-color,box-shadow;transition-duration:var(--dou-motion-duration-fast);transition-timing-function:var(--dou-motion-easing);justify-content:center;align-items: center;width:16px;height:16px;margin:0;padding:0}.dou-editor__checkbox>svg{opacity:0;transition-property:opacity,transform;transition-duration:var(--dou-motion-duration-fast);transition-timing-function:var(--dou-motion-easing);width:100%;height:100%;transform:scale(.6)}.dou-editor__checkbox:hover:not(:disabled){border-color:color-mix(in oklab,var(--dou-color-neutral)45%,var(--dou-color-border-strong))}.dou-editor__checkbox:focus-visible{outline:2px solid var(--dou-color-focus);outline-offset:2px}.dou-editor__checkbox:disabled{cursor:default}.dou-editor__content--checkItem[data-checked=true] .dou-editor__checkbox{border-color:color-mix(in oklab,var(--dou-color-neutral)90%,var(--dou-color-edge));background-color:var(--dou-color-neutral);box-shadow:var(--dou-shadow-highlight),0 1px 2px color-mix(in oklab,var(--dou-color-neutral)24%,transparent)}.dou-editor__content--checkItem[data-checked=true] .dou-editor__checkbox>svg{opacity:1;transform:none}.dou-editor__content--checkItem[data-checked=true] .dou-editor__text{color:var(--dou-color-text-tertiary);text-decoration:line-through;text-decoration-color:color-mix(in oklab,currentColor 60%,transparent)}.dou-editor__text{flex:auto;min-width:0}.dou-editor__content--quote{box-shadow:inset 2px 0 0 var(--dou-color-border-strong);color:var(--dou-color-text-secondary);padding-inline-start:14px}.dou-editor__content--codeBlock{--dou-editor-line-height:1.7;overflow-x:auto;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-container);background-color:var(--dou-color-bg-muted);font-family:var(--dou-font-family-mono);font-size:var(--dou-font-size-sm);tab-size:2;white-space:pre-wrap;margin-block-start:4px;margin-block-end:4px;padding:12px 16px}.dou-editor__content--codeBlock>code{font:inherit}.dou-editor-toggle{display:flex;gap:4px}.dou-editor-toggle__control{display:inline-flex;height:calc(var(--dou-editor-line-height)*1em);user-select:none;flex:none;align-items: center;margin-inline-start:-2px}.dou-editor-toggle__button{display:inline-flex;border-radius:var(--dou-radius-control);color:var(--dou-color-text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items: center;width:22px;height:22px;padding:0}.dou-editor-toggle__button>svg{transition:rotate var(--dou-motion-duration-fast)var(--dou-motion-easing);width:16px;height:16px}.dou-editor-toggle__button.is-open>svg{rotate:90deg}.dou-editor-toggle__button:hover{background-color:color-mix(in oklab,var(--dou-color-text)6%,transparent);color:var(--dou-color-text)}.dou-editor-toggle__button:focus-visible{outline:2px solid var(--dou-color-focus);outline-offset:-2px}.dou-editor__block.is-collapsed>.dou-editor__group{display:none}.dou-editor-callout{--dou-editor-callout-tone:var(--dou-color-text-secondary);display:flex;border:1px solid color-mix(in oklab,var(--dou-editor-callout-tone)22%,var(--dou-color-border));border-radius:var(--dou-radius-container);background-color:color-mix(in oklab,var(--dou-editor-callout-tone)6%,var(--dou-color-bg-surface));gap:8px;margin-block-start:2px;margin-block-end:2px;padding:8px 12px}.dou-editor-callout.is-tip{--dou-editor-callout-tone:var(--dou-color-success)}.dou-editor-callout.is-warning{--dou-editor-callout-tone:var(--dou-color-warning)}.dou-editor-callout.is-danger{--dou-editor-callout-tone:var(--dou-color-danger)}.dou-editor-callout__control{display:inline-flex;height:calc(var(--dou-editor-line-height)*1em);user-select:none;flex:none;align-items: center}.dou-editor-callout__icon{display:inline-flex;border-radius:var(--dou-radius-control);color:var(--dou-editor-callout-tone);background:0 0;border:none;justify-content:center;align-items: center;width:24px;height:24px;padding:0}.dou-editor-callout__icon>svg{width:16px;height:16px}button.dou-editor-callout__icon{cursor:pointer}button.dou-editor-callout__icon:hover{background-color:color-mix(in oklab,var(--dou-editor-callout-tone)12%,transparent)}button.dou-editor-callout__icon[aria-expanded=true]{background-color:color-mix(in oklab,var(--dou-editor-callout-tone)12%,transparent)}button.dou-editor-callout__icon:focus-visible{outline:2px solid var(--dou-color-focus);outline-offset:-2px}.dou-editor__content--codeBlock.dou-editor__content--custom{position:relative}.dou-editor-code__pre{font:inherit;white-space:inherit;margin:0}.dou-editor-code__pre>code{display:block;font:inherit}.dou-editor-code__bar{position:absolute;display:flex;border-radius:var(--dou-radius-control);background-color:var(--dou-color-bg-muted);font-family:var(--dou-font-family);opacity:0;transition:opacity var(--dou-motion-duration-fast)var(--dou-motion-easing);align-items: center;gap:2px;top:6px;right:6px}.dou-editor__content--codeBlock:hover>.dou-editor-code__bar,.dou-editor-code__bar:focus-within{opacity:1}.dou-editor-code__bar:has([aria-expanded=true]){opacity:1}.dou-editor-code__language{display:inline-flex;border-radius:var(--dou-radius-control);color:var(--dou-color-text-secondary);font:inherit;font-size:var(--dou-font-size-sm);cursor:pointer;background:0 0;border:none;align-items: center;gap:2px;height:24px;padding:0 4px 0 8px}.dou-editor-code__language>svg{width:14px;height:14px}.dou-editor-code__language:hover{background-color:color-mix(in oklab,var(--dou-color-text)6%,transparent);color:var(--dou-color-text)}.dou-editor-code__language[aria-expanded=true]{background-color:color-mix(in oklab,var(--dou-color-text)6%,transparent);color:var(--dou-color-text)}.dou-editor-code__language:focus-visible{outline:2px solid var(--dou-color-focus);outline-offset:-2px}.dou-editor-code__language.is-static{cursor:default;padding-inline-start:8px;padding-inline-end:8px}.dou-editor-code-editor.dou-editor__content--codeBlock{overflow:visible;white-space:normal;transition:border-color var(--dou-motion-duration-fast)var(--dou-motion-easing);padding:0}.dou-editor-code-editor.dou-editor__content--codeBlock:has(>.dou-code-editor.is-focused){border-color:color-mix(in oklab,var(--dou-color-focus)70%,var(--dou-color-text))}.dou-editor-code-editor.dou-editor__content--codeBlock>.dou-editor-code__bar{position:relative;z-index:3;opacity:1;background:0 0;justify-content:flex-end;padding:4px 6px 0 8px;top:auto;right:auto}.dou-editor-code-editor.dou-editor__content--codeBlock>.dou-editor-code__bar>:not(:last-child){margin-inline-end:auto}@media (pointer:coarse){.dou-editor-code__language:not(.is-static){position:relative}.dou-editor-code__language:not(.is-static):after{position:absolute;content:"";inset:min(0px,50% - 20px) 0}}.dou-editor-code__editor.dou-code-editor{--dou-code-editor-bg:transparent;--dou-code-editor-gutter-bg:var(--dou-color-bg-muted);--dou-code-editor-border:transparent;--dou-code-editor-border-focus:transparent;--dou-code-editor-padding-x:16px;--dou-code-editor-padding-y:8px;border-radius:inherit;border:none}.dou-editor__token{color:color-mix(in oklab,var(--shiki-dark,currentColor)calc(100%*var(--dou-scheme-dark)),var(--shiki-light,currentColor));font-style:var(--shiki-light-font-style,inherit);font-weight:var(--shiki-light-font-weight,inherit)}.dou-editor__content--divider{cursor:default;padding-block-start:12px;padding-block-end:12px}.dou-editor__content--divider>hr{background-color:var(--dou-color-border);border:none;height:1px;margin:0}.dou-editor__content--divider.ProseMirror-selectednode>hr{background-color:var(--dou-color-focus)}.dou-editor__surface strong{font-weight:var(--dou-font-weight-bold)}.dou-editor__surface u{text-underline-offset:.2em}.dou-editor__surface s u{text-decoration:underline line-through}.dou-editor__surface u s{text-decoration:underline line-through}.dou-editor__surface :not(pre)>code{background-color:var(--dou-color-bg-muted);box-shadow:inset 0 0 0 1px var(--dou-color-border-subtle);font-family:var(--dou-font-family-mono);border-radius:4px;padding:.1em .3em;font-size:.875em}.dou-editor__link{color:inherit;text-decoration:underline;text-decoration-color:var(--dou-color-border-strong);text-decoration-thickness:1px;text-underline-offset:.2em;transition:text-decoration-color var(--dou-motion-duration-fast)var(--dou-motion-easing)}.dou-editor__link:hover{text-decoration-color:currentColor}.dou-editor.is-readonly .dou-editor__link,.dou-editor.is-comparing .dou-editor__link{cursor:pointer}.dou-editor__comment{transition:background-color var(--dou-motion-duration-fast)var(--dou-motion-easing);border-bottom:2px solid #0000}.dou-editor__comment-pending{background-color:color-mix(in oklab,var(--dou-color-focus)16%,transparent)}.dou-editor-comment{box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-container);background-color:color-mix(in oklab,var(--dou-color-text)calc(4%*var(--dou-scheme-dark)),var(--dou-color-bg-surface));box-shadow:var(--dou-shadow-md);font-family:var(--dou-font-family);width:min(340px,100vw - 32px);max-height:min(480px,100vh - 32px);padding:12px;line-height:normal}.dou-editor__content.is-empty:after{content:attr(data-placeholder);position:absolute;top:var(--dou-editor-block-gap);color:var(--dou-color-text-tertiary);pointer-events:none;user-select:none;white-space:nowrap}.dou-editor__content.is-empty:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}.dou-editor__content.is-empty:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}.dou-editor__content.is-empty:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:0}.dou-editor__content.is-empty:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}.dou-editor__content.is-empty:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}.dou-editor__content.is-empty:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:0}.dou-editor__content--bulletItem.is-empty:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:var(--dou-editor-indent)}.dou-editor__content--bulletItem.is-empty:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:var(--dou-editor-indent)}.dou-editor__content--bulletItem.is-empty:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:var(--dou-editor-indent)}.dou-editor__content--numberedItem.is-empty:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:var(--dou-editor-indent)}.dou-editor__content--numberedItem.is-empty:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:var(--dou-editor-indent)}.dou-editor__content--numberedItem.is-empty:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:var(--dou-editor-indent)}.dou-editor__content--bulletItem.is-empty:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:var(--dou-editor-indent)}.dou-editor__content--bulletItem.is-empty:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:var(--dou-editor-indent)}.dou-editor__content--bulletItem.is-empty:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:var(--dou-editor-indent)}.dou-editor__content--numberedItem.is-empty:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:var(--dou-editor-indent)}.dou-editor__content--numberedItem.is-empty:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:var(--dou-editor-indent)}.dou-editor__content--numberedItem.is-empty:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:var(--dou-editor-indent)}.dou-editor__content--checkItem.is-empty:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:24px}.dou-editor__content--checkItem.is-empty:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:24px}.dou-editor__content--checkItem.is-empty:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:24px}.dou-editor__content--checkItem.is-empty:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:24px}.dou-editor__content--checkItem.is-empty:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:24px}.dou-editor__content--checkItem.is-empty:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:24px}.dou-editor__content--quote.is-empty:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:14px}.dou-editor__content--quote.is-empty:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:14px}.dou-editor__content--quote.is-empty:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:14px}.dou-editor__content--quote.is-empty:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:14px}.dou-editor__content--quote.is-empty:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:14px}.dou-editor__content--quote.is-empty:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:14px}.dou-editor__diff-added:before,.dou-editor__diff-changed:before,.dou-editor__diff-removed-block:before{position:absolute;content:"";border-radius:2px;width:3px;top:2px;bottom:2px}.dou-editor__diff-added:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:-12px}.dou-editor__diff-added:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:-12px}.dou-editor__diff-added:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:-12px}.dou-editor__diff-changed:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:-12px}.dou-editor__diff-changed:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:-12px}.dou-editor__diff-changed:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:-12px}.dou-editor__diff-removed-block:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:-12px}.dou-editor__diff-removed-block:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:-12px}.dou-editor__diff-removed-block:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:-12px}.dou-editor__diff-added:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-12px}.dou-editor__diff-added:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-12px}.dou-editor__diff-added:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-12px}.dou-editor__diff-changed:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-12px}.dou-editor__diff-changed:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-12px}.dou-editor__diff-changed:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-12px}.dou-editor__diff-removed-block:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-12px}.dou-editor__diff-removed-block:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-12px}.dou-editor__diff-removed-block:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:-12px}.dou-editor__diff-added:before{background-color:var(--dou-color-success)}.dou-editor__diff-changed:before{background-color:var(--dou-color-warning)}.dou-editor__diff-added-text{background-color:color-mix(in oklab,var(--dou-color-success)14%,transparent);text-decoration:underline 1px var(--dou-color-success);text-underline-offset:3px}.dou-editor__diff-removed{background-color:color-mix(in oklab,var(--dou-color-danger)12%,transparent);color:var(--dou-color-danger-text);text-decoration:line-through 1px}.dou-editor__diff-removed-block{position:relative;color:var(--dou-color-danger-text);text-decoration:line-through 1px;white-space:pre-wrap;user-select:none;padding:3px 0}.dou-editor__diff-removed-block:before{background-color:var(--dou-color-danger)}.dou-editor__block.is-selected{background-color:var(--dou-editor-selected)}.dou-editor__block.is-selected+.dou-editor__block.is-selected:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-top-right-radius:0}.dou-editor__block.is-selected+.dou-editor__block.is-selected:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-top-right-radius:0}.dou-editor__block.is-selected+.dou-editor__block.is-selected:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:0;border-top-right-radius:0}.dou-editor__block.is-selected+.dou-editor__block.is-selected:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-top-right-radius:0}.dou-editor__block.is-selected+.dou-editor__block.is-selected:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-top-right-radius:0}.dou-editor__block.is-selected+.dou-editor__block.is-selected:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:0;border-top-right-radius:0}.dou-editor__block.is-selected:has(+.dou-editor__block.is-selected):not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:0;border-bottom-left-radius:0}.dou-editor__block.is-selected:has(+.dou-editor__block.is-selected):not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:0;border-bottom-left-radius:0}.dou-editor__block.is-selected:has(+.dou-editor__block.is-selected):not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:0;border-bottom-left-radius:0}.dou-editor__block.is-selected:has(+.dou-editor__block.is-selected):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:0;border-bottom-left-radius:0}.dou-editor__block.is-selected:has(+.dou-editor__block.is-selected):-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:0;border-bottom-left-radius:0}.dou-editor__block.is-selected:has(+.dou-editor__block.is-selected):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:0;border-bottom-left-radius:0}.dou-editor__block.is-selected .dou-editor__block.is-selected{background-color:#0000}.dou-editor__block.is-selected>.dou-editor__content--codeBlock{background-image:linear-gradient(var(--dou-editor-selected),var(--dou-editor-selected))}.dou-editor .is-block-selecting{caret-color:transparent}.dou-editor .is-block-selecting ::selection{background-color:#0000}.dou-editor.is-dragging .dou-editor__block.is-selected{opacity:.45}.dou-editor__handle{position:absolute;z-index:1;display:flex;height:var(--dou-editor-line,24px);align-items: center;gap:2px;transform:translate(calc(-100% - 6px))}.dou-editor__handle-button{display:inline-flex;color:var(--dou-color-text-tertiary);cursor:pointer;transition-property:background-color,color;transition-duration:var(--dou-motion-duration-fast);transition-timing-function:var(--dou-motion-easing);background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items: center;width:22px;height:24px;margin:0;padding:0}.dou-editor__handle-button>svg{width:16px;height:16px}.dou-editor__handle-button:hover{background-color:var(--dou-editor-control-hover);color:var(--dou-color-text-secondary)}.dou-editor__handle-button[aria-expanded=true]{background-color:var(--dou-editor-control-hover);color:var(--dou-color-text-secondary)}.dou-editor__grip{position:relative;cursor:grab;touch-action:none;width:18px}@media (pointer:coarse){.dou-editor__handle{transform:translate(calc(-100% - 4px))}.dou-editor__add{display:none}.dou-editor__grip{height:max(28px,var(--dou-editor-line,28px));-webkit-touch-callout:none;user-select:none;width:24px}.dou-editor__grip:before{content:"";position:absolute;inset:-8px -4px}}.dou-editor__ghost{position:fixed;z-index:2000;box-sizing:border-box;overflow:hidden;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-control);background-color:var(--dou-color-bg-surface);box-shadow:var(--dou-shadow-md);opacity:.88;pointer-events:none;max-height:160px;padding:6px 12px;top:0;left:0}.dou-editor__ghost>.dou-editor__block:first-child>.dou-editor__content{margin-top:0}.dou-editor__drop{position:absolute;background-color:var(--dou-color-focus);pointer-events:none;border-radius:1px;height:2px;margin-top:-1px}.dou-editor__drop.is-vertical{width:2px;height:auto;margin-top:0;margin-left:-1px}.dou-editor__mention{background-color:var(--dou-color-bg-muted);color:var(--dou-color-text);white-space:nowrap;border-radius:4px;padding:0 2px;font-weight:500}.dou-editor-mention{max-height:min(var(--dou-floating-available,100vh),288px);width:240px}.dou-editor-mention__item{gap:10px;height:auto;padding:6px 8px}.dou-editor-mention__item:focus{background-color:var(--dou-dropdown-item-active-bg)}.dou-editor-mention__item.is-active{background-color:var(--dou-dropdown-item-active-bg)}.dou-editor-mention__text{display:flex;flex-direction:column;flex:auto;gap:6px;min-width:0}.dou-editor-mention__label,.dou-editor-mention__description{overflow-x:clip;text-box:trim-both cap alphabetic;text-overflow:ellipsis;white-space:nowrap}.dou-editor-mention__description{color:var(--dou-color-text-tertiary);font-size:var(--dou-font-size-sm)}.dou-editor-slash{max-height:min(var(--dou-floating-available,100vh),336px);width:288px}.dou-editor-slash__item{gap:10px;height:auto;padding:6px 8px 6px 6px}.dou-editor-slash__item:focus{background-color:var(--dou-dropdown-item-active-bg)}.dou-editor-slash__item.is-active{background-color:var(--dou-dropdown-item-active-bg)}.dou-editor-slash__icon{display:inline-flex;box-sizing:border-box;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-control);background-color:var(--dou-color-bg-surface);color:var(--dou-color-text-secondary);flex:none;justify-content:center;align-items: center;width:32px;height:32px}.dou-editor-slash__icon>svg{width:18px;height:18px}.dou-editor-slash__text{display:flex;flex-direction:column;flex:auto;gap:6px;min-width:0}.dou-editor-slash__label,.dou-editor-slash__hint{overflow-x:clip;text-box:trim-both cap alphabetic;text-overflow:ellipsis}.dou-editor-slash__hint{color:var(--dou-color-text-tertiary);font-size:var(--dou-font-size-sm)}.dou-editor-slash__shortcut{color:var(--dou-color-text-tertiary);font-family:var(--dou-font-family-mono);font-size:var(--dou-font-size-sm);text-box:trim-both cap alphabetic;flex:none}.dou-editor-slash__empty{color:var(--dou-color-text-tertiary);font-size:var(--dou-font-size-sm);padding:8px}.dou-editor__content--table{overflow-x:auto;overscroll-behavior-x:contain;margin-block-start:4px;margin-block-end:4px;padding-block-start:8px;padding-block-end:4px}.dou-editor-table{border-collapse:collapse;table-layout:fixed;font-size:inherit;line-height:inherit}.dou-editor-table td{position:relative;box-sizing:border-box;border:1px solid var(--dou-color-border);text-align:start;vertical-align:top;white-space:pre-wrap;min-width:48px;padding:6px 10px}.dou-editor-table th{position:relative;box-sizing:border-box;border:1px solid var(--dou-color-border);text-align:start;vertical-align:top;white-space:pre-wrap;min-width:48px;padding:6px 10px}.dou-editor-table th{background-color:var(--dou-color-bg-muted);font-weight:600}.ProseMirror-hideselection .dou-editor-table *::selection{background:0 0}.ProseMirror-hideselection .dou-editor-table{caret-color:transparent}.dou-editor-table .selectedCell:after{content:"";position:absolute;background-color:var(--dou-editor-selected);pointer-events:none;inset:0}.dou-editor-table .column-resize-handle{position:absolute;z-index:1;background-color:var(--dou-color-focus);pointer-events:none;width:3px;top:-1px;bottom:-1px}.dou-editor-table .column-resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-2px}.dou-editor-table .column-resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-2px}.dou-editor-table .column-resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-2px}.dou-editor-table .column-resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-2px}.dou-editor-table .column-resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-2px}.dou-editor-table .column-resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-2px}.dou-editor__surface.resize-cursor{cursor:col-resize}.dou-editor-table__handle{position:absolute;z-index:2;display:inline-flex;border:1px solid var(--dou-color-border);background-color:var(--dou-color-bg-surface);box-shadow:var(--dou-shadow-sm);color:var(--dou-color-text-tertiary);cursor:pointer;transition-property:background-color,color;transition-duration:var(--dou-motion-duration-fast);transition-timing-function:var(--dou-motion-easing);touch-action:none;border-radius:4px;justify-content:center;align-items: center;margin:0;padding:0;transform:translate(-50%,-50%)}.dou-editor-table__handle.is-column{width:24px;height:14px}.dou-editor-table__handle.is-row{width:14px;height:24px}.dou-editor-table__handle:before{content:"";position:absolute;inset:-4px}@media (pointer:coarse){.dou-editor-table__handle.is-column{width:32px;height:18px}.dou-editor-table__handle.is-row{width:18px;height:32px}.dou-editor-table__handle:before{inset:-10px}}.dou-editor-table__handle svg{width:14px;height:14px}.dou-editor-table__handle:hover{background-color:color-mix(in oklab,var(--dou-color-text)calc(6% + 6%*var(--dou-scheme-dark)),var(--dou-color-bg-surface));color:var(--dou-color-text)}.dou-editor-table__handle.is-active{background-color:color-mix(in oklab,var(--dou-color-text)calc(6% + 6%*var(--dou-scheme-dark)),var(--dou-color-bg-surface));color:var(--dou-color-text)}.dou-editor-table__add{position:absolute;z-index:1;display:inline-flex;box-sizing:border-box;color:var(--dou-color-text-tertiary);cursor:pointer;opacity:.6;transition-property:background-color,color,opacity;transition-duration:var(--dou-motion-duration-fast);transition-timing-function:var(--dou-motion-easing);background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items: center;margin:0;padding:0}.dou-editor-table__add.is-column{width:16px;margin-inline-start:4px}.dou-editor-table__add.is-row{height:16px;margin-block-start:4px}.dou-editor-table__add svg{width:14px;height:14px}.dou-editor-table__add:hover{background-color:var(--dou-editor-control-hover);color:var(--dou-color-text);opacity:1}@media (pointer:coarse){.dou-editor-table__add{opacity:1}.dou-editor-table__add.is-column{width:24px}.dou-editor-table__add.is-row{height:24px}.dou-editor-table .column-resize-handle{display:none}}.dou-editor-table__ghost{overflow:hidden;padding:0}.dou-editor-table__ghost .dou-editor-table{width:auto;margin:0}.dou-editor-table__cells{position:absolute;z-index:3;display:flex;border:1px solid var(--dou-color-border);border-radius:calc(var(--dou-radius-control) + 2px);background-color:color-mix(in oklab,var(--dou-color-text)calc(4%*var(--dou-scheme-dark)),var(--dou-color-bg-surface));box-shadow:var(--dou-shadow-md);font-size:var(--dou-font-size-sm);white-space:nowrap;gap:2px;padding:3px;line-height:normal;transform:translate(-50%,calc(-100% - 6px))}.dou-editor-table__cells.is-below{transform:translate(-50%,6px)}.dou-editor-table__cells-button{display:inline-flex;border-radius:var(--dou-radius-control);color:var(--dou-color-text);font:inherit;cursor:pointer;background:0 0;border:none;align-items: center;gap:4px;height:26px;margin:0;padding-inline-start:8px;padding-inline-end:8px}.dou-editor-table__cells-button svg{color:var(--dou-color-text-secondary);width:14px;height:14px}.dou-editor-table__cells-button:hover:not(:disabled){background-color:var(--dou-editor-control-hover)}.dou-editor-table__cells-button:disabled{color:var(--dou-color-text-tertiary);cursor:default}.dou-editor-bubble{border:1px solid var(--dou-color-border);border-radius:calc(var(--dou-radius-control) + 4px);background-color:color-mix(in oklab,var(--dou-color-text)calc(4%*var(--dou-scheme-dark)),var(--dou-color-bg-surface));box-shadow:var(--dou-shadow-md);color:var(--dou-color-text);font-family:var(--dou-font-family);font-size:var(--dou-font-size-md);padding:4px;line-height:normal}.dou-editor-bubble__type{gap:4px}.dou-editor-bubble__type svg{color:var(--dou-color-text-tertiary)}.dou-editor-bubble__link{display:flex;align-items: center;gap:4px}.dou-editor-bubble__link>.dou-input{width:240px}.dou-editor__content--image{padding-block-start:6px;padding-block-end:6px}.dou-editor-image__figure{width:-moz-fit-content;width:fit-content;min-width:min(100%,240px);max-width:100%;margin:0 auto}.dou-editor-image__frame{position:relative;border-radius:var(--dou-radius-control);width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto;line-height:0}.dou-editor-image__img{display:block;border-radius:inherit;outline:1px solid color-mix(in oklab,var(--dou-color-text)8%,transparent);outline-offset:-1px;max-width:100%;height:auto}.dou-editor-image__figure.is-sized .dou-editor-image__frame,.dou-editor-image__figure.is-sized .dou-editor-image__img{width:100%}.dou-editor-image.is-selected .dou-editor-image__img{outline:2px solid var(--dou-color-focus);outline-offset:2px}.dou-editor-image__status{position:absolute;display:flex;border-radius:inherit;background-color:color-mix(in oklab,var(--dou-color-bg-surface)72%,transparent);color:var(--dou-color-text-secondary);font-size:var(--dou-font-size-md);justify-content:center;align-items: center;gap:8px;line-height:normal;inset:0}.dou-editor-image__status.is-failed{color:var(--dou-color-danger-text)}.dou-editor-image__handle{position:absolute;border:1px solid color-mix(in oklab,var(--dou-color-bg-surface)70%,transparent);border-radius:var(--dou-radius-full);background-color:color-mix(in oklab,var(--dou-color-text)55%,transparent);cursor:ew-resize;opacity:0;transition:opacity var(--dou-motion-duration-fast)var(--dou-motion-easing);touch-action:none;width:6px;height:40px;max-height:50%;top:50%;transform:translateY(-50%)}.dou-editor-image__handle:before{position:absolute;content:"";inset:-4px -9px}.dou-editor-image__handle.is-left{left:8px}.dou-editor-image__handle.is-right{right:8px}.dou-editor-image__frame:hover .dou-editor-image__handle,.dou-editor-image.is-selected .dou-editor-image__handle{opacity:1}.dou-editor-image__caption{color:var(--dou-color-text-secondary);font-size:var(--dou-font-size-md);text-align:center;margin-top:6px;line-height:1.5}.dou-editor-image__caption-input{color:inherit;font:inherit;font-size:max(var(--dou-font-size-input-min,0px),1em);text-align:inherit;outline:none;background:0 0;border:none;width:100%;padding:0}.dou-editor-image__caption-input::placeholder{color:var(--dou-color-text-tertiary)}.dou-editor-image__caption-input:placeholder-shown:not(:focus){opacity:0}.dou-editor-image:hover .dou-editor-image__caption-input,.dou-editor-image.is-selected .dou-editor-image__caption-input,.dou-editor-embed:hover .dou-editor-image__caption-input,.dou-editor-embed.is-selected .dou-editor-image__caption-input{opacity:1}.dou-editor-image__empty{display:flex;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-control);background-color:color-mix(in oklab,var(--dou-color-text)3%,var(--dou-color-bg-surface));color:var(--dou-color-text-secondary);font-size:var(--dou-font-size-md);flex-wrap:wrap;align-items: center;gap:8px 12px;padding:12px 14px;line-height:normal}.dou-editor-image.is-selected .dou-editor-image__empty,.dou-editor-attachment.is-selected .dou-editor-image__empty,.dou-editor-embed.is-selected .dou-editor-image__empty{outline:2px solid var(--dou-color-focus);outline-offset:2px}.dou-editor-image__empty-icon{color:var(--dou-color-text-tertiary);flex:none;width:18px;height:18px}.dou-editor-image__empty-text{flex:auto}.dou-editor-image__actions,.dou-editor-image__embed{display:flex;gap:8px}.dou-editor-image__embed{flex:240px}.dou-editor-image__embed>.dou-input{flex:auto}.dou-editor-bubble__trigger{display:inline-flex}.dou-editor__content--attachment,.dou-editor__content--embed{padding-block-start:4px;padding-block-end:4px}.dou-editor-attachment__card{display:flex;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-control);background-color:var(--dou-color-bg-surface);box-shadow:var(--dou-shadow-sm);align-items: center;gap:12px;padding:10px 10px 10px 14px;line-height:normal}.dou-editor-attachment.is-selected .dou-editor-attachment__card{outline:2px solid var(--dou-color-focus);outline-offset:2px}.dou-editor-attachment__icon{color:var(--dou-color-text-secondary);flex:none;width:20px;height:20px}.dou-editor-attachment__text{display:flex;flex-direction:column;flex:auto;gap:2px;min-width:0}.dou-editor-attachment__name{overflow-x:clip;color:var(--dou-color-text);font-size:var(--dou-font-size-md);text-overflow:ellipsis;white-space:nowrap;font-weight:500}.dou-editor-attachment__meta{display:flex;color:var(--dou-color-text-tertiary);font-size:var(--dou-font-size-sm);font-variant-numeric:tabular-nums;align-items: center;gap:6px}.dou-editor-attachment__download{display:inline-flex;border-radius:var(--dou-radius-control);color:var(--dou-color-text-secondary);transition:background-color var(--dou-motion-duration-fast)var(--dou-motion-easing);flex:none;justify-content:center;align-items: center;width:32px;height:32px}.dou-editor-attachment__download>svg{width:16px;height:16px}.dou-editor-attachment__download:hover{background-color:color-mix(in oklab,var(--dou-color-text)6%,transparent);color:var(--dou-color-text)}.dou-editor-attachment__download:focus-visible{outline:2px solid var(--dou-color-focus);outline-offset:1px}@media (pointer:coarse){.dou-editor-attachment__download{width:40px;height:40px}}.dou-editor-embed__figure{margin:0}.dou-editor-embed__frame{overflow:clip;border-radius:var(--dou-radius-control);background-color:color-mix(in oklab,var(--dou-color-text)4%,var(--dou-color-bg-surface));outline:1px solid color-mix(in oklab,var(--dou-color-text)8%,transparent);outline-offset:-1px;width:100%;line-height:0}.dou-editor-embed__frame>iframe{display:block;border:0;width:100%;height:100%}.dou-editor-embed__frame>video{display:block;border:0;width:100%;height:100%}.dou-editor-embed__frame.is-audio{overflow:visible;outline:none;background:0 0}.dou-editor-embed__frame.is-audio>audio{display:block;width:100%}.dou-editor-embed.is-selected .dou-editor-embed__frame{outline:2px solid var(--dou-color-focus);outline-offset:2px}.dou-editor.is-dragging .dou-editor-embed__frame{pointer-events:none}.dou-editor-embed__caption{display:grid;grid-template-columns:var(--dou-control-height-sm)1fr var(--dou-control-height-sm);align-items: center;gap:4px}.dou-editor-embed__caption>.dou-editor-image__caption-input{grid-column:2}.dou-editor-embed__edit{grid-column:3;opacity:0;transition:opacity var(--dou-motion-duration-fast)var(--dou-motion-easing)}.dou-editor-embed:hover .dou-editor-embed__edit,.dou-editor-embed.is-selected .dou-editor-embed__edit{opacity:1}.dou-editor-embed__edit:focus-visible{opacity:1}@media (pointer:coarse){.dou-editor-embed__edit{opacity:1}}.dou-editor-embed__link{overflow-x:clip;color:var(--dou-color-text-tertiary);font-size:var(--dou-font-size-sm);text-overflow:ellipsis;white-space:nowrap;max-width:100%}.dou-editor-embed__error{color:var(--dou-color-danger-text);font-size:var(--dou-font-size-sm);flex-basis:100%}.dou-editor__cursor{position:relative;border-inline-start:2px solid var(--dou-editor-cursor-color);pointer-events:none;word-break:normal;margin-inline-start:-1px;margin-inline-end:-1px}.dou-editor__cursor-label{position:absolute;background-color:var(--dou-editor-cursor-color);color:oklch(from var(--dou-editor-cursor-color)clamp(.2,(.66 - l)*100,.99)0 0);font-family:var(--dou-font-family);font-size:var(--dou-font-size-sm);white-space:nowrap;user-select:none;border-radius:4px 4px 4px 0;padding:0 6px;font-style:normal;font-weight:400;line-height:18px;bottom:100%;left:-2px}.dou-editor__remote-selection{background-color:color-mix(in oklab,var(--dou-editor-cursor-color)20%,transparent)}.dou-editor,.dou-editor-menu,.dou-editor-palette{--dou-editor-color-gray:color-mix(in srgb,#a3a7ad calc(100%*var(--dou-scheme-dark)),#6b6f76);--dou-editor-highlight-gray:color-mix(in srgb,#3a3b3d calc(100%*var(--dou-scheme-dark)),#ececeb);--dou-editor-color-red:color-mix(in srgb,#e58a84 calc(100%*var(--dou-scheme-dark)),#b4453f);--dou-editor-highlight-red:color-mix(in srgb,#4a2826 calc(100%*var(--dou-scheme-dark)),#f8e3e1);--dou-editor-color-orange:color-mix(in srgb,#e0975f calc(100%*var(--dou-scheme-dark)),#b0622a);--dou-editor-highlight-orange:color-mix(in srgb,#4a3222 calc(100%*var(--dou-scheme-dark)),#f9e7d8);--dou-editor-color-yellow:color-mix(in srgb,#d4b44f calc(100%*var(--dou-scheme-dark)),#94761b);--dou-editor-highlight-yellow:color-mix(in srgb,#4a4020 calc(100%*var(--dou-scheme-dark)),#f8efc8);--dou-editor-color-green:color-mix(in srgb,#7fbf8c calc(100%*var(--dou-scheme-dark)),#3f7f4f);--dou-editor-highlight-green:color-mix(in srgb,#253d2b calc(100%*var(--dou-scheme-dark)),#e1f0e2);--dou-editor-color-blue:color-mix(in srgb,#7fa7d9 calc(100%*var(--dou-scheme-dark)),#3b6ea8);--dou-editor-highlight-blue:color-mix(in srgb,#23334a calc(100%*var(--dou-scheme-dark)),#e1ebf7);--dou-editor-color-purple:color-mix(in srgb,#b69ad6 calc(100%*var(--dou-scheme-dark)),#7a52a3);--dou-editor-highlight-purple:color-mix(in srgb,#352a47 calc(100%*var(--dou-scheme-dark)),#ece4f5);--dou-editor-color-pink:color-mix(in srgb,#dd8ab4 calc(100%*var(--dou-scheme-dark)),#a8467a);--dou-editor-highlight-pink:color-mix(in srgb,#46283a calc(100%*var(--dou-scheme-dark)),#f6e2ec)}.dou-editor__color,.dou-editor-palette span[data-color]{color:var(--dou-editor-text-color,inherit)}.dou-editor__highlight,.dou-editor-palette mark[data-color]{background-color:var(--dou-editor-mark-color,var(--dou-editor-highlight-yellow));color:inherit;box-decoration-break:clone;border-radius:2px}.dou-editor__color[data-color=gray],.dou-editor-palette span[data-color=gray],.dou-editor-colors__swatch[data-color=gray]{--dou-editor-text-color:var(--dou-editor-color-gray)}.dou-editor__highlight[data-color=gray],.dou-editor-palette mark[data-color=gray],.dou-editor-colors__swatch[data-highlight=gray]{--dou-editor-mark-color:var(--dou-editor-highlight-gray)}.dou-editor__color[data-color=red],.dou-editor-palette span[data-color=red],.dou-editor-colors__swatch[data-color=red]{--dou-editor-text-color:var(--dou-editor-color-red)}.dou-editor__highlight[data-color=red],.dou-editor-palette mark[data-color=red],.dou-editor-colors__swatch[data-highlight=red]{--dou-editor-mark-color:var(--dou-editor-highlight-red)}.dou-editor__color[data-color=orange],.dou-editor-palette span[data-color=orange],.dou-editor-colors__swatch[data-color=orange]{--dou-editor-text-color:var(--dou-editor-color-orange)}.dou-editor__highlight[data-color=orange],.dou-editor-palette mark[data-color=orange],.dou-editor-colors__swatch[data-highlight=orange]{--dou-editor-mark-color:var(--dou-editor-highlight-orange)}.dou-editor__color[data-color=yellow],.dou-editor-palette span[data-color=yellow],.dou-editor-colors__swatch[data-color=yellow]{--dou-editor-text-color:var(--dou-editor-color-yellow)}.dou-editor__highlight[data-color=yellow],.dou-editor-palette mark[data-color=yellow],.dou-editor-colors__swatch[data-highlight=yellow]{--dou-editor-mark-color:var(--dou-editor-highlight-yellow)}.dou-editor__color[data-color=green],.dou-editor-palette span[data-color=green],.dou-editor-colors__swatch[data-color=green]{--dou-editor-text-color:var(--dou-editor-color-green)}.dou-editor__highlight[data-color=green],.dou-editor-palette mark[data-color=green],.dou-editor-colors__swatch[data-highlight=green]{--dou-editor-mark-color:var(--dou-editor-highlight-green)}.dou-editor__color[data-color=blue],.dou-editor-palette span[data-color=blue],.dou-editor-colors__swatch[data-color=blue]{--dou-editor-text-color:var(--dou-editor-color-blue)}.dou-editor__highlight[data-color=blue],.dou-editor-palette mark[data-color=blue],.dou-editor-colors__swatch[data-highlight=blue]{--dou-editor-mark-color:var(--dou-editor-highlight-blue)}.dou-editor__color[data-color=purple],.dou-editor-palette span[data-color=purple],.dou-editor-colors__swatch[data-color=purple]{--dou-editor-text-color:var(--dou-editor-color-purple)}.dou-editor__highlight[data-color=purple],.dou-editor-palette mark[data-color=purple],.dou-editor-colors__swatch[data-highlight=purple]{--dou-editor-mark-color:var(--dou-editor-highlight-purple)}.dou-editor__color[data-color=pink],.dou-editor-palette span[data-color=pink],.dou-editor-colors__swatch[data-color=pink]{--dou-editor-text-color:var(--dou-editor-color-pink)}.dou-editor__highlight[data-color=pink],.dou-editor-palette mark[data-color=pink],.dou-editor-colors__swatch[data-highlight=pink]{--dou-editor-mark-color:var(--dou-editor-highlight-pink)}.dou-editor-colors__swatch{display:inline-flex;box-sizing:border-box;border:1px solid var(--dou-color-border);border-radius:calc(var(--dou-radius-control) - 2px);background-color:var(--dou-editor-mark-color,transparent);color:var(--dou-editor-text-color,var(--dou-color-text));font-size:var(--dou-font-size-sm);font-weight:var(--dou-font-weight-bold);justify-content:center;align-items: center;width:20px;height:20px;line-height:1}.dou-editor-colors__letter{display:block;text-box:trim-both cap alphabetic}.dou-editor__search{position:sticky;z-index:5;display:flex;container-type:inline-size;pointer-events:none;justify-content:flex-end;align-items: flex-start;height:0;top:8px}.dou-editor__search>*{pointer-events:auto}.dou-editor__match{background-color:var(--dou-editor-match);border-radius:2px}.dou-editor__match.is-current{box-shadow:0 0 0 1px var(--dou-editor-match-current)}}

package/dist/style.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/style.js

@@ -0,0 +1,8 @@
+import 'dou-ui/components/autocomplete/style'
+import 'dou-ui/components/comment-thread/style'
+import 'dou-ui/components/copy-button/style'
+import 'dou-ui/components/dropdown/style'
+import 'dou-ui/components/toggle/style'
+import 'dou-ui/components/toolbar/style'
+import 'dou-ui/components/find-replace/style'
+import './style.css'

package/dist/types/catalog.d.ts

@@ -0,0 +1,8 @@
+import { type BlockOption } from './core/extension';
+import type { BlockProps } from './core/model';
+import type { EditorMessages } from './locale';
+/** Options whose label, key or keywords match the query (case-insensitive). */
+export declare function filterOptions(options: BlockOption[], query: string, messages: EditorMessages): BlockOption[];
+/** Whether an option describes the block as it is now: same type, same option props. */
+export declare function isCurrent(option: BlockOption, type: string, props: BlockProps): boolean;
+export type { BlockOption };

package/dist/types/code/code-editor-block.vue.d.ts

@@ -0,0 +1,17 @@
+import { type CodeExtension } from '@dou-ui/code';
+import type { EditorView } from 'prosemirror-view';
+import type { CodeEditorViewOptions, CodeEditorViewState } from './types';
+type __VLS_Props = {
+    state: CodeEditorViewState;
+    options: CodeEditorViewOptions;
+    extensions: CodeExtension[];
+    view: EditorView;
+    updateProps: (props: Record<string, unknown>) => void;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    focus: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onFocus?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/code/index.d.ts

@@ -0,0 +1,18 @@
+import type { EditorExtension } from '../core/extension';
+import type { CodeEditorBlockOptions } from './types';
+export { codeEditorLanguages, findCodeLanguage } from './languages';
+export type { CodeEditorBlockOptions, CodeEditorLanguage } from './types';
+/**
+ * The code block, edited in `@dou-ui/code`'s editor: highlighted as you
+ * type, with bracket matching, multiple cursors, search and the language's
+ * indentation. The document is the same as with the built-in code block
+ * (a `codeBlock` with a `language` prop), and so are HTML and Markdown;
+ * undo, collaboration and moving blocks work as for the other blocks.
+ *
+ * ```ts
+ * extensions: [editorKit({ codeBlock: codeEditorBlock() })]
+ * ```
+ *
+ * Needs `@dou-ui/code` and its styles.
+ */
+export declare function codeEditorBlock(options?: CodeEditorBlockOptions): EditorExtension;

package/dist/types/code/languages.d.ts

@@ -0,0 +1,7 @@
+import { type CodeLanguage } from '@dou-ui/code';
+import type { CodeEditorLanguage } from './types';
+/** The built-in languages of `@dou-ui/code`, as the picker lists them. */
+export declare const codeEditorLanguages: CodeEditorLanguage[];
+export declare const toEntry: (item: CodeLanguage | CodeEditorLanguage) => CodeEditorLanguage;
+/** The picker entry for a block's `language` prop: by name, then by alias. */
+export declare function findCodeLanguage(languages: readonly CodeEditorLanguage[], value: string): CodeEditorLanguage | null;

package/dist/types/code/types.d.ts

@@ -0,0 +1,37 @@
+import type { CodeExtension, CodeLanguage } from '@dou-ui/code';
+/** A language in the code block's picker, with the name shown for it. */
+export interface CodeEditorLanguage {
+    language: CodeLanguage;
+    label: string;
+}
+export interface CodeEditorBlockOptions {
+    /**
+     * The languages offered in the picker. A block's `language` prop is
+     * matched against their names and aliases (so `bash` finds Shell); the
+     * picker stores the name. Defaults to every built-in language of
+     * `@dou-ui/code`.
+     */
+    languages?: (CodeLanguage | CodeEditorLanguage)[];
+    /** Line numbers beside the code. */
+    lineNumbers?: boolean;
+    /** Wrap long lines instead of scrolling sideways. */
+    wrap?: boolean;
+    /** Columns per tab stop, and the indent unit. Defaults to 2. */
+    tabSize?: number;
+    /** Extensions for every code block's editor, e.g. completions or a linter. */
+    extensions?: CodeExtension[];
+}
+/** What the code block's view keeps for its component. */
+export interface CodeEditorViewState {
+    block: {
+        id: string;
+        props: Record<string, unknown>;
+    };
+    /** The code when the editor mounts; later changes go through `transact`. */
+    text: string;
+    editable: boolean;
+    selected: boolean;
+}
+export interface CodeEditorViewOptions extends Omit<CodeEditorBlockOptions, 'languages'> {
+    languages: CodeEditorLanguage[];
+}

package/dist/types/code/view.d.ts

@@ -0,0 +1,12 @@
+import type { EditorView, NodeViewConstructor } from 'prosemirror-view';
+import type { MountComponent } from '../core/extension';
+import type { CodeEditorViewOptions } from './types';
+/**
+ * The code block's node view: the code editor owns the text, and every
+ * change it makes goes into the document as a step, with the selection,
+ * so undo, collaboration and the other blocks see an ordinary edit. Changes
+ * to the document from elsewhere (undo, someone else) come back into the
+ * editor the same way.
+ */
+export declare function codeEditorView(mount: MountComponent, options: CodeEditorViewOptions): NodeViewConstructor;
+export type { EditorView };

package/dist/types/collaboration/binding.d.ts

@@ -0,0 +1,32 @@
+import { type Node as PMNode, type Schema } from 'prosemirror-model';
+import { Plugin, PluginKey, type Transaction } from 'prosemirror-state';
+import type { EditorView } from 'prosemirror-view';
+import * as Y from 'yjs';
+export type YBlock = Y.Map<unknown>;
+export declare const collaborationKey: PluginKey<{
+    remote: boolean;
+    tracked: boolean;
+    /** An undo step of its own (`transact`). */
+    own: boolean;
+}>;
+export interface Binding {
+    map: Y.Map<YBlock>;
+    /** The origin of this editor's own changes; the undo manager tracks it. */
+    origin: object;
+    /** The origin of changes that are not undone (`setBlocks`, fixes). */
+    untracked: object;
+    view: EditorView | null;
+    /** Ends the current undo step, so a structural change is undone on its own. */
+    stopCapturing?: () => void;
+    /** Where the cursor was before the change being written, for undo to return to. */
+    selectionBefore?: unknown;
+    /** Set while the undo manager takes a step back or forward. */
+    undoing?: 'undo' | 'redo';
+}
+export declare function createBinding(map: Y.Map<YBlock>): Binding;
+/** Write the blocks of `doc` into an empty map. */
+export declare function writeDoc(map: Y.Map<YBlock>, doc: PMNode): void;
+/** The document a map holds, read without an editor; `null` while the map is empty. */
+export declare function readDoc(map: Y.Map<YBlock>, schema: Schema): PMNode | null;
+export declare function syncPlugin(binding: Binding): Plugin;
+export type { Transaction };

package/dist/types/collaboration/cursors.d.ts

@@ -0,0 +1,26 @@
+import type { Node as PMNode } from 'prosemirror-model';
+import { Plugin } from 'prosemirror-state';
+import type { Binding } from './binding';
+/** What the editor needs of a Yjs awareness instance (`y-protocols/awareness`). */
+export interface AwarenessLike {
+    clientID: number;
+    getLocalState(): Record<string, unknown> | null;
+    setLocalStateField(field: string, value: unknown): void;
+    getStates(): Map<number, Record<string, unknown>>;
+    on(event: 'change', listener: (...args: unknown[]) => void): void;
+    off(event: 'change', listener: (...args: unknown[]) => void): void;
+}
+/** A place in the text: the block and a position in its text that follows edits. */
+interface Place {
+    block: string;
+    /** In a table: the cell, `row id:column id`. */
+    cell?: string;
+    position: unknown;
+}
+/** A document position as a place that survives other people's edits. */
+export declare function placeOf(binding: Binding, doc: PMNode, pos: number): Place | null;
+/** Back from a place to a document position, or `null` if its block is gone. */
+export declare function positionOf(binding: Binding, doc: PMNode, place: Place): number | null;
+/** Shares this user's cursor and shows everyone else's. */
+export declare function cursorsPlugin(binding: Binding, awareness: AwarenessLike): Plugin;
+export {};

package/dist/types/collaboration/index.d.ts

@@ -0,0 +1,47 @@
+import { collaborationColors } from 'dou-ui';
+import * as Y from 'yjs';
+import { type EditorExtension } from '../core/extension';
+import { type EditorDocument, type PartialBlock } from '../core/model';
+import { type AwarenessLike } from './cursors';
+/** How the people editing together see each other. */
+export interface CollaborationUser {
+    name: string;
+    /** The cursor color, any CSS color. Picked from the client id when left out. */
+    color?: string;
+}
+export interface CollaborationOptions {
+    /** Where the document lives, e.g. `ydoc.getMap('document')`. */
+    map: Y.Map<unknown>;
+    /** Shares cursors and selections (`y-protocols/awareness`). Without it, others' cursors are not shown. */
+    awareness?: AwarenessLike;
+    /** This user, shown at their cursor to the others. Needs `awareness`. */
+    user?: CollaborationUser;
+    /**
+     * Where the comment threads live, e.g. `ydoc.getMap('comments')`, so
+     * they reach everyone with the document. `v-model:comments` then only
+     * mirrors them. Without it, the text's anchors still travel with the
+     * document and the threads are the app's to share.
+     */
+    comments?: Y.Map<unknown>;
+}
+export { collaborationColors };
+/**
+ * Edit together through a Yjs document. The document lives in `map`: the
+ * editor's `v-model` only mirrors it and changes to `v-model` are not
+ * written back. Undo only takes back this user's own changes.
+ */
+export declare function collaboration(options: CollaborationOptions): EditorExtension;
+/**
+ * Write a document into an empty map, e.g. when a document that so far was
+ * saved as JSON starts being edited together. Do it once, where the
+ * document is created (often on the server): two clients filling the same
+ * empty map at the same time would both add their copy.
+ */
+export declare function fillMap(map: Y.Map<unknown>, doc: EditorDocument<PartialBlock>, extensions?: (EditorExtension | EditorExtension[])[]): void;
+/**
+ * The document a shared map holds, read without an editor, e.g. to save a
+ * version on the server. Pass the extensions the editors use; an empty map
+ * reads as no blocks.
+ */
+export declare function readMap(map: Y.Map<unknown>, extensions?: (EditorExtension | EditorExtension[])[]): EditorDocument;
+export type { AwarenessLike };

package/dist/types/collaboration/order.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Order keys: strings that sort like the blocks they belong to. A key can
+ * always be made between two others, so moving or inserting a block only
+ * writes that block's key, never its neighbours'.
+ */
+/** A key after `a` and before `b`; either may be missing. Needs `a < b`. */
+export declare function keyBetween(a: string | null, b: string | null): string;
+/** `n` keys in order between `a` and `b`, kept short by splitting the range in halves. */
+export declare function keysBetween(a: string | null, b: string | null, n: number): string[];
+/**
+ * Which of `keys` (in their wanted order) can stay: the longest strictly
+ * increasing run. Missing keys (`null`) never stay. Returns the indexes.
+ */
+export declare function keptIndexes(keys: (string | null)[]): Set<number>;
+/**
+ * Order keys for items in their wanted order, given each one's current key
+ * (`null` when it has none). The longest run already in order keeps its
+ * keys; the others get fresh keys between their kept neighbours.
+ */
+export declare function orderKeys(keys: (string | null)[]): string[];

package/dist/types/collaboration/table.d.ts

@@ -0,0 +1,25 @@
+import type { Node as PMNode, NodeType } from 'prosemirror-model';
+import * as Y from 'yjs';
+import { type BlockProps } from '../core/model';
+type YEntry = Y.Map<unknown>;
+/** The table node a stored table stands for. */
+export declare function readTable(yblock: YEntry, type: NodeType, props: BlockProps): PMNode;
+/**
+ * Write the table `after` into a stored table that holds `before` (`null`
+ * for a new one). Returns whether cells that became visible hold text the
+ * editor doesn't show yet, typed by someone else while they were merged away.
+ */
+export declare function writeTable(yblock: YEntry, before: PMNode | null, after: PMNode): boolean;
+/** Forget a stored table's rows, e.g. when the block stops being a table. */
+export declare function clearTable(yblock: YEntry): void;
+/** The cell a position in a table falls in, and the offset in its text. */
+export declare function cellAt(table: PMNode, offset: number): {
+    key: string;
+    index: number;
+} | null;
+/** Where a cell's text starts in a table, by its key; `null` when it isn't shown. */
+export declare function cellStart(table: PMNode, key: string): {
+    offset: number;
+    size: number;
+} | null;
+export {};

package/dist/types/collaboration/text.d.ts

@@ -0,0 +1,9 @@
+import { Mark, type Node as PMNode, type Schema } from 'prosemirror-model';
+import type * as Y from 'yjs';
+export type Attributes = Record<string, unknown>;
+export declare function markAttributes(marks: readonly Mark[], schema: Schema): Attributes;
+/** Write `content`'s inline nodes from `from` to `to` into `text` at `at`. */
+export declare function insertInline(text: Y.Text, at: number, content: PMNode, from: number, to: number): void;
+export declare function inlineFrom(text: Y.Text, schema: Schema, code: boolean): PMNode[];
+/** Bring `text` from `before`'s inline content to `after`'s, changing only what differs. */
+export declare function updateText(text: Y.Text, before: PMNode, after: PMNode): void;

package/dist/types/components/block-handle.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/bubble-toolbar.vue.d.ts

@@ -0,0 +1,7 @@
+/** `Mod+K` and the link button: edit the link of the selected text. */
+declare function editLink(): boolean;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    editLink: typeof editLink;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/comment-button.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/comment-card.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/menu-escape.d.ts

@@ -0,0 +1,7 @@
+import { type Ref } from 'vue';
+/**
+ * Menus opened from the editor's own controls leave the focus in the text,
+ * where the editor would take `Escape` for itself (selecting the block).
+ * While one is open, `Escape` closes it first.
+ */
+export declare function useMenuEscape(open: Ref<boolean>, close: () => void): void;

package/dist/types/components/search-bar.vue.d.ts

@@ -0,0 +1,22 @@
+import type { Node as PMNode } from 'prosemirror-model';
+type __VLS_Props = {
+    readonly: boolean;
+    skip: (node: PMNode) => boolean;
+};
+type __VLS_ModelProps = {
+    'replacing'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    focus: (which?: "find" | "replace") => void | undefined;
+    next: () => void;
+    previous: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    "update:replacing": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:replacing"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/slash-menu.vue.d.ts

@@ -0,0 +1,11 @@
+import { type SlashState } from '../core/slash';
+type __VLS_Props = {
+    slash: SlashState | null;
+};
+/** Keys the editor passes on while the menu is open. */
+declare function onKey(event: KeyboardEvent): boolean;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    onKey: typeof onKey;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/core/align.d.ts

@@ -0,0 +1,16 @@
+import type { NodeSpec } from 'prosemirror-model';
+/** How a block's text lines up; `null` (left out of `props`) follows the reading direction. */
+export type BlockAlign = 'left' | 'center' | 'right';
+export declare const ALIGNS: readonly BlockAlign[];
+export declare const isAlign: (value: unknown) => value is BlockAlign;
+/**
+ * The alignment written on an element: `data-align`, `style="text-align"`
+ * or `align`. Left is the reading direction: `null`, as it is stored.
+ */
+export declare function alignOf(dom: HTMLElement): BlockAlign | null;
+/**
+ * A text block that can be aligned: adds the `align` attribute, reads it
+ * from pasted HTML and draws it. Used by paragraphs, headings and quotes;
+ * custom text blocks can use it too.
+ */
+export declare function alignable(spec: NodeSpec): NodeSpec;

package/dist/types/core/block-selection.d.ts

@@ -0,0 +1,22 @@
+import { Plugin, PluginKey, type Command, type EditorState } from 'prosemirror-state';
+import { type SiblingRange } from './blocks';
+/**
+ * Whole blocks selected with `Esc` or from the block handle. The selected
+ * blocks are siblings, from `anchor` to `head`. Underneath, the editor's
+ * own selection spans their text, so copy and cut work as usual; the text
+ * highlight is hidden and the blocks are tinted instead.
+ */
+export interface BlockSelection {
+    anchor: string;
+    head: string;
+}
+export declare const blockSelectionKey: PluginKey<BlockSelection | null>;
+export declare function getBlockSelection(state: EditorState): BlockSelection | null;
+/** The blocks of a block selection, or `null` when they can't be found. */
+export declare function blockSelectionRange(state: EditorState): SiblingRange | null;
+/** Select whole blocks, from `anchor` to `head` (siblings). */
+export declare function selectBlocks(anchor: string, head?: string): Command;
+export declare const clearBlockSelection: Command;
+/** `Esc`: select the blocks the cursor or text selection is in. */
+export declare const selectCurrentBlocks: Command;
+export declare function blockSelectionPlugin(): Plugin<BlockSelection | null>;

package/dist/types/core/blocks.d.ts

@@ -0,0 +1,52 @@
+import type { Node as PMNode, ResolvedPos } from 'prosemirror-model';
+import type { EditorState } from 'prosemirror-state';
+/** A `block` node and where it sits. */
+export interface BlockInfo {
+    node: PMNode;
+    /** The position right before the block. */
+    pos: number;
+    /** Its depth in the document; top-level blocks are at depth 1. */
+    depth: number;
+    /** The block's content node (paragraph, heading, …). */
+    content: PMNode;
+    /** The position right before the content node. */
+    contentPos: number;
+    /** The children, if any. */
+    group: PMNode | null;
+}
+export declare function infoAt(node: PMNode, pos: number, depth: number): BlockInfo;
+/** The innermost block around a position, or `null` between blocks. */
+export declare function blockAround($pos: ResolvedPos): BlockInfo | null;
+/** The block with an id, by scanning the document. */
+export declare function findBlockById(doc: PMNode, id: string): BlockInfo | null;
+/** A run of sibling blocks inside one container (the doc or a group). */
+export interface SiblingRange {
+    /** The container: the doc or a `blockGroup`. */
+    parent: PMNode;
+    /** The position where the container's content starts. */
+    parentStart: number;
+    /** Depth of the blocks. */
+    depth: number;
+    /** First and last index, inclusive. */
+    from: number;
+    to: number;
+    /** Positions before the first and after the last block. */
+    start: number;
+    end: number;
+}
+/**
+ * The sibling blocks a selection spans. When its ends sit at different
+ * levels, the range climbs to the level they share.
+ */
+export declare function siblingRangeBetween(doc: PMNode, from: number, to: number): SiblingRange | null;
+export declare function selectedRange(state: EditorState): SiblingRange | null;
+/** The blocks of a range, in order. */
+export declare function blocksIn(range: SiblingRange): BlockInfo[];
+/** Every block in document order, outer before inner. */
+export declare function allBlocks(doc: PMNode): BlockInfo[];
+/** The deepest last block inside a block (itself when it has no children). */
+export declare function lastDescendant(info: BlockInfo): BlockInfo;
+/** The block that comes before `info` when reading top to bottom. */
+export declare function previousInDocument(doc: PMNode, info: BlockInfo): BlockInfo | null;
+/** The block that comes after `info` when reading top to bottom. */
+export declare function nextInDocument(doc: PMNode, info: BlockInfo): BlockInfo | null;

package/dist/types/core/changes.d.ts

@@ -0,0 +1,14 @@
+import type { Node as PMNode } from 'prosemirror-model';
+/** Which blocks a change touched, by id. */
+export interface BlockChanges {
+    /** New blocks, including those pasted or split off. */
+    added: string[];
+    /** Blocks that are gone. */
+    removed: string[];
+    /** Blocks whose type, props, text or rows changed (not their children). */
+    updated: string[];
+    /** Blocks that got another parent or another place among their siblings. */
+    moved: string[];
+}
+/** What changed between two documents, block by block. */
+export declare function diffBlocks(before: PMNode, after: PMNode): BlockChanges;

package/dist/types/core/colors.d.ts

@@ -0,0 +1,4 @@
+/** The palette names; the colors follow the theme and the light or dark scheme. */
+export declare const textColors: readonly ["gray", "red", "orange", "yellow", "green", "blue", "purple", "pink"];
+export type TextColor = (typeof textColors)[number];
+export declare const isColor: (value: unknown) => value is TextColor;