mce 0.16.7 → 0.17.1

package/dist/index.css

@@ -1,19 +1,4 @@
-.mce-drawing {
-  position: absolute;
-}
-.mce-drawing__tip {
-  margin: 4px;
-  border: 1px solid rgba(0, 0, 0, 0.168627451);
-  border-radius: 4px;
-  width: fit-content;
-  height: 22px;
-  padding: 0 4px;
-  font-size: 0.875rem;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  background-color: rgba(var(--mce-theme-surface), 1);
-}.mce-icon {
+.m-icon {
   align-items: center;
   display: inline-flex;
   font-feature-settings: "liga";
@@ -22,7 +7,7 @@
   letter-spacing: normal;
   line-height: 1;
   position: relative;
-  opacity: var(--mce-icon-opacity, 1);
+  opacity: var(--m-icon-opacity, 1);
   text-indent: 0;
   text-align: center;
   -webkit-user-select: none;
@@ -31,23 +16,23 @@
   width: 1em;
   min-width: 1em;
 }
-.mce-icon__svg {
+.m-icon__svg {
   fill: currentColor;
   width: 100%;
   height: 100%;
-}.mce-frame {
+}.m-frame {
   position: absolute;
 }
-.mce-frame--outline {
+.m-frame--outline {
   outline: 1px solid rgba(0, 0, 0, 0.168627451);
 }
-.mce-frame--lock {
+.m-frame--lock {
   pointer-events: none;
 }
-.mce-frame--hover .mce-frame__name > div, .mce-frame--selected .mce-frame__name > div {
+.m-frame--hover .m-frame__name > div, .m-frame--selected .m-frame__name > div {
   opacity: 1;
 }
-.mce-frame__name {
+.m-frame__name {
   position: absolute;
   top: 0;
   left: 0;
@@ -59,18 +44,18 @@
   user-select: none;
   max-width: 100%;
 }
-.mce-frame__name > div {
+.m-frame__name > div {
   position: relative;
   min-width: 28px;
   box-sizing: content-box;
-  color: rgb(var(--mce-theme-on-surface));
+  color: rgb(var(--m-theme-on-surface));
   opacity: 0.5;
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.mce-frame__name > input {
+.m-frame__name > input {
   position: absolute;
   left: 0;
   top: 0;
@@ -78,23 +63,23 @@
   width: 100%;
   height: 100%;
   border: none;
-  outline: 1px solid rgb(var(--mce-theme-primary));
+  outline: 1px solid rgb(var(--m-theme-primary));
   cursor: default;
   font-size: inherit;
   font-weight: inherit;
   border-radius: 2px;
-}.mce-frames {
+}.m-frames {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
-}.mce-hover {
+}.m-hover {
   position: absolute;
   border-style: solid;
   border-width: 2px;
-  color: rgba(var(--mce-theme-primary), 1);
-}.mce-btn {
+  color: rgba(var(--m-theme-primary), 1);
+}.m-btn {
   padding: 4px;
   border-radius: 4px;
   font-size: 0.75rem;
@@ -103,18 +88,18 @@
   justify-content: center;
   cursor: pointer;
 }
-.mce-btn:hover {
-  color: rgb(var(--mce-theme-on-background));
-  background: rgb(var(--mce-theme-background));
+.m-btn:hover {
+  color: rgb(var(--m-theme-on-background));
+  background: rgb(var(--m-theme-background));
 }
-.mce-btn--icon {
+.m-btn--icon {
   height: 24px;
   width: 24px;
 }
-.mce-btn.mce-btn--active {
-  color: rgb(var(--mce-theme-on-primary));
-  background: rgb(var(--mce-theme-primary));
-}.mce-layer {
+.m-btn.m-btn--active {
+  color: rgb(var(--m-theme-on-primary));
+  background: rgb(var(--m-theme-primary));
+}.m-layer {
   position: relative;
   flex: none;
   display: flex;
@@ -126,7 +111,7 @@
   min-width: max-content;
   border-radius: 4px;
 }
-.mce-layer__underlay, .mce-layer__overlay {
+.m-layer__underlay, .m-layer__overlay {
   position: absolute;
   left: 12px;
   right: 0;
@@ -135,78 +120,78 @@
   pointer-events: none;
   border-radius: inherit;
 }
-.mce-layer__underlay {
+.m-layer__underlay {
   background-color: var(--underlay-color, transparent);
 }
-.mce-layer__overlay {
+.m-layer__overlay {
   background-color: var(--overlay-color, transparent);
 }
-.mce-layer--root {
+.m-layer--root {
   font-weight: bold;
 }
-.mce-layer--root .mce-layer__thumbnail {
+.m-layer--root .m-layer__thumbnail {
   display: none;
 }
-.mce-layer--hover {
-  --overlay-color: rgba(var(--mce-theme-on-background), var(--mce-hover-opacity));
+.m-layer--hover {
+  --overlay-color: rgba(var(--m-theme-on-background), var(--m-hover-opacity));
 }
-.mce-layer--active {
-  --underlay-color: rgba(var(--mce-theme-primary), calc(var(--mce-activated-opacity) * 2));
+.m-layer--active {
+  --underlay-color: rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 2));
 }
-.mce-layer--active:hover {
-  --overlay-color: rgba(var(--mce-theme-primary), calc(var(--mce-hover-opacity) * 2));
+.m-layer--active:hover {
+  --overlay-color: rgba(var(--m-theme-primary), calc(var(--m-hover-opacity) * 2));
 }
-.mce-layer--active .mce-layer__underlay {
+.m-layer--active .m-layer__underlay {
   top: 0;
   bottom: 0;
   border-radius: 0;
 }
-.mce-layer--active:not(.mce-layer--active + .mce-layer--active) .mce-layer__underlay {
+.m-layer--active:not(.m-layer--active + .m-layer--active) .m-layer__underlay {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   top: 4px;
 }
-.mce-layer--active:not(:has(+ .mce-layer--active)) .mce-layer__underlay {
+.m-layer--active:not(:has(+ .m-layer--active)) .m-layer__underlay {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   bottom: 4px;
 }
-.mce-layer--selected {
-  --underlay-color: rgba(var(--mce-theme-primary), calc(var(--mce-activated-opacity) * 3));
+.m-layer--selected {
+  --underlay-color: rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 3));
 }
-.mce-layer--open .mce-layer__prepend .mce-icon {
+.m-layer--open .m-layer__prepend .m-icon {
   transform: rotate(90deg);
 }
-.mce-layer__arrow {
+.m-layer__arrow {
   margin-left: 2px;
   opacity: 0.6;
 }
-.mce-layer__prepend {
+.m-layer__prepend {
   display: flex;
   align-items: center;
   width: 16px;
   height: 100%;
   flex: none;
 }
-.mce-layer--dropping .mce-layer__content:after {
+.m-layer--dropping .m-layer__content:after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 2px;
-  background-color: rgb(var(--mce-theme-on-background));
+  background-color: rgb(var(--m-theme-on-background));
   pointer-events: none;
   border-radius: inherit;
 }
-.mce-layer__content {
+.m-layer__content {
   position: relative;
   flex: 1;
   display: flex;
   align-items: center;
   height: 100%;
 }
-.mce-layer__thumbnail {
+.m-layer__thumbnail {
   display: flex;
   align-items: center;
   width: 12px;
@@ -215,12 +200,12 @@
   overflow: hidden;
   margin-right: 4px;
 }
-.mce-layer__name {
+.m-layer__name {
   position: relative;
   flex: 1;
   overscroll-behavior: none;
 }
-.mce-layer__input {
+.m-layer__input {
   position: absolute;
   left: 0;
   top: 0;
@@ -228,12 +213,12 @@
   width: 100%;
   height: 100%;
   border: none;
-  outline: 1px solid rgb(var(--mce-theme-primary));
+  outline: 1px solid rgb(var(--m-theme-primary));
   font-size: inherit;
   font-weight: inherit;
   border-radius: 2px;
 }
-.mce-layer__action {
+.m-layer__action {
   position: sticky;
   right: 0;
   flex: none;
@@ -243,46 +228,46 @@
   background-color: transparent;
   backdrop-filter: none;
 }
-.mce-layer__action .mce-layer__btn {
+.m-layer__action .m-layer__btn {
   opacity: 0;
 }
-.mce-layer__action--hover .mce-layer__btn {
+.m-layer__action--hover .m-layer__btn {
   opacity: 1;
 }
-.mce-layer__action--show {
+.m-layer__action--show {
   background-color: var(--overlay-color, transparent);
   backdrop-filter: blur(8px);
 }
-.mce-layer__btn--show {
+.m-layer__btn--show {
   opacity: 1 !important;
 }
-.mce-layer__btn + .mce-layer__btn {
+.m-layer__btn + .m-layer__btn {
   margin-left: -4px;
-}.mce-layers {
+}.m-layers {
   position: relative;
   width: 100%;
   height: 100%;
   min-width: auto;
   overflow: auto;
-  background-color: rgb(var(--mce-theme-surface));
+  background-color: rgb(var(--m-theme-surface));
   padding-right: 8px;
 }
-.mce-layers__wrapper {
+.m-layers__wrapper {
   width: max-content;
   min-width: 100%;
 }
-.mce-layers .mce-layer__prepend {
+.m-layers .m-layer__prepend {
   opacity: 0;
 }
-.mce-layers .mce-layer--root:hover .mce-layer__prepend {
+.m-layers .m-layer--root:hover .m-layer__prepend {
   opacity: 1;
 }
-.mce-layers:hover .mce-layer:not(.mce-layer--root) .mce-layer__prepend {
+.m-layers:hover .m-layer:not(.m-layer--root) .m-layer__prepend {
   opacity: 1;
 }
-.mce-layers .mce-layer {
+.m-layers .m-layer {
   scroll-margin: 8px;
-}.mce-made-with {
+}.m-made-with {
   pointer-events: auto !important;
   position: absolute;
   right: 18px;
@@ -299,42 +284,42 @@
   font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
   text-decoration: none;
 }
-.mce-made-with div:last-child {
+.m-made-with div:last-child {
   font-weight: bold;
   letter-spacing: 1px;
-}.mce-manage-memory {
+}.m-manage-memory {
   padding: 12px;
   font-size: 12px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-}.mce-overlay {
+}.m-overlay {
   position: absolute;
   display: flex;
   inset: 0;
   pointer-events: none;
 }
-.mce-overlay-content > * {
+.m-overlay-content > * {
   pointer-events: auto;
-}.mce-menu {
+}.m-menu {
   user-select: none;
 }
-.mce-list {
+.m-list {
   display: flex;
   flex-direction: column;
-  background-color: rgb(var(--mce-theme-on-surface));
-  color: rgb(var(--mce-theme-surface));
-  box-shadow: var(--mce-shadow);
+  background-color: rgb(var(--m-theme-on-surface));
+  color: rgb(var(--m-theme-surface));
+  box-shadow: var(--m-shadow);
   padding: 8px;
   border-radius: 8px;
   gap: 2px;
   max-height: inherit;
   overflow-y: auto;
 }
-.mce-list__divider {
-  border-bottom: 1px solid rgba(var(--mce-theme-surface), 0.12);
+.m-list__divider {
+  border-bottom: 1px solid rgba(var(--m-theme-surface), 0.12);
 }
-.mce-list-item {
+.m-list-item {
   display: flex;
   width: 100%;
   padding: 4px 8px;
@@ -343,16 +328,16 @@
   align-items: center;
   gap: 12px;
 }
-.mce-list-item--opened, .mce-list-item:hover {
-  background-color: rgba(var(--mce-theme-primary), 1);
-  color: rgba(var(--mce-theme-on-primary), 1);
+.m-list-item--opened, .m-list-item:hover {
+  background-color: rgba(var(--m-theme-primary), 1);
+  color: rgba(var(--m-theme-on-primary), 1);
 }
-.mce-list-item--disabled {
+.m-list-item--disabled {
   pointer-events: none;
   user-select: none;
   opacity: 0.4;
 }
-.mce-list-item__prepend, .mce-list-item__checked {
+.m-list-item__prepend, .m-list-item__checked {
   width: 12px;
   height: 12px;
   display: flex;
@@ -360,21 +345,21 @@
   justify-content: center;
   font-size: 0.875rem;
 }
-.mce-list-item__title {
+.m-list-item__title {
   flex: 1;
   display: flex;
   align-items: center;
   font-size: 0.75rem;
   white-space: nowrap;
 }
-.mce-list-item__kbd {
+.m-list-item__kbd {
   font-size: 0.75rem;
   white-space: nowrap;
   letter-spacing: 0.08em;
   margin-left: 24px;
   opacity: 0.3;
 }
-.mce-list-item__append {
+.m-list-item__append {
   width: 12px;
   height: 12px;
   display: flex;
@@ -382,16 +367,16 @@
   justify-content: center;
   font-size: 0.75rem;
   margin-right: -6px;
-}.mce-context-menu {
+}.m-context-menu {
   pointer-events: auto;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
 }
-.mce-context-menu .mce-overlay-content {
+.m-context-menu .m-overlay-content {
   max-height: var(--max-height);
-}.mce-node-creator {
+}.m-creator {
   position: relative;
   width: 100%;
   height: 100%;
@@ -399,13 +384,13 @@
   flex-direction: column;
   overflow: hidden;
 }
-.mce-node-creator__tree {
+.m-creator__tree {
   flex: 1;
   padding: 8px;
   width: 100%;
   overflow: auto;
 }
-.mce-node-creator__node {
+.m-creator__node {
   position: relative;
   flex: none;
   display: flex;
@@ -417,7 +402,7 @@
   min-width: max-content;
   border-radius: 4px;
 }
-.mce-node-creator__node:before {
+.m-creator__node:before {
   content: "";
   position: absolute;
   left: 0;
@@ -428,7 +413,7 @@
   pointer-events: none;
   border-radius: inherit;
 }
-.mce-node-creator__node:after {
+.m-creator__node:after {
   content: "";
   position: absolute;
   left: 0;
@@ -439,26 +424,26 @@
   pointer-events: none;
   border-radius: inherit;
 }
-.mce-node-creator__node:hover {
-  --overlay-color: rgba(var(--mce-theme-on-background), var(--mce-hover-opacity));
+.m-creator__node:hover {
+  --overlay-color: rgba(var(--m-theme-on-background), var(--m-hover-opacity));
 }
-.mce-node-creator__node--active {
-  --underlay-color: rgba(var(--mce-theme-primary), calc(var(--mce-activated-opacity) * 3));
+.m-creator__node--active {
+  --underlay-color: rgba(var(--m-theme-primary), calc(var(--m-activated-opacity) * 3));
 }
-.mce-node-creator__node--active:hover {
-  --overlay-color: rgba(var(--mce-theme-primary), var(--mce-hover-opacity));
+.m-creator__node--active:hover {
+  --overlay-color: rgba(var(--m-theme-primary), var(--m-hover-opacity));
 }
-.mce-node-creator__actions {
+.m-creator__actions {
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   height: 24px;
   padding: 8px;
   flex-basis: max-content;
-  border-top: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
-}.mce-tooltip .mce-overlay-content {
-  background: rgb(var(--mce-theme-surface-variant));
-  color: rgb(var(--mce-theme-on-surface-variant));
+  border-top: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
+}.m-tooltip .m-overlay-content {
+  background: rgb(var(--m-theme-surface-variant));
+  color: rgb(var(--m-theme-on-surface-variant));
   border-radius: 4px;
   font-size: 0.75rem;
   line-height: 1;
@@ -469,13 +454,13 @@
   opacity: 1;
   transition-property: opacity, transform;
   overflow-wrap: break-word;
-  box-shadow: var(--mce-shadow);
+  box-shadow: var(--m-shadow);
 }
-.mce-tooltip__content {
+.m-tooltip__content {
   display: flex;
   align-items: center;
 }
-.mce-tooltip__arrow {
+.m-tooltip__arrow {
   position: absolute;
   width: 0;
   height: 0;
@@ -484,155 +469,173 @@
   border-width: 6px;
   z-index: 15;
 }
-.mce-tooltip--side-left .mce-tooltip__arrow {
+.m-tooltip--side-left .m-tooltip__arrow {
   right: 0;
   top: 50%;
   transform: translate(100%, -50%);
   border-right: none;
-  border-left-color: rgb(var(--mce-theme-surface-variant));
+  border-left-color: rgb(var(--m-theme-surface-variant));
 }
-.mce-tooltip--side-left.mce-tooltip--align-start .mce-tooltip__arrow {
+.m-tooltip--side-left.m-tooltip--align-start .m-tooltip__arrow {
   top: 25%;
 }
-.mce-tooltip--side-left.mce-tooltip--align-end .mce-tooltip__arrow {
+.m-tooltip--side-left.m-tooltip--align-end .m-tooltip__arrow {
   top: 75%;
 }
-.mce-tooltip--side-top .mce-tooltip__arrow {
+.m-tooltip--side-top .m-tooltip__arrow {
   left: 50%;
   bottom: 0;
   transform: translate(-50%, 100%);
   border-bottom: none;
-  border-top-color: rgb(var(--mce-theme-surface-variant));
+  border-top-color: rgb(var(--m-theme-surface-variant));
 }
-.mce-tooltip--side-top.mce-tooltip--align-start .mce-tooltip__arrow {
+.m-tooltip--side-top.m-tooltip--align-start .m-tooltip__arrow {
   left: 25%;
 }
-.mce-tooltip--side-top.mce-tooltip--align-end .mce-tooltip__arrow {
+.m-tooltip--side-top.m-tooltip--align-end .m-tooltip__arrow {
   left: 75%;
 }
-.mce-tooltip--side-right .mce-tooltip__arrow {
+.m-tooltip--side-right .m-tooltip__arrow {
   left: 0;
   top: 50%;
   transform: translate(-100%, -50%);
   border-left: none;
-  border-right-color: rgb(var(--mce-theme-surface-variant));
+  border-right-color: rgb(var(--m-theme-surface-variant));
 }
-.mce-tooltip--side-right.mce-tooltip--align-start .mce-tooltip__arrow {
+.m-tooltip--side-right.m-tooltip--align-start .m-tooltip__arrow {
   top: 25%;
 }
-.mce-tooltip--side-right.mce-tooltip--align-end .mce-tooltip__arrow {
+.m-tooltip--side-right.m-tooltip--align-end .m-tooltip__arrow {
   top: 75%;
 }
-.mce-tooltip--side-bottom .mce-tooltip__arrow {
+.m-tooltip--side-bottom .m-tooltip__arrow {
   left: 50%;
   top: 0;
   transform: translate(-50%, -100%);
   border-top: none;
-  border-bottom-color: rgb(var(--mce-theme-surface-variant));
+  border-bottom-color: rgb(var(--m-theme-surface-variant));
 }
-.mce-tooltip--side-bottom.mce-tooltip--align-start .mce-tooltip__arrow {
+.m-tooltip--side-bottom.m-tooltip--align-start .m-tooltip__arrow {
   left: 25%;
 }
-.mce-tooltip--side-bottom.mce-tooltip--align-end .mce-tooltip__arrow {
+.m-tooltip--side-bottom.m-tooltip--align-end .m-tooltip__arrow {
   left: 75%;
 }
-.mce-tooltip__kbd {
+.m-tooltip__kbd {
   font-size: 0.75rem;
   white-space: nowrap;
   letter-spacing: 0.08em;
   margin-left: 16px;
   opacity: 0.3;
-}.mce-ruler {
+}.m-ruler {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
-  --text-color: rgba(var(--mce-theme-on-background), var(--mce-low-emphasis-opacity));
-  --border-color: rgba(var(--mce-border-color), var(--mce-border-opacity));
+  --text-color: rgba(var(--m-theme-on-background), var(--m-low-emphasis-opacity));
+  --border-color: rgba(var(--m-border-color), var(--m-border-opacity));
+  cursor: pointer;
 }
-.mce-ruler--vertical {
+.m-ruler--vertical {
   width: var(--size);
-  cursor: ew-resize;
 }
-.mce-ruler--horizontal {
+.m-ruler--horizontal {
   height: var(--size);
-  cursor: ns-resize;
 }
-.mce-ruler__canvas {
+.m-ruler__canvas {
   display: block;
   pointer-events: auto;
-  background-color: rgb(var(--mce-theme-surface));
-  backdrop-filter: blur(var(--mce-blur));
+  background-color: rgb(var(--m-theme-surface));
+  backdrop-filter: blur(var(--m-blur));
 }
-.mce-ruler-refline {
+.m-ruler-refline {
   position: absolute;
+  pointer-events: auto !important;
+  width: 10px;
+  height: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.m-ruler-refline:before {
+  content: "";
+  display: block;
   border-style: dashed;
   border-width: 0;
   border-color: var(--line-color);
-  pointer-events: auto !important;
+  width: 100%;
+  height: 100%;
 }
-.mce-ruler-refline--vertical {
-  border-top-width: 1px;
+.m-ruler-refline--vertical {
+  transform: translateY(-50%);
   cursor: ns-resize;
 }
-.mce-ruler-refline--horizontal {
-  border-left-width: 1px;
+.m-ruler-refline--vertical.m-ruler-refline:before {
+  height: 0;
+  border-top-width: 1px;
+}
+.m-ruler-refline--horizontal {
+  transform: translateX(-50%);
   cursor: ew-resize;
 }
-.mce-ruler-refline--temp {
-  opacity: var(--mce-low-emphasis-opacity);
+.m-ruler-refline--horizontal.m-ruler-refline:before {
+  width: 0;
+  border-left-width: 1px;
+}
+.m-ruler-refline--temp {
+  opacity: var(--m-low-emphasis-opacity);
   pointer-events: none !important;
 }
-.mce-ruler-refline--locked {
+.m-ruler-refline--locked {
   cursor: not-allowed;
-}.mce-rulers {
+}.m-rulers {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
 }
-.mce-rulers__left-top {
+.m-rulers__left-top {
   position: absolute;
   left: 0;
   top: 0;
   width: 16px;
   height: 16px;
-  border: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
+  border: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
   border-top-width: 0;
   border-left-width: 0;
-  background-color: rgb(var(--mce-theme-surface));
-}.mce-scrollbar {
+  background-color: rgb(var(--m-theme-surface));
+}.m-scrollbar {
   position: absolute;
   display: flex;
   pointer-events: auto !important;
 }
-.mce-scrollbar--vertical {
+.m-scrollbar--vertical {
   right: 0;
   flex-direction: column;
 }
-.mce-scrollbar--horizontal {
+.m-scrollbar--horizontal {
   bottom: 0;
 }
-.mce-scrollbar__track {
+.m-scrollbar__track {
   flex: 1;
 }
-.mce-scrollbar__thumb {
+.m-scrollbar__thumb {
   position: absolute;
   border-radius: calc(infinity * 1px);
-  background-color: rgba(var(--mce-theme-on-background), var(--mce-low-emphasis-opacity));
-  backdrop-filter: blur(var(--mce-blur));
+  background-color: rgba(var(--m-theme-on-background), var(--m-low-emphasis-opacity));
+  backdrop-filter: blur(var(--m-blur));
 }
-.mce-scrollbar__thumb--active, .mce-scrollbar__thumb:hover {
-  background-color: rgba(var(--mce-theme-on-background), var(--mce-medium-emphasis-opacity));
-}.mce-scrollbars {
+.m-scrollbar__thumb--active, .m-scrollbar__thumb:hover {
+  background-color: rgba(var(--m-theme-on-background), var(--m-medium-emphasis-opacity));
+}.m-scrollbars {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
-}.mce-scroll-to-selection {
+}.m-scroll-to-selection {
   pointer-events: auto !important;
   position: absolute;
   left: 50%;
@@ -641,19 +644,19 @@
   display: flex;
   align-items: center;
   gap: 4px;
-  color: rgba(var(--mce-theme-surface), 1);
-  background-color: rgba(var(--mce-theme-on-background), var(--mce-medium-emphasis-opacity));
+  color: rgba(var(--m-theme-surface), 1);
+  background-color: rgba(var(--m-theme-on-background), var(--m-medium-emphasis-opacity));
   transform: translateX(-50%);
-  backdrop-filter: blur(var(--mce-blur));
+  backdrop-filter: blur(var(--m-blur));
   border-radius: 8px;
   font-size: 0.875rem;
   cursor: pointer;
   white-space: nowrap;
-}.mce-transform-controls {
+}.m-transform {
   left: 0;
   top: 0;
 }
-.mce-transform-controls__svg {
+.m-transform__svg {
   position: absolute;
   left: 0;
   top: 0;
@@ -661,70 +664,70 @@
   height: 100%;
   overflow: visible;
   pointer-events: none;
-  color: rgb(var(--mce-theme-primary));
+  color: rgb(var(--m-theme-primary));
   stroke: currentColor;
 }
-.mce-transform-controls__diagonal {
+.m-transform__diagonal {
   stroke-width: 1px;
   stroke-dasharray: 2px;
   visibility: hidden;
 }
-.mce-transform-controls__rect {
+.m-transform__rect {
   stroke-width: 1px;
 }
-.mce-transform-controls__handle {
+.m-transform__handle {
   fill: white;
   stroke-width: 1px;
 }
-.mce-transform-controls__handle-rect {
+.m-transform__handle-rect {
   stroke-width: 1px;
   fill: transparent;
   stroke: transparent;
 }
-.mce-transform-controls__rotator {
+.m-transform__rotator {
   fill: white;
   stroke-width: 0.5px;
   stroke: currentColor;
 }
-.mce-transform-controls__tip {
+.m-transform__tip {
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, calc(100% + 8px));
-  background-color: rgb(var(--mce-theme-primary));
-  color: rgb(var(--mce-theme-on-primary));
+  background-color: rgb(var(--m-theme-primary));
+  color: rgb(var(--m-theme-on-primary));
   font-size: 0.75rem;
   padding: 2px 4px;
   border-radius: 3px;
   text-wrap: nowrap;
 }
-.mce-transform-controls--dashed .mce-transform-controls__rect {
+.m-transform--dashed .m-transform__rect {
   stroke-dasharray: 4px;
 }
-.mce-transform-controls--resizing .mce-transform-controls__diagonal {
+.m-transform--resizing .m-transform__diagonal {
   visibility: visible;
 }
-.mce-transform-controls--moving .mce-transform-controls__handle,
-.mce-transform-controls--moving .mce-transform-controls__handle-rect,
-.mce-transform-controls--moving .mce-transform-controls__rotator,
-.mce-transform-controls--moving .mce-transform-controls__tip {
+.m-transform--moving .m-transform__handle,
+.m-transform--moving .m-transform__handle-rect,
+.m-transform--moving .m-transform__rotator,
+.m-transform--moving .m-transform__tip {
   visibility: hidden;
 }
-.mce-transform-controls--moving .mce-transform-controls__rect {
+.m-transform--moving .m-transform__rect {
   opacity: 0.4;
   stroke-width: 0.5px;
 }
-.mce-transform-controls--moving .mce-transform-controls__svg-slot {
+.m-transform--moving .m-transform__svg-slot {
   opacity: 0.4;
   stroke-width: 0.5px;
 }
-.mce-transform-controls--hide-ui .mce-transform-controls__handle,
-.mce-transform-controls--hide-ui .mce-transform-controls__handle-rect,
-.mce-transform-controls--hide-ui .mce-transform-controls__rect,
-.mce-transform-controls--hide-ui .mce-transform-controls__rotator,
-.mce-transform-controls--hide-ui .mce-transform-controls__tip {
+.m-transform--ui-hide .m-transform__handle,
+.m-transform--ui-hide .m-transform__handle-rect,
+.m-transform--ui-hide .m-transform__rect,
+.m-transform--ui-hide .m-transform__rotator,
+.m-transform--ui-hide .m-transform__tip {
   visibility: hidden;
-}.mce-cropper {
+}.m-cropper {
   pointer-events: auto;
   position: absolute;
   left: 0;
@@ -732,63 +735,63 @@
   width: 100%;
   height: 100%;
 }
-.mce-cropper__source {
+.m-cropper__source {
   position: absolute;
   width: 100%;
   height: 100%;
   transform-origin: top left;
 }
-.mce-cropper__source canvas {
+.m-cropper__source canvas {
   position: absolute;
   width: 100%;
   height: 100%;
 }
-.mce-cropper__transform {
+.m-cropper__transform {
   position: absolute;
-  color: rgba(var(--mce-theme-primary), 1);
+  color: rgba(var(--m-theme-primary), 1);
   opacity: 0.5;
 }
-.mce-cropper__transform_rect {
+.m-cropper__transform_rect {
   width: 100%;
   height: 100%;
-}.mce-selection {
+}.m-selection {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }
-.mce-selection__slot {
+.m-selection__slot {
   position: absolute;
 }
-.mce-selection__parent {
+.m-selection__parent {
   position: absolute;
   pointer-events: none;
   border-width: 1px;
   border-style: dashed;
-  color: rgba(var(--mce-theme-primary), 1);
+  color: rgba(var(--m-theme-primary), 1);
   opacity: 0.5;
   border-color: currentColor;
 }
-.mce-selection__marquee {
+.m-selection__marquee {
   position: absolute;
   border-width: 1px;
   border-style: solid;
-  color: rgba(var(--mce-theme-primary), 1);
-  background-color: rgba(var(--mce-theme-primary), 0.1);
+  color: rgba(var(--m-theme-primary), 1);
+  background-color: rgba(var(--m-theme-primary), 0.1);
   border-color: currentcolor;
 }
-.mce-selection__transform {
+.m-selection__transform {
   position: absolute;
-  color: rgba(var(--mce-theme-primary), 1);
+  color: rgba(var(--m-theme-primary), 1);
 }
-.mce-selection__node {
+.m-selection__node {
   position: absolute;
   border-width: 1px;
   border-style: solid;
-  color: rgba(var(--mce-theme-primary), 1);
+  color: rgba(var(--m-theme-primary), 1);
   border-color: currentcolor;
-}.mce-smart-guides {
+}.m-smart-guides {
   position: absolute;
   overflow: hidden;
   left: 0;
@@ -796,45 +799,45 @@
   top: 0;
   bottom: 0;
 }
-.mce-smart-guides__alignment {
+.m-smart-guides__alignment {
   position: absolute;
-  background-color: #FF4AFF;
+  background-color: rgb(var(--m-theme-secondary));
   height: 1px;
   width: 1px;
 }
-.mce-smart-guides__area {
+.m-smart-guides__area {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: rgba(244, 36, 253, 0.2);
+  background-color: rgba(var(--m-theme-secondary), 0.2);
 }
-.mce-smart-guides__area:before {
+.m-smart-guides__area:before {
   content: "";
-  background: #1690ff;
+  background: rgb(var(--m-theme-primary));
   height: 1px;
   width: 100%;
 }
-.mce-smart-guides__area:after {
+.m-smart-guides__area:after {
   position: absolute;
   content: "";
   height: 5px;
   width: 100%;
-  border-left: 1px solid #1690ff;
-  border-right: 1px solid #1690ff;
+  border-left: 1px solid rgb(var(--m-theme-primary));
+  border-right: 1px solid rgb(var(--m-theme-primary));
 }
-.mce-smart-guides__area--vertical:before {
+.m-smart-guides__area--vertical:before {
   height: 100%;
   width: 1px;
 }
-.mce-smart-guides__area--vertical:after {
+.m-smart-guides__area--vertical:after {
   height: 100%;
   width: 5px;
   border-left: none;
   border-right: none;
-  border-top: 1px solid #1690ff;
-  border-bottom: 1px solid #1690ff;
-}.mce-smart-selection {
+  border-top: 1px solid rgb(var(--m-theme-primary));
+  border-bottom: 1px solid rgb(var(--m-theme-primary));
+}.m-smart-selection {
   position: absolute;
   overflow: hidden;
   left: 0;
@@ -842,107 +845,127 @@
   top: 0;
   bottom: 0;
 }
-.mce-smart-selection__node {
+.m-smart-selection__node {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.mce-smart-selection__node--active .mce-smart-selection__ring {
-  background: #FF24BD;
+.m-smart-selection__node--active .m-smart-selection__ring {
+  background: rgb(var(--m-theme-primary));
 }
-.mce-smart-selection__ghost {
+.m-smart-selection__ghost {
   position: absolute;
-  border: 1px solid rgb(var(--mce-theme-primary));
+  border: 1px solid rgb(var(--m-theme-primary));
 }
-.mce-smart-selection__ring {
+.m-smart-selection__ring {
   width: 1px;
   height: 1px;
   border-radius: 100%;
-  border: 1px solid #FF24BD;
-  outline: 1px solid #FFFFFF;
+  border: 1px solid rgb(var(--m-theme-secondary));
+  outline: 1px solid rgb(var(--m-theme-on-secondary));
   pointer-events: auto;
 }
-.mce-smart-selection__ring:hover {
-  background: #FF24BD;
+.m-smart-selection__ring:hover {
+  background: rgb(var(--m-theme-secondary));
 }
-.mce-smart-selection__spacing {
+.m-smart-selection__spacing {
   position: absolute;
+  left: 0;
+  top: 0;
+  visibility: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.m-smart-selection__spacing-line {
   height: 10px;
   width: 10px;
-  visibility: hidden;
   pointer-events: auto;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.mce-smart-selection__spacing-line {
+.m-smart-selection__spacing-line:before {
+  content: "";
+  display: block;
   width: 100%;
   height: 100%;
-  background-color: #FF24BD;
+  background-color: rgb(var(--m-theme-secondary));
 }
-.mce-smart-selection--hover .mce-smart-selection__ring {
+.m-smart-selection--hover .m-smart-selection__ring {
   width: 10px;
   height: 10px;
 }
-.mce-smart-selection--hover .mce-smart-selection__spacing {
+.m-smart-selection--hover .m-smart-selection__spacing {
   visibility: visible;
 }
-.mce-smart-selection--vertical .mce-smart-selection__spacing {
-  height: 4px;
+.m-smart-selection--vertical .m-smart-selection__spacing-line {
+  height: 6px;
   cursor: row-resize;
 }
-.mce-smart-selection--vertical .mce-smart-selection__spacing-line {
+.m-smart-selection--vertical .m-smart-selection__spacing-line:before {
   height: 1px;
 }
-.mce-smart-selection--horizontal .mce-smart-selection__spacing {
-  width: 4px;
+.m-smart-selection--horizontal .m-smart-selection__spacing-line {
+  width: 6px;
   cursor: col-resize;
 }
-.mce-smart-selection--horizontal .mce-smart-selection__spacing-line {
+.m-smart-selection--horizontal .m-smart-selection__spacing-line:before {
   width: 1px;
-}.progress-indicator[data-v-3b286483] {
+}
+.m-smart-selection--ring .m-smart-selection__spacing {
+  visibility: hidden;
+}
+.m-smart-selection--spacing .m-smart-selection__spacing {
+  visibility: visible;
+  background-color: rgb(var(--m-theme-secondary));
+  opacity: 0.3;
+}
+.m-smart-selection--spacing .m-smart-selection__spacing-line {
+  visibility: hidden;
+}.m-progress-indicator[data-v-cc8ac0cb] {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.progress-indicator__status[data-v-3b286483] {
+.m-progress-indicator__status[data-v-cc8ac0cb] {
   font-size: 0.75rem;
-  color: rgb(var(--mce-theme-on-surface));
+  color: rgb(var(--m-theme-on-surface));
 }
-.progress-indicator__bar[data-v-3b286483] {
+.m-progress-indicator__bar[data-v-cc8ac0cb] {
   position: relative;
   width: 100px;
   height: 6px;
-  background-color: rgb(var(--mce-theme-background));
+  background-color: rgb(var(--m-theme-background));
   border-radius: 4px;
   overflow: hidden;
 }
-.progress-indicator__bar-fill[data-v-3b286483] {
+.m-progress-indicator__bar-fill[data-v-cc8ac0cb] {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
-  background-color: rgb(var(--mce-theme-primary));
+  background-color: rgb(var(--m-theme-primary));
   transition: width 0.3s ease;
 }
-.progress-indicator__bar-indeterminate[data-v-3b286483] {
+.m-progress-indicator__bar-indeterminate[data-v-cc8ac0cb] {
   position: absolute;
   top: 0;
   left: -30%;
   width: 30%;
   height: 100%;
   background-color: #3b82f6;
-  animation: indeterminate-slide-3b286483 1.5s linear infinite;
+  animation: indeterminate-slide-cc8ac0cb 1.5s linear infinite;
 }
-@keyframes indeterminate-slide-3b286483 {
+@keyframes indeterminate-slide-cc8ac0cb {
 0% {
     left: -30%;
 }
 100% {
     left: 100%;
 }
-}.mce-statusbar[data-v-c3c7d56a] {
+}.m-statusbar[data-v-12c3be94] {
   user-select: none;
   position: relative;
   display: flex;
@@ -953,36 +976,36 @@
   width: 100%;
   height: 100%;
   padding: 0 8px;
-  background-color: rgba(var(--mce-theme-surface), 1);
-  color: rgba(var(--mce-theme-on-surface), 1);
+  background-color: rgba(var(--m-theme-surface), 1);
+  color: rgba(var(--m-theme-on-surface), 1);
   font-weight: bold;
   white-space: nowrap;
   overflow-x: auto;
 }
-.mce-statusbar__main[data-v-c3c7d56a] {
+.m-statusbar__main[data-v-12c3be94] {
   flex: 1;
   display: flex;
   align-items: center;
   gap: 4px;
   height: 100%;
 }
-.mce-statusbar__item[data-v-c3c7d56a] {
+.m-statusbar__item[data-v-12c3be94] {
   display: flex;
   align-items: center;
   gap: 4px;
 }
-.mce-statusbar__item > svg[data-v-c3c7d56a] {
+.m-statusbar__item > svg[data-v-12c3be94] {
   width: 1em;
   height: 1em;
 }
-.mce-statusbar__divider[data-v-c3c7d56a] {
+.m-statusbar__divider[data-v-12c3be94] {
   width: 0;
   height: 60%;
-  border-right: 1px solid rgba(var(--mce-theme-on-surface), 0.1);
+  border-right: 1px solid rgba(var(--m-theme-on-surface), 0.1);
   margin: 0 8px;
 }
-.mce-statusbar__kbd[data-v-c3c7d56a] {
-  outline: 1px solid rgba(var(--mce-theme-on-surface), 0.1);
+.m-statusbar__kbd[data-v-12c3be94] {
+  outline: 1px solid rgba(var(--m-theme-on-surface), 0.1);
   border-radius: 4px;
   display: flex;
   align-items: center;
@@ -990,30 +1013,16 @@
   font-size: 0.75rem;
   padding: 0 2px;
   font-family: system-ui, -apple-system, sans-serif;
-}.mce-text-editor {
-  position: absolute;
-  width: 0;
-  height: 0;
-  left: 0;
-  top: 0;
-  overflow: visible;
-}
-.mce-text-editor__wrapper {
-  position: absolute;
-}
-.mce-text-editor__editor {
-  pointer-events: auto !important;
-  cursor: move;
-}.mce-payhead {
+}.m-payhead {
   bottom: 0;
   left: -5px;
   position: absolute;
   top: 0;
   width: 10px;
-  color: rgb(var(--mce-theme-on-surface));
+  color: rgb(var(--m-theme-on-surface));
   cursor: col-resize;
 }
-.mce-payhead__header {
+.m-payhead__header {
   position: relative;
   background-color: transparent;
   border: 2px solid currentColor;
@@ -1026,7 +1035,7 @@
   top: 0;
   width: 10px;
 }
-.mce-payhead__header:after {
+.m-payhead__header:after {
   box-sizing: content-box;
   content: "";
   background-color: transparent;
@@ -1040,7 +1049,7 @@
   transform: rotate(45deg) translate(2.8px, 2px);
   width: 5px;
 }
-.mce-payhead__main {
+.m-payhead__main {
   background-color: currentColor;
   bottom: 0;
   left: 4px;
@@ -1048,7 +1057,7 @@
   top: 16px;
   transform: translateX(0.5px);
   width: 1px;
-}.mce-segment {
+}.m-segment {
   display: flex;
   font-size: 0.75rem;
   align-items: center;
@@ -1061,20 +1070,20 @@
   border-radius: 2px;
   background-color: #cc9641;
 }
-.mce-segment--active {
-  outline: 1px solid rgb(var(--mce-theme-on-surface));
+.m-segment--active {
+  outline: 1px solid rgb(var(--m-theme-on-surface));
 }
-.mce-segment__animation {
+.m-segment__animation {
   position: absolute;
   bottom: 2px;
 }
-.mce-segment__animation--in {
+.m-segment__animation--in {
   width: 0;
   left: 4px;
   background-color: white;
   height: 2px;
 }
-.mce-segment__animation--in:after {
+.m-segment__animation--in:after {
   border-color: transparent transparent transparent white;
   border-style: solid;
   border-width: 5px 0 0 6px;
@@ -1086,13 +1095,13 @@
   position: absolute;
   width: 0;
 }
-.mce-segment__animation--out {
+.m-segment__animation--out {
   width: 0;
   right: 4px;
   background-color: white;
   height: 2px;
 }
-.mce-segment__animation--out:before {
+.m-segment__animation--out:before {
   border-color: transparent white transparent transparent;
   border-style: solid;
   border-width: 5px 6px 0 0;
@@ -1104,12 +1113,12 @@
   right: 100%;
   width: 0;
 }
-.mce-segment__animation--stay {
+.m-segment__animation--stay {
   left: 0;
   background-color: white;
   height: 2px;
 }
-.mce-segment__animation--stay:before {
+.m-segment__animation--stay:before {
   border-color: transparent white transparent transparent;
   border-style: solid;
   border-width: 5px 6px 0 0;
@@ -1121,7 +1130,7 @@
   right: 100%;
   width: 0;
 }
-.mce-segment__animation--stay:after {
+.m-segment__animation--stay:after {
   border-color: transparent transparent transparent white;
   border-style: solid;
   border-width: 5px 0 0 6px;
@@ -1133,9 +1142,9 @@
   position: absolute;
   width: 0;
 }
-.mce-segment__edge {
+.m-segment__edge {
   align-items: center;
-  background-color: rgb(var(--mce-theme-on-surface));
+  background-color: rgb(var(--m-theme-on-surface));
   bottom: 0;
   content: "";
   display: flex;
@@ -1146,31 +1155,31 @@
   width: 4px;
   cursor: col-resize;
 }
-.mce-segment__edge:before {
-  background-color: rgb(var(--mce-theme-surface));
+.m-segment__edge:before {
+  background-color: rgb(var(--m-theme-surface));
   content: "";
   display: block;
   height: 10px;
   width: 2px;
 }
-.mce-segment__edge--front {
+.m-segment__edge--front {
   border-bottom-left-radius: 2px;
   border-top-left-radius: 2px;
   left: 0;
 }
-.mce-segment__edge--end {
+.m-segment__edge--end {
   border-bottom-right-radius: 2px;
   border-top-right-radius: 2px;
   right: 0;
 }
-.mce-segment__node {
+.m-segment__node {
   border-radius: 2px;
   padding: 2px 8px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.mce-segment__block {
+.m-segment__block {
   position: absolute;
   left: 0;
   top: 0;
@@ -1178,51 +1187,51 @@
   padding: 0 8px;
   text-wrap: nowrap;
   overflow: visible;
-  border-bottom: 1px solid rgb(var(--mce-theme-surface));
-}.mce-track {
+  border-bottom: 1px solid rgb(var(--m-theme-surface));
+}.m-track {
   position: relative;
   display: flex;
   height: 22px;
-  background-color: rgb(var(--mce-theme-background));
-}.mce-trackhead {
+  background-color: rgb(var(--m-theme-background));
+}.m-trackhead {
   display: flex;
   height: 22px;
   min-height: 22px;
   align-items: center;
-  color: rgba(var(--mce-theme-on-surface), 0.6);
+  color: rgba(var(--m-theme-on-surface), 0.6);
   font-size: 0.75rem;
   width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-}.mce-timeline {
+}.m-timeline {
   position: relative;
-  color: rgb(var(--mce-theme-on-surface));
-  background-color: rgb(var(--mce-theme-surface));
+  color: rgb(var(--m-theme-on-surface));
+  background-color: rgb(var(--m-theme-surface));
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
 }
-.mce-timeline__toolbar {
+.m-timeline__toolbar {
   display: flex;
   align-items: center;
   height: 24px;
-  border-bottom: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
+  border-bottom: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
 }
-.mce-timeline__play {
+.m-timeline__play {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   cursor: pointer;
 }
-.mce-timeline__main {
+.m-timeline__main {
   position: relative;
   display: flex;
   min-height: 0;
   flex: 1;
 }
-.mce-timeline__left {
+.m-timeline__left {
   display: flex;
   flex-direction: column-reverse;
   align-items: center;
@@ -1231,34 +1240,34 @@
   padding-top: 24px;
   overflow: hidden;
 }
-.mce-timeline__left-wrapper {
+.m-timeline__left-wrapper {
   position: relative;
   height: 100%;
   width: 100%;
   padding: 0 0 0 4px;
 }
-.mce-timeline__right {
+.m-timeline__right {
   position: relative;
   display: flex;
   min-width: 0;
   flex: 1;
   overflow: hidden;
   flex-direction: column;
-  border-left: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
+  border-left: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
   padding-left: 48px;
 }
-.mce-timeline__right-wrapper {
+.m-timeline__right-wrapper {
   position: relative;
   height: 100%;
   width: 100%;
 }
-.mce-timeline__ruler {
+.m-timeline__ruler {
   position: relative;
   width: 100%;
   height: 24px;
   min-height: 24px;
 }
-.mce-timeline__track {
+.m-timeline__track {
   position: relative;
   display: flex;
   flex-direction: column-reverse;
@@ -1268,7 +1277,22 @@
   height: max-content;
   min-height: 100%;
   overflow: hidden;
-}.mce-toolbelt {
+}.m-drawing {
+  position: absolute;
+}
+.m-drawing__tip {
+  margin: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.168627451);
+  border-radius: 4px;
+  width: fit-content;
+  height: 22px;
+  padding: 0 4px;
+  font-size: 0.875rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  background-color: rgba(var(--m-theme-surface), 1);
+}.m-toolbelt {
   pointer-events: auto !important;
   position: absolute;
   left: 50%;
@@ -1277,107 +1301,121 @@
   display: flex;
   align-items: center;
   gap: 12px;
-  box-shadow: var(--mce-shadow);
-  background: rgb(var(--mce-theme-surface));
+  box-shadow: var(--m-shadow);
+  background: rgb(var(--m-theme-surface));
   padding: 8px;
   border-radius: 12px;
   height: 48px;
   cursor: default;
 }
-.mce-toolbelt__kbd {
+.m-toolbelt__kbd {
   font-size: 0.75rem;
   white-space: nowrap;
   letter-spacing: 0.08em;
   margin-left: 16px;
   opacity: 0.3;
 }
-.mce-toolbelt__group {
+.m-toolbelt__group {
   display: flex;
   align-items: center;
   height: 100%;
 }
-.mce-toolbelt__btn {
+.m-toolbelt__btn {
   font-size: 24px;
   width: 100%;
   height: 100%;
 }
-.mce-toolbelt__icon {
+.m-toolbelt__icon {
   font-size: 1rem;
 }
-.mce-toolbelt__arrow {
+.m-toolbelt__arrow {
   width: 16px;
   height: 100%;
   font-size: 0.75rem;
   border-radius: 4px;
-}.mce-floatbar .mce-overlay-content {
+}.m-text-editor {
+  position: absolute;
+  width: 0;
+  height: 0;
+  left: 0;
+  top: 0;
+  overflow: visible;
+}
+.m-text-editor__wrapper {
+  position: absolute;
+}
+.m-text-editor__editor {
+  pointer-events: auto !important;
+  cursor: move;
+}.m-floatbar .m-overlay-content {
   overflow: visible;
-}.mce-float-panel {
+}.m-float-panel {
   position: absolute;
   pointer-events: auto !important;
   z-index: 2000;
 }
-.mce-float-panel__card {
+.m-float-panel__card {
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
   border-radius: 12px;
-  background-color: rgb(var(--mce-theme-surface));
-  box-shadow: var(--mce-shadow);
+  background-color: rgb(var(--m-theme-surface));
+  box-shadow: var(--m-shadow);
   overflow: hidden;
 }
-.mce-float-panel__title {
+.m-float-panel__title {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 8px;
   font-size: 0.75rem;
   font-weight: bold;
-  border-bottom: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
+  border-bottom: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
 }
-.mce-float-panel__content {
+.m-float-panel__content {
   position: relative;
   width: 100%;
   height: 100%;
   overflow-y: auto;
-}.mce-layout {
-  --mce-scrollbar-offset: 0px;
+}.m-layout {
+  --m-scrollbar-offset: 0px;
   display: flex;
   flex: 1 1 auto;
 }
-.mce-layout--full-height {
-  --mce-scrollbar-offset: inherit;
+.m-layout--full-height {
+  --m-scrollbar-offset: inherit;
   height: 100%;
-}.mce-layout-item {
+}.m-layout-item {
   position: absolute;
 }
-.mce-layout-item--absolute {
+.m-layout-item--absolute {
   position: absolute;
 }
-.mce-layout-item--left {
-  border-right: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
+.m-layout-item--left {
+  border-right: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
 }
-.mce-layout-item--top {
-  border-bottom: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
+.m-layout-item--top {
+  border-bottom: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
 }
-.mce-layout-item--right {
-  border-left: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
+.m-layout-item--right {
+  border-left: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
 }
-.mce-layout-item--bottom {
-  border-top: 1px solid rgba(var(--mce-border-color), var(--mce-border-opacity));
-}.mce-main {
+.m-layout-item--bottom {
+  border-top: 1px solid rgba(var(--m-border-color), var(--m-border-opacity));
+}.m-main {
   flex: 1 0 auto;
   max-width: 100%;
-  padding-left: var(--mce-layout-left);
-  padding-right: var(--mce-layout-right);
-  padding-top: var(--mce-layout-top);
-  padding-bottom: var(--mce-layout-bottom);
+  padding-left: var(--m-layout-left);
+  padding-right: var(--m-layout-right);
+  padding-top: var(--m-layout-top);
+  padding-bottom: var(--m-layout-bottom);
 }
-.mce-main__scroller {
+.m-main__scroller {
   max-width: 100%;
   position: relative;
 }
-.mce-main--scrollable {
+.m-main--scrollable {
   display: flex;
   position: absolute;
   top: 0;
@@ -1385,69 +1423,71 @@
   width: 100%;
   height: 100%;
 }
-.mce-main--scrollable > .v-main__scroller {
+.m-main--scrollable > .v-main__scroller {
   flex: 1 1 auto;
   overflow-y: auto;
   --v-layout-left: 0px;
   --v-layout-right: 0px;
   --v-layout-top: 0px;
   --v-layout-bottom: 0px;
-}.mce-editor {
-  --mce-theme-primary: 69, 151, 248;
-  --mce-theme-on-primary: 255, 255, 255;
-  --mce-theme-surface: 255, 255, 255;
-  --mce-theme-on-surface: 30, 30, 30;
-  --mce-theme-surface-variant: 35, 37, 41;
-  --mce-theme-on-surface-variant: 255, 255, 255;
-  --mce-theme-background: 240, 242, 245;
-  --mce-theme-on-background: 56, 56, 56;
-  --mce-border-color: 0, 0, 0;
-  --mce-border-opacity: .08;
-  --mce-high-emphasis-opacity: 1;
-  --mce-medium-emphasis-opacity: 0.5;
-  --mce-low-emphasis-opacity: 0.3;
-  --mce-hover-opacity: 0.04;
-  --mce-activated-opacity: 0.06;
-  --mce-shadow: 0 8px 32px 2px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.2);
-  --mce-blur: 8px;
+}.m-editor {
+  --m-theme-primary: 69, 151, 248;
+  --m-theme-on-primary: 255, 255, 255;
+  --m-theme-secondary: 244, 36, 253;
+  --m-theme-on-secondary: 255, 255, 255;
+  --m-theme-surface: 255, 255, 255;
+  --m-theme-on-surface: 30, 30, 30;
+  --m-theme-surface-variant: 35, 37, 41;
+  --m-theme-on-surface-variant: 255, 255, 255;
+  --m-theme-background: 240, 242, 245;
+  --m-theme-on-background: 56, 56, 56;
+  --m-border-color: 0, 0, 0;
+  --m-border-opacity: .08;
+  --m-high-emphasis-opacity: 1;
+  --m-medium-emphasis-opacity: 0.5;
+  --m-low-emphasis-opacity: 0.3;
+  --m-hover-opacity: 0.04;
+  --m-activated-opacity: 0.06;
+  --m-shadow: 0 8px 32px 2px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.2);
+  --m-blur: 8px;
   position: relative;
   width: 100%;
   height: 100%;
   flex-direction: column;
-  background-color: rgb(var(--mce-theme-surface));
-  color: rgb(var(--mce-theme-on-surface));
+  background-color: rgb(var(--m-theme-surface));
+  color: rgb(var(--m-theme-on-surface));
   overflow: hidden;
   user-select: none;
   cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBR0JVbEVRVlI0QWV5WXowOGtSUlRIZXhhRlVTRUVRamlRRUFnbitBK01ISmlERi84SkU0OWNTRkQ1RlRETUhFQVE5S3pSZytGSE5pSGVKRkZqQW5PQnJLekdZRlRRRzRSQUVHRloxdDBaRk1YdnAzZHIwcGxNTTkzTDdzeDAwNlJlcXZyVnE2cjMvYjczdW91NVpkM3d2NGlBRzU0QWxsc0d4RVFNYzA1QmgyZ3FQQTJBVGpRQVJGY2w1WXVTYWttTmhCNTVRV1Btc05NdytBMndCZ1dnZUFaNHpkblpXZkx5OGpLVHpXYS9QVGs1U1oyZW5xWmsrSkxFRUFJWjJMTk82bUEyQUJqUEFRS282dVBqNC9HNnVycGhKbXBxYXJvYkdob0c2K3ZyaDBUSS9hT2pJNGg0UlhPR0RBZ2pLOWlMUFRRVm5JYlRlSXZqakNFZzN0allPSUF5bFVwWnNWak1vdWNaYVdwcWVsZEVIR2N5bWE5RlZFcTZseVdRRWNnU0FiVDh0eHRSSkpweHBmOWROT2wwbXM1S0pwTTVJZ3daOFhqOE5ZZ1NHZmNPRHcrVGxJbU1JU091M3BEQi9wQXJWV1UySE1Rem5FUWdvZnJpNHNMV0p4SUo1bklDRVVnczlqZ3JEQm5OemMzdlVDWWk0MVFsa3RTQ3dKU0lEVlFPMHlBQXViVzB0UFE1aXA2ZUhycUNBaEZJTFBhWURHTVV0Qkp4RW5CcFFQVDI5djU0Y0hEd014bUFHTDFiN3lUQ1pJV1BFbkhidGlSNlF3RGdrZjkwNnIrU2kxZ3N4ck0xUGo2dVIyOE5JaEN0dFYrY2hvd0NKVkxvWGVIdGtHZHM1U1FBOEJmYS94L0orY0xDd3J4Nnkwc0dZSmN2RUlFWU1zejhreEk1MFZma202MnRyZGVsNTRYSnU4ZjRJbFhwbXZOUUNDRDZmK3Y0ODRHQmdZMzkvZjFmTkg1cUVsaUxPSWt3V1VHSmRIWjJmcm01dVZsV0V2SUp5R1dBSE0vT3pjMHRxdmRWQnRpN0NVUWd6cXpvNk9nWWtUMmZUajdCdklUMStQeGEvczVPQXFoNU1zQXVBUmxtUjBaRzdQc0FaWUJJOTh4YU9wMjI5NnF0clgxVkE2N1hYTUx3cDZRa2NLRE96elhLZ0N5Z0RMTFNadmthcUw5MkdaZzlJSEoxZGRWQzBHMXZiMytpbnVpWDVUMlFUNEF6Q3lBZ016OC92eUFIcmF2dUJNd1hFc0FpZ0hVS091eDFhZHJzNnVyNlZPT1NSbDNuNVpvYkFTWUx6b2VHaHU3eU1zUnBKTGZTWllDTkV5eGpkQWhMZG5kM2Z4c2RIWDEvWW1MaVBYMGUrNldqNUNnOXNvOEFTRlc2bGs4QUorT0lJY0RPQXIyMGJNZUszUW1TeWFTZDJvQkYyR3huWitmM3djSEJENGVIaHovUVBtKzJ0YldOVDA1TzNoa2JHMXZYL0FOSlJuSXVLUXNKaFFnQUxNNUFBbzVsRnhjWDUrU2c1L2ZBOHZMeVYvcU1maVRBYjdXM3Q2ZG1abWJ1VEU5UHIybVBJNGNjYTN3cStVdkNPV1FDNU91eGRLMFFBWnlPSXhDQVU5d0o3REpnSXBGSTBCVVVreUZyYTJzL3pjN09ic2pvUkFMb1EvVk9RY2ZjZmVrZlNpQUEwaUZmajZWcnhRZ3dYNE9Nbnp2QjFOU1VFL3dmZ29NQStrK05UZVRQTkFZOFpRYlJGVVVBa2NBaEhDTTZSZThFMUw4QVdTc3JLMStvcDdidnFTZktBS1luM1lrNGM2UzlxWDB5amJNNFUwdEsyOXd5QUM5TUdaZ3M4SFFuaU1mamtBWkloQ2pUQTVob0E1cUlReXAyQU9jY3ppdUxYRVVBRWNGQkhNWHBLKzhFcHY0M05qYStGNUpIRWdEVEF4ckFFTWxlN01uZWlNeksyN3dRUUlyaXZLYzdRWDkvUDlkbkFDT3NZejFScmdqQStYUmZSUUMyT0E0QWdOaFpvRStiRGNSRUhDTlQvK3ZyNjdmMWpDMlJaaDNyRWFrcnN4VWpBTENrTEdDSTZKVjNncXFxS213TkFZd3JHandoS1VZQU5vQ0FBS0thMVFVbjl6c0JrZWRlWUxKQjlmK0RGb1NXQUlCUkJvL01yMFVBNTY0djBCYnAzOWZYOTUzR1pBcUVrUUZra0ZUbGE4Vk85cElCZ0FDTW5RSGE4S0grUVJMZTlkdDdlM3UvNnRuaVgrYnU3dTdQTk9hdER3SFlzb2Jza2JweW14Y0M4QjRnZ0FJY0lCOEk4TWV0cmExdjY2WDRSa3RMUzUrTStPYno2U05Mc0dXTjFKWGR2Qkpnc2dBQ0FNbU5qcHNlVjF1RW14NDY1ckNoQkVKSkFKSGxZc1B0RGdLNDVpS015UUN5ZzNjRjZROXBsUjErZWVjMUEyUnFFVkVpQzBDQVFnS2dpVHc5MFNmOXNjR1dOUlV2ZmdnQURNQUFDQWxrQXFBaGc3RkovY0JFSDBCK0NXQ05JWUZ5Z0FpQTAwTk1vTUFENW1rSVlCMUNqZWNMK2tESmRRZ0lGRkEzWnlNQzNKaTVLZm9vQTI1S3BOMXdSaG5neHN4TjBZY3VBL3dHTGlMQUwyTmhzNDh5SUd3UjlZc255Z0MvaklYTlBzcUFzRVhVTDU0b0Evd3lGamI3S0FQQ0ZsRy9lS0lNOE10WTJPeWpEQWg2Uksvci8vOEFBQUQvLzltR1FIRUFBQUFHU1VSQlZBTUFFTFdobi9KQ0EzY0FBQUFBU1VWT1JLNUNZSUk9IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=) 4 4, auto;
 }
-.mce-editor--hand {
+.m-editor--hand {
   cursor: grab;
 }
-.mce-editor--grabbing {
+.m-editor--grabbing {
   cursor: grabbing;
 }
-.mce-editor--drawing {
+.m-editor--drawing {
   cursor: crosshair;
 }
-.mce-editor--drawing-tool-pencil {
+.m-editor--drawing-tool-pencil {
   cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBRjIwbEVRVlI0QWV5Wlcyc2tSUmlHZXp6TlNFaitRa2l1Y3BPcklJYUVrQWxtL29NSWFuNUJiZ0tpNURpYmcvOUJCQVVEQmc4b2lCZENJQWZJUVFrSzNnUXZjcE9BaDNnZWRZMmJkYlB2MDB3dHZaUHQ2YXFlVHJxejAwTzlWSFhYVjFYZis5WlgxZDAxVDNodC9zc0ZhUE1BOFBJSXlDT2d6UlhJbDBDYkIwQytDZVpMSUY4Q2JhNUF2Z1F5RkFBRitjS0VQS244YWVHWk9paHpqenBzZER1NVJLZko5UmEvSi95QUpLUkxSMGRIbFZxdFZnV1UxVzFKb0E0YmJIV1pURXEwczVndVFlb3B0UzBlSGg2T241MmRmZEhiMi90NVoyZm42NEF5OTZqRFJzQ1dOaXE2cDhZV2FRc0FFUWlWRGc0T0tuMTlmWjhWaThYaHpjMU5yMXF0K3NCaDdsR0hqYTZKQnRyUVZwZXRwVFFGZ0FCRVNudDdlK01EQXdPZlFBWGlZMk5qM3NMQ2dvOUNvZkJBQ0d5d2xWMWlJcVFsd0FQeTI5dmJsY0hCd1k5RnlpZTZJT0tVeStXeVo4cmtDT1BwaHkxdFZFeEVoRFFFZUlqOHlNakloeUx6RUhrSWIyeHNlUFB6ODQ4VWdUWkppWERkQWxpUmh6aWlBTW9JUXBuY1JBSWk3T3pzak91K2lZUllYR0kxMHFCeGtqTjVNMGlZQ0VORFF4OXBUM2hCZGtXQi9jU1pqM01ERFJRbnhTWnZCZ3NUb2IrLy96WFpFQVc4TURuemNXNmd3VnhUeStUTmdJMGk4TGpzNk9oNGZuMTlmVXcyc1Y2VXJscUFTUEp5M0lNSXVRMFFvVnd1KzZaYlcxdCszdFBUTTZJQ0FyQU1DaXBicDZzVUlKSThteHBrRUlCbnY2M1h0QW5hbnArZk14WkxnTnlKazVOeGNOQ0lNbzR3R3lVZVYrelkyRmYxZGdkcHl1VE1Kbzg3Q05tS0VPeUQ5dlMxdjcvL2pYTEdkT2JqM0VBRFJTVWNzU0p2T3JJVklVZ2VBV2wvZW5yNjdjVEV4TmVVNHlCcEFaekpHNmVqUkdna2IyWi9kWFgxUGZWeFYvaGZ1Q2M0cFNRRmlFM2VlQndtUWhqNTVlWGwyYW1wcVMvVi9qL2hYSEFXSVNrQldpWXY1LzNVS0VJWWVTMkJXek16TTVEL1J3My9GZTRJUk1LRmN1dVVoQUNKa1RkZUIwVVFVZjgydVFuN3VibTVKUW16cjRxYThKZHdXMENBU3hHZyswMVRxd0lrVHQ1NHk1UEJsSVBrWjJkbmx4Y1hGL2RVOTRmd3AvQzNjQ2F3Qks1MUQ3Z3k4cHBkRDlJaTVlZG01aUcvdExSa3lDTUFFY0Rzc3djUS90Y21RSnJrZjVjd0FQS3NmMlkvRm5uMUUrdXZzYXlRTjZFUGVkWStmSnpodWdjOFZ1UlJ5MFVBYlAwM1BBNGltcjNlMHJFTExOWThJUThJKzBSbTN2Z0hLVk51bG1NSCtTSUhFQnhFWUJ6bU9IVzJDT3Nqc09GQkhDUk9IaDhoUnQ0TWZGNFMrbnh1UGxzL2dMaDBobWQyNm1ZZE5kYWxUUjUvYkFUQXhwLzlrNU9UTnppQTRNdnRVWThwT3JSRkZzampLK1RJbXdFYlg0Q3VycTRoRE0xQkJDTGMxSm1IQjRBY2VSZ0lmMnc0YkNoS2dPY3doRGo1VFNjUEI4aVJod0VCV1A5K0JJUVoyZDdQU3RnSC9iVVJBQnNqUXJDdFV6bUw1Q0VBT2ZKbU1GR0FDTTNzUXV1eVNoNkhvd1NBdkVHVUxmMWRRcGJKNDJ3c1VqUzBRUnJrYmZ3SzJ0Z0l3QW1MRHc0Z2FXeSsxU0hJZFNONFQrQ1kyend0eU0wVDQ3cmU4QnA5Q3J1T0VzQW5yc1o4Wjk4ckZBcGNlMFlBaU9tZTF3aklJNExhaFgzUDgyb0xydVQxbG5GdDRTTEEzYlcxdFhmcG1ObUVQT1V3SUJKSFc5aGl3ekdXRGpOMlZZWTRTSjI4ZkxFNkQyRDIrZWErTXprNStkWHU3dTc3TklUWXhjV0ZGd2JJSThMeDhmRjNFdXVXanJFeVJ4NGVOaEhBWVFNQ2NPeDBlM2g0K0czOTIvT0IvcEQ4bEE3Q0FQSHA2ZWszdTd1N3A3Vlg3TWp1TnlFek15OWYvR1FqQUJIQWdTTkhUM3lMMTBaSFI5K3FWQ3J2YU8yL0tMd3N2Q3BNMVBHSzhwY2d2ckt5QXZGZk5SSkFnT0FoSnFJaXJxclRTMUVDNEprUmdBaEFBQTRqSWZTTEtuK3Vnekl3MXlZL3JkY2I4c0V6dk5USnl6ZnJQUUJuT1hmbkJKYk5DMEtRL0VtZC9DaDhYOGNQeWdIM3FFTVViSm41ekpHWHIxWUNZQmVNQW9nZ1FqQVNJQm9FRWNKNng0YW9RVGdpS0JOaER5RURteVdBTGMvL29BajhGUVV4L3BWQkRNQXNBOHFBT29oalMvUVFSZlJCZjVtQnJRQTRiRVJnRmlIRWpMSXhRcklSM0tjZU8rd2hUbnY2eVJSY0JBZzZEaGxJTWFzQWtnWmNBK3F4QzdiTFhEbXVBSmtqRXRlaFhJQzR5ajB1N1c1OEJMUTZFZmNCQUFELy83YmpxNjRBQUFBR1NVUkJWQU1BTUpYNHJsQ2FESTRBQUFBQVNVVk9SSzVDWUlJPSIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+PC9zdmc+) 8 24, auto;
 }
-.mce-editor--drawing-tool-pen {
+.m-editor--drawing-tool-pen {
   cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBSmRFbEVRVlI0QWV5WlMyeFZWUlNHejZrZ0JVSjRoUEFJanhBU0VoSkN3a0NOK0lCTEFJR3hUdFNKRTRkZ1JDdFdvYjBGQnpoaWJnSWl3a0FuQ2tnQ0RZUkNERGFvQTJPMXBqTVNIcTJsRHdxMXBVLy9iOU5WZGsvUGZmYmVpOVNTdmJwZmE2Kzkvbit0dmMvaDNMTGdmLzV2aW9Bc0V5Q1VIbVE5bzNxYUovUVoxOURUV1RJNUQzQkFBdnBaUVN5WHpCd1Iyc2dNOVptYnJocGRiTEpPM2Y5K3dkbFVYZ0tDZVFlK3FhbHBhMjl2NzRYaDRlRXVwTFcxdGJxdHJhMjZvYUZobXd4QVNwU01wNElRQU1yL2NRWHdSQk1RNVFLYlhMTm16UTh6WnN4NDJUUVhMbHo0NFlJRkN5cldyVnQzUm9SMDl2VDBuSmRlVFh0N2U0MUkyU0c5V1NNU0pRYTdxZmJWa3RLV09FZDg4RFB2M0xsVEJWamNxcW1wQ2JaczJSS0VZUmpRUnVycTZwZ0t5c3ZMWDBKdi92ejVIOFdSMHRqWStKb1VMVk00TW9pUndaNmFMbjJKRW9BampMbkkzNzU5KzhDU0pVdjI0aFpnazhsa1lJQnBJMFlJTlRxSTZmaWtyRjI3OXF3eTVaNHlwWllza1UweWhPeDRva1FBVnI2TUZnaHdaMTZSMzc5MDZkTDNtUUVVWUdsZnZudzVRT2dqaVVTQzRRRFE5QkhJQ01QUVpRdHJFYWVrUDVBeVgxa2lNanAwWkpLZG5aMUpEWk1aUGhFYUtrMkpFa0RmUlgvMjdObXY0QUxPQTRvMmN1WEtsU0NSU0FUVjFkVk9JRU5neHBDQ0h1S1RFb2JobUtQRFBFZG03dHk1KzFwYVdxclZKeU40b2hBQWprYW9zYUlYQU5zbWJNakdqb0E1YythOHdJU0I5K3NhM1FYTStlS1RBaUVJNUxBT01WM2FTQmcrdWtjWVg3Um8wUWZTYnlNajFPZFk0QU8rNEpPR2lsZWlCTkFuQWtRaUlJSnNuVWdrWExSeG5ENTFIQW5NK1dMcnlCWUJEQkRXbWc3dE1IeE1CQm1oYktqU2ZNbElBTEQyY3dXMjZjTThFWENwem93UkFSQ2Nab3c2R3hMUTlRVWJSZ1EybUtNMlcyU0Q3cDhER29jRWdvRlA2aGFuUkkwYkNXVkt4OS9Za2loU0Y1SUU3RUVFQW5qNjFFWUNUNTZyVjY5dTFUaVpXRlFTb2dSb1QxY2d3alhpL3FSeVBFNDMwMWdxV3hzMmJLalEybGtTZXpxazlVbDZlWlVvQWNPeWdneWRPblhxaE5ydTdGTmJkR2dqcVJ4bkxsZUoyaUxidUlSdjNManhzV3dWTkF0a2IwenhDUUE0TWlTTndXblRwZzJxVGx1aWprZEpTcnM0TXVuYk1qc3JWNjdjSXpYL0hhSGdXUkFsd0lIWHBnTzdkKy8rVmZXNGk1QXhYM3pIL1hQczYyVGJ4aGE2WkFCQysvVHAwNXRWRnkwTFVoRkE5UHVibTV0LzErWTVrNER6Q0crRVNCZytmaXZFWGpxQlJPWXRDelp0MnZTZStpVWhRUHNFZGdRRzFPa3ZLeXVqcjJibVF2VE1lVUFqa0lDd21wcDVHMmNzVHJERE9QclU4K2JOZSs3Y3VYT3ZxczJqbVVkMFFZK0Jud0hhSTdBalFBWU1uRHg1OG1zR3pTbUxDbU54Z3A0OU5wa0hNRytEOXR4bkRtQ1o3S0RIZW5TcHU3dTdlUklnQlg4a1Jna2c0cEJBQmd4TW56NmRHaCt5Rm5NYThENGh0Q0VEY09nZ3FZeWk0OCt0WDcvK1JmVXRBNkkrYXlyL0VqVm1CTGdNMkxObnp5K1lOb2ZTT1kyZVJkYkFNeFlWaUdETWRHbEhaZk5tN3IzQWZYTmdidkhpeGMrckp2b2NBWHd1MkRIQW1HeVBsakVFYURUcmkxQzZXWlZzeWZTTkRRME5BZGpQQVBxK1N0N3RLQUVZTWhKSS81d3VRaFlqRmtIYStZaVJaR3QxaHdDWU84QklvRy9URTZyakNPQU80QWdnNHk1Q3ZnZWsydEdBcDB0dk8wWlJrTDVOMDZGRzlML0VEUjBkSGNla1UzQVM0Z2p3TTJEY1JZaERjaVMyR0NoMGtEZ2xJOGQwNDNTWTR4NWh6aDZiUEE2N3VycSswWmlSRU9lN3BuTXJjVWFNQURLZ1h4Zmh6NWpFS1dxQUliVGp4SGZjd0tMSEdnT0RMYnNNbVlzVDVuMWJySitqanpRWEwxNU1TSitqd0tVWTU3K21zeTl4Qm53QzNEMFFmU05NZHd4OHh3RVFocUg3RkpZTGVIUGZ0MlY3cmw2OW1rOTFaQUZQaE5CMDg2M2pDTUNXM1FNUTBCZDlJU0lhS0tVU2N4d0NUSWVvOHg2QTBMYnhYT3Urdmo0aUR3SFVxZnpQMm13cUEyU0JPd0t5MUZkUlVUSDZQb0R6RUlCb0xtV0JCRVEzdVBzVWxnOXdqcENSaUMwMkd4d2N4R2VMZnRFem9GK2I5a2tlNmpOVmcrckFITEdVWnF3WTRvT0hQUGFvcjY4L3BSOWR2cUNkcldUU2c4MDRIY3NBZHdTazBHc2ZTTWdBUkdPamIycTBDeWxSOE95bkgybisyTGh4NDNIdFExRElUbnhFTkpSL1NVVUFGcmtISU9DaE9qMDZCdGYxbmU1YnRkMXZBRGhWVjFmbmZ2eGdyRkFTQi83V3JWdU55NVl0cTlRZTNaSmVDVm1KYi9pb2J2NGxHd0xZckVkYlBOQ0x6cGMzYjk3OFUrMHhKT0EwWkRBK0VjRk9NcGwwSmtoN1NOWitmeTFmdnZ4VERYWkpIa2ora1JBVXl3SjE4eS9wQ0NDOTJNUUlnUDM3SzFhc3FDUWliR24zQVU1ekp3Q0E4WHlFdGRoaHJROWUrKzNYMkwwUnVhK2FZT0FUR1lDUEdzcS9wQ01BcTZRWUc1RjJFRUFVN2hFUklrT0V1T1hOY2Vvd2ZQUkRCNEN5elFwMFdjdUdFZkQ4UHRDcGNRUVN5QUI4NFI3QXQ1SVJBT05HQU01MEtqS2Y2SzNzZXpubm5neFJJZ0JFVm9SaDZGNkV3dkFSTWVqNzRvTm5EYVF5Zi9Ub1VWNTczVjdxVXdQZW9rOW1UaGk4N0FhWk1nQWRtSVp4bURjU09qVFJzWDM3OXE4dVhicjBuZHF1Y0NTTUNCK01tOVFmeGdDc3BpdTBHYU5EemZxUjlrSDFyNmtOY0FUd25IMENRVVlXQkx6c1owVUFtOEU0SkJBQnppRk90Y3RBMjdadDI0NkZZZmpXaFFzWHpxanZDa0FRMGhsQ0VOcE1DcGg3ZktZQ3IzV0hOUGVUZE5uRDByNG80TFZIVmdTZ0J3a3dUd1RHa1NDRnRwMDdkeDRYRVcvWDF0YWVQbi8rL0ZuOXFOR2s4ZEZDYXZza1FBU1QxQUpOTTZpcXF2cnM0TUdEOWVvWWVNZzI4QVFCUHpSZHVKTE5FYkRkMkJ3U2VBVDVKTFJKb1hWRTd1N1lzZVBZcmwyN1RxeGF0YXBHaEx3amVYZnYzcjFITk84K3J3TTRrVWk0Tm9UNDRBOGRPZ1I0amhjRWNPRUNudjNZbDZPSW1ZSktMZ1N3TVNRUWlXZ21HQWwvUzhtWHUrcTNIVGx5NUhwbFplWG5hcnNMRStCSVFrUXdSdVFGbnJRdktYajJ6cFVBMWhnSjNBblJpeEhBRU5BaVJhUjVwRzQ5ZlBqd05XWERtL2JrMEhqQW8xVG52VWJndWZBQWp4QjVMbHRzRnkzeTdJL2tRd0RyZkJKSVVZNEVOelhPazc0QUlTc2dCQms5SW5weWNHbStMakxlMEtOMG40N0VqektJTG10WWp4MERUN1pwdW5nbFh3TE1JNGdnU2h3Skk0TG9jWGtCaGxzY1lEd3hqQWd5eEJmR21VZTNwT0FCTVZFQ3NJRkFCTkhpV0VUSkFCUmtrQmxFbW13d0FtZ3o5a1RBNDNpaENNQ1dDV1J3WXhzaGxoaytFWllWa0FJNVpBMTZaQlByekZiT2RhNExpa0ZBMUFmSUFCaVp3VjBCV01oQWFEUEdIRG9sQlkranBTQ0FmY2dLd0FFU3NFUWJvYzJ4WVJ5aTBDMnBsSW9BQXdVUkNHQk42TnQ4eWV0U0UxQnlnSmsybkNJZ0UwT1RmWDRxQXlaN2hEUGhtOHFBVEF4Tjl2bXBESmpzRWM2RWJ5b0RNakUwMmVlbk11QnBqL0JFL2Y4WEFBRC8vemM3eStFQUFBQUdTVVJCVkFNQUg2M2h2WjBON3dnQUFBQUFTVVZPUks1Q1lJST0iIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPjwvc3ZnPg==) 4 4, auto;
 }
-.mce-editor * {
+.m-editor * {
   box-sizing: border-box;
 }
-.mce-editor__drawboard {
+.m-editor__drawboard {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-.mce-editor__drawboard > * {
+.m-editor__drawboard > * {
   pointer-events: none;
 }
-.mce-editor__canvas {
+.m-editor__canvas {
   position: absolute;
   left: 0;
   top: 0;
@@ -1455,13 +1495,13 @@
   height: 100%;
   display: block;
 }
-.mce-overlay-container {
+.m-overlay-container {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
-}.mce-dialog > * {
-  box-shadow: var(--mce-shadow);
+}.m-dialog > * {
+  box-shadow: var(--m-shadow);
 }