omni-magic-cube/designer.css

[文档中心](https://www.yuque.com/u12572940/wujiemofang) ### 商用请保留版权信息 [演示网址](http://demo.mlyt.top/) ``` 这是一个支持VUE3主流UI组件库的可视化框架 问题交流请加QQ群：685018059 ```

@charset "UTF-8";:root{--vue-scroll-rect-scrollbar-thumb-color: rgba(122,122,122, .3);--vue-scroll-rect-scrollbar-thumb-color-light: rgba(122, 122, 122, .5);--vue-scroll-rect-scrollbar-thumb-color-pressed: rgba(112, 112, 112, .2);--vue-scroll-rect-scrollbar-thumb-radius: 5px;--vue-scroll-rect-scrollbar-thumb-margin: 0px;--vue-scroll-rect-scrollbar-size: 8px}.vue-scroll-rect{position:relative;width:100%;height:100%;margin:0;overflow:hidden}.vue-scroll-rect>.scroll-content{position:relative;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.vue-scroll-rect>.scroll-content::-webkit-scrollbar{width:0;height:0}.vue-scroll-rect>.scroll-content::-ms-scrollbar{width:0;height:0}.vue-scroll-rect>.scroll-content.both{overflow:scroll}.vue-scroll-rect>.scroll-content.horizontal{overflow-x:scroll}.vue-scroll-rect>.scroll-content.vertical{overflow-y:scroll}.vue-scroll-rect:hover>.scrollbar{opacity:1;transition:opacity .1s}.vue-scroll-rect.always-show-scrollbar>.scrollbar,.vue-scroll-rect .dragging>.scrollbar{opacity:1}.vue-scroll-rect.background-clickable>.scrollbar{pointer-events:all}.vue-scroll-rect>.scrollbar{position:absolute;opacity:0;transition:opacity 1.5s;pointer-events:none}.vue-scroll-rect>.scrollbar:hover{opacity:1}.vue-scroll-rect>.scrollbar .thumb{position:absolute;background-color:var(--vue-scroll-rect-scrollbar-thumb-color);border-radius:var(--vue-scroll-rect-scrollbar-thumb-radius);pointer-events:all}.vue-scroll-rect>.scrollbar .thumb:hover{background-color:var(--vue-scroll-rect-scrollbar-thumb-color-light)}.vue-scroll-rect>.scrollbar .thumb:active{background-color:var(--vue-scroll-rect-scrollbar-thumb-color-pressed)}.vue-scroll-rect>.scrollbar.horizontal{left:0;bottom:0;right:0;height:var(--vue-scroll-rect-scrollbar-size)}.vue-scroll-rect>.scrollbar.horizontal .thumb{top:var(--vue-scroll-rect-scrollbar-thumb-margin);bottom:var(--vue-scroll-rect-scrollbar-thumb-margin)}.vue-scroll-rect>.scrollbar.vertical{top:0;bottom:0;right:0;width:var(--vue-scroll-rect-scrollbar-size)}.vue-scroll-rect>.scrollbar.vertical .thumb{left:var(--vue-scroll-rect-scrollbar-thumb-margin);right:var(--vue-scroll-rect-scrollbar-thumb-margin)}:root{--mx-menu-backgroud: #fff;--mx-menu-hover-backgroud: #f1f1f1;--mx-menu-active-backgroud: #dfdfdf;--mx-menu-open-backgroud: #f1f1f1;--mx-menu-open-hover-backgroud: #f1f1f1;--mx-menu-divider: #f0f0f0;--mx-menu-text: #2e2e2e;--mx-menu-hover-text: #2e2e2e;--mx-menu-active-text: #2e2e2e;--mx-menu-open-text: #2e2e2e;--mx-menu-open-hover-text: #2e2e2e;--mx-menu-disabled-text: #c9c8c8;--mx-menu-icon-size: 16px;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-scrollbar-thumb-color: rgba(0, 0, 0, .2);--mx-menu-scrollbar-thumb-color-light: rgba(0, 0, 0, .3);--mx-menu-scrollbar-thumb-color-pressed: rgba(0, 0, 0, .1);--mx-menu-shortcut-backgroud: #ebebeb;--mx-menu-shortcut-backgroud-hover:#ebebeb;--mx-menu-shortcut-backgroud-active:#ebebeb;--mx-menu-shortcut-backgroud-open:#ebebeb;--mx-menu-shortcut-backgroud-disabled:#fdfdfd;--mx-menu-shortcut-text: #424242;--mx-menu-shortcut-text-hover: #424242;--mx-menu-shortcut-text-active: #424242;--mx-menu-shortcut-text-open: #424242;--mx-menu-shortcut-text-disabled: #a5a5a5;--mx-menu-placeholder-width: 24px}.mx-context-menu{pointer-events:all;display:inline-block;overflow:visible;position:absolute;background-color:var(--mx-menu-backgroud);border-radius:var(--mx-menu-backgroud-radius);padding:12px 0;box-shadow:0 10px 40px 10px var(--mx-menu-shadow-color);opacity:1;transition:opacity .2s ease-in-out;--vue-scroll-rect-scrollbar-thumb-color: var(--mx-menu-scrollbar-thumb-color);--vue-scroll-rect-scrollbar-thumb-color-light: var(--mx-menu-scrollbar-thumb-color-light);--vue-scroll-rect-scrollbar-thumb-color-pressed: var(--mx-menu-scrollbar-thumb-color-pressed)}.mx-context-menu-items{position:relative;overflow:visible}.mx-context-menu-scroll{overscroll-behavior:contain}.mx-context-menu-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;padding:6px 15px;-webkit-user-select:none;user-select:none;overflow:visible;white-space:nowrap;text-overflow:ellipsis;color:var(--mx-menu-text)}.mx-context-menu-item .mx-right-arrow,.mx-context-menu-item .mx-checked-mark{fill:var(--mx-menu-text)}.mx-context-menu-item:hover{background-color:var(--mx-menu-hover-backgroud);color:var(--mx-menu-hover-text)}.mx-context-menu-item:hover .mx-right-arrow,.mx-context-menu-item:hover .mx-checked-mark{fill:var(--mx-menu-hover-text)}.mx-context-menu-item:hover .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-hover);color:var(--mx-menu-shortcut-text-hover)}.mx-context-menu-item:active{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text)}.mx-context-menu-item:active .mx-right-arrow,.mx-context-menu-item:active .mx-checked-mark{fill:var(--mx-menu-active-text)}.mx-context-menu-item:active .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-active);color:var(--mx-menu-shortcut-text-active)}.mx-context-menu-item.open{background-color:var(--mx-menu-open-backgroud);color:var(--mx-menu-open-text)}.mx-context-menu-item.open:hover{background-color:var(--mx-menu-open-hover-backgroud);color:var(--mx-menu-open-hover-text)}.mx-context-menu-item.open .mx-right-arrow,.mx-context-menu-item.open .mx-checked-mark{fill:var(--mx-menu-open-text)}.mx-context-menu-item.open .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-open);color:var(--mx-menu-shortcut-text-open)}.mx-context-menu-item.keyboard-focus{background-color:var(--mx-menu-active-backgroud)}.mx-context-menu-item.disabled{color:var(--mx-menu-disabled-text);cursor:not-allowed}.mx-context-menu-item.disabled:hover,.mx-context-menu-item.disabled:active{background-color:transparent}.mx-context-menu-item.disabled .mx-right-arrow,.mx-context-menu-item.disabled .mx-checked-mark{fill:var(--mx-menu-disabled-text)}.mx-context-menu-item.disabled .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-disabled);color:var(--mx-menu-shortcut-text-second)}.mx-context-menu-item .mx-item-row{display:flex;flex-direction:row;align-items:center;max-width:100%}.mx-context-menu-item .mx-icon-placeholder{position:relative;display:flex;flex-direction:row;align-items:center;height:auto;overflow:hidden}.mx-context-menu-item .mx-icon-placeholder.preserve-width{width:var(--mx-menu-placeholder-width)}.mx-context-menu-item .icon{display:inline-block;font-size:var(--mx-menu-icon-size)}.mx-context-menu-item .icon.svg{width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-context-menu-item .label{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-end:16px}.mx-context-menu-item-wrapper{position:relative}.mx-context-menu-item-sperator{display:block;padding:5px 0;background-color:var(--mx-menu-backgroud)}.mx-context-menu-item-sperator:after{display:block;content:"";background-color:var(--mx-menu-divider);height:1px}.mx-right-arrow{width:14px;height:14px}.mx-checked-mark{width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-shortcut{position:relative;justify-self:flex-end;font-size:11.5px;padding:2px 4px;background-color:var(--mx-menu-shortcut-backgroud);color:var(--mx-menu-shortcut-text)}.mx-menu-bar.dark,.mx-context-menu.dark{--mx-menu-backgroud: #303031;--mx-menu-hover-backgroud: #636363;--mx-menu-active-backgroud: #555555;--mx-menu-open-backgroud: #636363;--mx-menu-open-hover-backgroud: #636363;--mx-menu-divider: #464646;--mx-menu-text: #ffffff;--mx-menu-hover-text: #ffffff;--mx-menu-active-text: #ffffff;--mx-menu-open-text: #ffffff;--mx-menu-open-hover-text: #ffffff;--mx-menu-disabled-text: #9c9c9c;--mx-menu-shadow-color: rgba(51, 51, 51, .2);--mx-menu-scrollbar-thumb-color: rgba(255, 255, 255, .3);--mx-menu-scrollbar-thumb-color-light: rgba(255, 255, 255, .5);--mx-menu-scrollbar-thumb-color-pressed: rgba(255, 255, 255, .2);--mx-menu-shortcut-backgroud: #505050;--mx-menu-shortcut-backgroud-hover:#505050;--mx-menu-shortcut-backgroud-active:#505050;--mx-menu-shortcut-backgroud-open:#505050;--mx-menu-shortcut-backgroud-disabled:#444444;--mx-menu-shortcut-text: #f1f1f1;--mx-menu-shortcut-text-hover: #ffffff;--mx-menu-shortcut-text-active: #ffffff;--mx-menu-shortcut-text-open: #ffffff;--mx-menu-shortcut-text-disabled: #9d9d9d}.mx-menu-bar.flat,.mx-context-menu.flat{border-radius:0;padding:7px 0;box-shadow:0 1px 2px 1px var(--mx-menu-shadow-color)}.mx-menu-bar.flat .mx-context-menu-item,.mx-context-menu.flat .mx-context-menu-item{padding:3px 12px}.mx-menu-bar.win10,.mx-context-menu.win10{border-radius:0;padding:8px 0;border:1px solid var(--mx-menu-border-color);box-shadow:2px 2px 1px 0 var(--mx-menu-shadow-color)}.mx-menu-bar.win10,.mx-context-menu.win10{--mx-menu-backgroud: #eeeeee;--mx-menu-hover-backgroud: #d8d8d8;--mx-menu-active-backgroud: #dfdfdf;--mx-menu-open-backgroud: #f1f1f1;--mx-menu-open-hover-backgroud: #d8d8d8;--mx-menu-divider: #aaaaaa;--mx-menu-border-color: #b1b1b1;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover: transparent;--mx-menu-shortcut-backgroud-active: transparent;--mx-menu-shortcut-backgroud-open: transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #272727;--mx-menu-shortcut-text-hover: #272727;--mx-menu-shortcut-text-active: #272727;--mx-menu-shortcut-text-open: #272727;--mx-menu-shortcut-text-disabled: #6b6b6b}.mx-menu-bar.win10 .mx-context-menu-item,.mx-context-menu.win10 .mx-context-menu-item{padding:2px 4px;margin:0 4px}.mx-menu-bar.win10 .mx-context-menu-item-sperator,.mx-context-menu.win10 .mx-context-menu-item-sperator{margin:0 4px}.mx-menu-bar.win10.dark,.mx-context-menu.win10.dark{--mx-menu-backgroud: #303031;--mx-menu-hover-backgroud: #636363;--mx-menu-active-backgroud: #555555;--mx-menu-open-backgroud: #636363;--mx-menu-open-hover-backgroud: #636363;--mx-menu-divider: #808080;--mx-menu-border-color: #656565;--mx-menu-shortcut-backgroud: #505050;--mx-menu-shortcut-backgroud-hover:#505050;--mx-menu-shortcut-backgroud-active:#505050;--mx-menu-shortcut-backgroud-open:#505050;--mx-menu-shortcut-backgroud-disabled:#444444;--mx-menu-shortcut-text: #f1f1f1;--mx-menu-shortcut-text-hover: #ffffff;--mx-menu-shortcut-text-active: #ffffff;--mx-menu-shortcut-text-open: #ffffff;--mx-menu-shortcut-text-disabled: #9d9d9d;padding:8px 0}.mx-menu-bar.win10.dark .mx-context-menu-item,.mx-context-menu.win10.dark .mx-context-menu-item{padding:6px 12px;margin:0}.mx-menu-bar.win10.dark .mx-context-menu-item-sperator,.mx-context-menu.win10.dark .mx-context-menu-item-sperator{margin:0 7px}.mx-menu-bar.mac,.mx-context-menu.mac{padding:8px 0;box-shadow:0 5px 7px 1px var(--mx-menu-shadow-color);border:1px solid var(--mx-menu-border-color)}.mx-menu-bar.mac,.mx-context-menu.mac{--mx-menu-backgroud: #ececec;--mx-menu-hover-backgroud: #0165e1;--mx-menu-active-backgroud: #0165e1;--mx-menu-open-backgroud: #858585;--mx-menu-open-hover-backgroud: #0165e1;--mx-menu-divider: #d2d2d2;--mx-menu-text: #232323;--mx-menu-hover-text: #fff;--mx-menu-active-text: #fff;--mx-menu-open-text: #fff;--mx-menu-open-hover-text: #fff;--mx-menu-disabled-text: #bbbbbb;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover:transparent;--mx-menu-shortcut-backgroud-active:transparent;--mx-menu-shortcut-backgroud-open:transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #424242;--mx-menu-shortcut-text-hover: #fff;--mx-menu-shortcut-text-active: #fff;--mx-menu-shortcut-text-open: #fff;--mx-menu-shortcut-text-disabled: #a5a5a5;--mx-menu-border-color: #bbbbbb}.mx-menu-bar.mac.dark,.mx-context-menu.mac.dark{--mx-menu-backgroud: #333333;--mx-menu-hover-backgroud: #0153d2;--mx-menu-active-backgroud: #0153d2;--mx-menu-open-hover-backgroud: #0153d2;--mx-menu-open-backgroud: #414346;--mx-menu-divider: #575757;--mx-menu-text: #dcdcdc;--mx-menu-hover-text: #fff;--mx-menu-active-text: #fff;--mx-menu-open-text: #fff;--mx-menu-open-hover-text: #fff;--mx-menu-disabled-text: #6a6a6a;--mx-menu-shadow-color: rgba(0, 0, 0, .1);--mx-menu-backgroud-radius: 10px;--mx-menu-shortcut-backgroud: transparent;--mx-menu-shortcut-backgroud-hover:transparent;--mx-menu-shortcut-backgroud-active:transparent;--mx-menu-shortcut-backgroud-open:transparent;--mx-menu-shortcut-backgroud-disabled:transparent;--mx-menu-shortcut-text: #dadada;--mx-menu-shortcut-text-hover: #fff;--mx-menu-shortcut-text-active: #fff;--mx-menu-shortcut-text-open: #fff;--mx-menu-shortcut-text-disabled: #6a6a6a;--mx-menu-border-color: #222}.mx-menu-bar.mac .mx-context-menu-item,.mx-context-menu.mac .mx-context-menu-item{border-radius:5px;margin:0 6px;padding:3px 6px}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text);outline:none}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-right-arrow,.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-checked-mark,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-right-arrow,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-checked-mark{fill:var(--mx-menu-active-text)}.mx-menu-bar.mac .mx-context-menu-item.keyboard-focus .mx-shortcut,.mx-context-menu.mac .mx-context-menu-item.keyboard-focus .mx-shortcut{background-color:var(--mx-menu-shortcut-backgroud-active);color:var(--mx-menu-shortcut-text-active)}.mx-menu-bar.mac .mx-context-menu-item-sperator,.mx-context-menu.mac .mx-context-menu-item-sperator{margin:0 12px}.mx-context-menu .vue-scroll-rect>.scroll-content{overflow-y:scroll;height:100%;width:auto;position:relative!important}.mx-menu-ghost-host{position:absolute;inset:0;overflow:hidden;pointer-events:none}.mx-menu-ghost-host.fullscreen{position:fixed}.mx-menu-bar{flex:1;display:flex;flex-direction:row;align-items:center;background-color:var(--mx-menu-backgroud);padding:5px 0}.mx-menu-bar.mini{flex-grow:0}.mx-menu-bar .mx-menu-bar-content{display:flex;flex-direction:row;align-items:center}.mx-menu-bar .mx-menu-bar-item{padding:2px 8px;border-radius:5px;-webkit-user-select:none;user-select:none;background-color:var(--mx-menu-backgroud);color:var(--mx-menu-text)}.mx-menu-bar .mx-menu-bar-item:hover{background-color:var(--mx-menu-hover-backgroud);color:var(--mx-menu-hover-text)}.mx-menu-bar .mx-menu-bar-item:hover .mx-menu-bar-icon-menu{fill:var(--mx-menu-hover-text)}.mx-menu-bar .mx-menu-bar-item:active,.mx-menu-bar .mx-menu-bar-item.active{background-color:var(--mx-menu-active-backgroud);color:var(--mx-menu-active-text)}.mx-menu-bar .mx-menu-bar-item:active .mx-menu-bar-icon-menu,.mx-menu-bar .mx-menu-bar-item.active .mx-menu-bar-icon-menu{fill:var(--mx-menu-active-text)}.mx-menu-bar .mx-menu-bar-icon-menu{fill:var(--mx-menu-text);width:var(--mx-menu-icon-size);height:var(--mx-menu-icon-size)}.mx-menu-bar.flat .mx-menu-bar-item{border-radius:0}.svg-icon-wrapper[data-v-23d47990]{display:inline-flex;align-items:center;justify-content:center}.svg-icon[data-v-23d47990]{width:1.1em;height:1.1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;outline:none;display:inline-block;-webkit-user-select:none;user-select:none;transition:.55s}.pagination-container[data-v-6f879b65]{display:flex;align-items:center;justify-content:space-between}.pagination-container .pagination-page[data-v-6f879b65]{display:flex;align-items:center}.pagination-container .pagination-page>div[data-v-6f879b65]{margin:0 var(--ml-mg-base);background-color:var(--ml-bg-page-color);display:flex;align-items:center;justify-content:center;width:26px;height:26px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--ml-radius-small);transition:var(--ml-transition-base)}.pagination-container .pagination-page>div[data-v-6f879b65]:hover{background-color:var(--ml-fill-color-3)}.pagination-container .pagination-page>div.active[data-v-6f879b65]{background-color:var(--ml-primary-color-4);color:var(--ml-text-reverse-color-1)}.pagination-container .pagination-total[data-v-6f879b65]{color:var(--ml-text-color-2);font-weight:700}.pagination-container .disabled[data-v-6f879b65]{opacity:.3;cursor:no-drop}.pagination-container .disabled[data-v-6f879b65]:hover{background-color:var(--ml-bg-page-color)}.icon-picker[data-v-32dae29a]{display:flex;align-items:center;justify-content:center;border:1px solid var(--ml-border-color);border-radius:var(--ml-radius-base);transition:var(--ml-transition-base);cursor:pointer}.icon-picker .icon-picker__inner[data-v-32dae29a]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;fill:currentColor;color:var(--ml-fill-color)}.icon-picker .icon-picker__inner .icon-picker__inner__plus[data-v-32dae29a]{fill:currentColor;transition:var(--ml-transition-base)}.icon-picker[data-v-32dae29a]:hover{border-color:var(--ml-primary-color-hover)}.icon-picker:hover .icon-picker__inner[data-v-32dae29a]{fill:var(--ml-primary-color-hover);color:var(--ml-primary-color-hover)}.icon-picker:hover .icon-picker__inner__plus[data-v-32dae29a]{color:var(--ml-primary-color)}.icon-picker-dialog[data-v-32dae29a]{display:flex}.icon-picker-dialog .icon-picker-dialog__left .icon-sets[data-v-32dae29a]{width:220px;margin:var(--ml-mg-base);height:450px;overflow:auto}.icon-picker-dialog .icon-picker-dialog__left .icon-sets .icon-sets__item[data-v-32dae29a]{padding:var(--ml-pd-base);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--ml-transition-base)}.icon-picker-dialog .icon-picker-dialog__left .icon-sets .icon-sets__item .icon-sets__item__title[data-v-32dae29a]{font-size:14px;font-weight:700;color:var(--ml-text-color-1)}.icon-picker-dialog .icon-picker-dialog__left .icon-sets .icon-sets__item .icon-sets__item__desc[data-v-32dae29a]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ml-text-color-6);margin:var(--ml-mg-small) 0}.icon-picker-dialog .icon-picker-dialog__left .icon-sets .icon-sets__item .icon-sets__item__desc .icon-sets__item__desc__category[data-v-32dae29a]{font-weight:700}.icon-picker-dialog .icon-picker-dialog__left .icon-sets .icon-sets__item[data-v-32dae29a]:hover{background-color:var(--ml-bg-page-color);border-radius:var(--ml-radius-small)}.icon-picker-dialog .icon-picker-dialog__left .icon-sets .icon-sets__item.active[data-v-32dae29a]{background-color:var(--ml-primary-color-light);border-radius:var(--ml-radius-small)}.icon-picker-dialog .icon-picker-dialog__container[data-v-32dae29a]{width:100%;margin:0 var(--ml-mg-base);overflow-x:hidden}.icon-picker-dialog .icon-picker-dialog__container .icon-picker-grid[data-v-32dae29a]{height:450px;margin:var(--ml-mg-base);overflow:auto;display:flex}.icon-picker-dialog .icon-picker-dialog__container .icon-picker-grid .icon-picker-grid__group__title[data-v-32dae29a]{padding:var(--ml-pd-base);font-weight:700;color:var(--ml-text-color-1)}.icon-picker-dialog .icon-picker-dialog__container .icon-picker-grid .icon-picker-grid__group__list[data-v-32dae29a]{display:flex;flex-wrap:wrap;align-content:flex-start}.icon-picker-dialog .icon-picker-dialog__container .icon-picker-grid .icon-picker-grid__group__list .icon-picker-grid__item[data-v-32dae29a]{margin:var(--ml-mg-base);cursor:pointer;transition:var(--ml-transition-base);border-radius:var(--ml-radius-base);border:1px solid var(--ml-border-color);width:48px;height:48px;display:flex;align-items:center;justify-content:center}.icon-picker-dialog .icon-picker-dialog__container .icon-picker-grid .icon-picker-grid__group__list .icon-picker-grid__item .icon-picker-grid__item__icon[data-v-32dae29a]{font-size:27px}.icon-picker-dialog .icon-picker-dialog__container .icon-picker-grid .icon-picker-grid__group__list .icon-picker-grid__item[data-v-32dae29a]:hover{background-color:var(--ml-bg-page-color);border-color:var(--ml-primary-color-focus)}.icon-picker-dialog .icon-picker-dialog__container .icon-picker-grid .icon-picker-grid__group__list .icon-picker-grid__item.active[data-v-32dae29a]{border-color:var(--ml-primary-color)}.molian-horizontal-container[data-v-f50a24aa]{display:flex;flex-direction:row}.molian-vertical-container[data-v-6ebe8e9e]{display:flex;flex-direction:column}.sub-container[data-v-cdeefce7]{display:flex;flex-direction:row;flex-wrap:var(--42996a09);flex:var(--5469cd1f);overflow:var(--0b9703b0)}.ai-status-bar[data-v-0b2a07d2]{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#1e1e1e;border-bottom:1px solid #333;font-size:12px}.ai-status-bar .status-indicator[data-v-0b2a07d2]{display:flex;align-items:center;gap:8px}.ai-status-bar .status-indicator .dot[data-v-0b2a07d2]{width:8px;height:8px;border-radius:50%;background:#4caf50}.ai-status-bar .status-indicator .dot.processing[data-v-0b2a07d2]{background:#ffc107;animation:pulse-0b2a07d2 1s infinite}.ai-status-bar .status-indicator .status-text[data-v-0b2a07d2]{color:#fff}.ai-status-bar .feature-buttons[data-v-0b2a07d2]{display:flex;gap:8px}.ai-status-bar .feature-buttons button[data-v-0b2a07d2]{padding:4px 8px;background:#2d2d2d;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-size:12px}.ai-status-bar .feature-buttons button[data-v-0b2a07d2]:hover{background:#3d3d3d}.ai-status-bar .feature-buttons button.active[data-v-0b2a07d2]{background:#0d6efd;border-color:#0d6efd}.ai-status-bar .feature-buttons button.ask-button[data-v-0b2a07d2]{background:#28a745;border-color:#28a745}.ai-status-bar .feature-buttons button.ask-button[data-v-0b2a07d2]:hover{background:#218838}.ai-status-bar .feature-buttons button.ask-button[data-v-0b2a07d2]:disabled{background:#666;border-color:#666;cursor:not-allowed}@keyframes pulse-0b2a07d2{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.ai-suggestions[data-v-6eb86e24]{position:absolute;top:100%;left:0;right:0;background:#252526;border:1px solid #3C3C3C;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000}.ai-suggestions h4[data-v-6eb86e24]{margin:0;padding:8px 12px;background:#2d2d30;color:#ccc;font-size:12px;border-bottom:1px solid #3C3C3C}.ai-suggestions .suggestion-item[data-v-6eb86e24]{padding:8px 12px;cursor:pointer;border-bottom:1px solid #3C3C3C}.ai-suggestions .suggestion-item[data-v-6eb86e24]:hover{background:#2a2d2e}.ai-suggestions .suggestion-item .suggestion-label[data-v-6eb86e24]{color:#ccc;font-size:13px;font-weight:500}.ai-suggestions .suggestion-item .suggestion-detail[data-v-6eb86e24]{color:#858585;font-size:11px;margin-top:2px}:root{--ai-panel-bg: var(--ml-bg-color);--ai-panel-border: var(--ml-border-color);--ai-panel-shadow: 0 20px 60px rgba(0, 0, 0, .5);--ai-primary: var(--ml-primary-color);--ai-primary-hover: var(--ml-primary-color-hover);--ai-primary-disabled: var(--ml-primary-color-disabled);--ai-success: var(--ml-success-color);--ai-success-hover: var(--ml-success-color-hover);--ai-text-primary: var(--ml-text-color-1);--ai-text-secondary: var(--ml-text-color-5);--ai-text-muted: var(--ml-text-color-7);--ai-bg-secondary: var(--ml-bg-page-color);--ai-radius: 12px;--ai-radius-lg: 16px}.ai-panel-backdrop[data-v-3fe61df0]{position:fixed;inset:0;background:#0000001a;z-index:999}.ai-question-panel[data-v-3fe61df0]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,900px);max-height:85vh;background:var(--ai-panel-bg);border:1px solid var(--ai-panel-border);border-radius:var(--ai-radius-lg);box-shadow:var(--ai-panel-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.ai-question-panel .panel-header[data-v-3fe61df0]{padding:20px 24px;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-bottom:1px solid var(--ai-panel-border);display:flex;justify-content:space-between;align-items:center}.ai-question-panel .panel-header .header-content[data-v-3fe61df0]{display:flex;align-items:center;gap:12px}.ai-question-panel .panel-header .header-content .header-icon[data-v-3fe61df0]{font-size:24px;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.ai-question-panel .panel-header .header-content h3[data-v-3fe61df0]{margin:0;color:var(--ai-text-primary);font-size:18px;font-weight:600;letter-spacing:-.025em}.ai-question-panel .panel-header .close-btn[data-v-3fe61df0]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;padding:0;border:none;border-radius:8px;color:var(--ai-text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.ai-question-panel .panel-header .close-btn>svg[data-v-3fe61df0]{width:32px;height:32px}.ai-question-panel .panel-header .close-btn[data-v-3fe61df0]:hover{background:#ef44441a;color:#ef4444;transform:scale(1.05)}.ai-question-panel .question-section[data-v-3fe61df0]{padding:24px;border-bottom:1px solid var(--ai-panel-border)}.ai-question-panel .question-section .input-wrapper[data-v-3fe61df0]{position:relative}.ai-question-panel .question-section .input-wrapper .question-input[data-v-3fe61df0]{width:100%;min-height:120px;padding:16px;background:var(--ai-bg-secondary);border:2px solid transparent;border-radius:var(--ai-radius);color:var(--ai-text-primary);font-size:14px;line-height:1.6;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-question-panel .question-section .input-wrapper .question-input[data-v-3fe61df0]::placeholder{color:var(--ai-text-muted)}.ai-question-panel .question-section .input-wrapper .question-input[data-v-3fe61df0]:focus{outline:none;border-color:var(--ai-primary);box-shadow:0 0 0 4px #3b82f61a}.ai-question-panel .question-section .input-wrapper .question-input[data-v-3fe61df0]:disabled{opacity:.6;cursor:not-allowed}.ai-question-panel .question-section .input-wrapper .input-actions[data-v-3fe61df0]{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.ai-question-panel .question-section .input-wrapper .input-actions .input-hint[data-v-3fe61df0]{font-size:12px;color:var(--ai-text-muted)}.ai-question-panel .question-section .input-wrapper .input-actions .ask-btn[data-v-3fe61df0]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--ai-primary);border:none;border-radius:var(--ai-radius);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.ai-question-panel .question-section .input-wrapper .input-actions .ask-btn[data-v-3fe61df0]:hover:not(:disabled){background:var(--ai-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.ai-question-panel .question-section .input-wrapper .input-actions .ask-btn[data-v-3fe61df0]:disabled{background:var(--ml-primary-color-disabled);cursor:not-allowed;transform:none}.ai-question-panel .question-section .input-wrapper .input-actions .ask-btn.is-processing[data-v-3fe61df0]{background:var(--ai-primary-hover);cursor:wait;animation:pulse 2s infinite}.ai-question-panel .question-section .input-wrapper .input-actions .ask-btn .progress-indicator[data-v-3fe61df0]{position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.ai-question-panel .question-section .input-wrapper .input-actions .ask-btn .progress-indicator .progress-dots[data-v-3fe61df0]{display:flex;gap:4px}.ai-question-panel .question-section .input-wrapper .input-actions .ask-btn .progress-indicator .progress-dots span[data-v-3fe61df0]{width:4px;height:4px;background:var(--ai-primary);border-radius:50%;animation:dot-pulse 1.4s infinite ease-in-out}.ai-question-panel .question-section .input-wrapper .input-actions .ask-btn .progress-indicator .progress-dots span[data-v-3fe61df0]:nth-child(1){animation-delay:-.32s}.ai-question-panel .question-section .input-wrapper .input-actions .ask-btn .progress-indicator .progress-dots span[data-v-3fe61df0]:nth-child(2){animation-delay:-.16s}.ai-question-panel .question-section .input-wrapper .input-actions .ask-btn .progress-indicator .progress-dots span[data-v-3fe61df0]:nth-child(3){animation-delay:0s}.ai-question-panel .answer-section[data-v-3fe61df0]{flex:1;overflow-y:auto;padding:24px}.ai-question-panel .answer-section .answer-content[data-v-3fe61df0]{display:flex;flex-direction:column;gap:20px}.ai-question-panel .answer-section .answer-content .answer-text .answer-header[data-v-3fe61df0]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ai-question-panel .answer-section .answer-content .answer-text .answer-header .ai-avatar[data-v-3fe61df0]{font-size:20px}.ai-question-panel .answer-section .answer-content .answer-text .answer-header .ai-label[data-v-3fe61df0]{font-size:12px;font-weight:500;color:var(--ai-text-muted);text-transform:uppercase;letter-spacing:.5px}.ai-question-panel .answer-section .answer-content .answer-text .answer-body[data-v-3fe61df0]{color:var(--ai-text-secondary);line-height:1.7;font-size:14px}.ai-question-panel .answer-section .answer-content .code-section[data-v-3fe61df0]{background:var(--ai-bg-secondary);border:1px solid var(--ai-panel-border);border-radius:var(--ai-radius);overflow:hidden}.ai-question-panel .answer-section .answer-content .code-section .code-header[data-v-3fe61df0]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.ai-question-panel .answer-section .answer-content .code-section .code-header .code-title[data-v-3fe61df0]{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--ai-text-muted);text-transform:uppercase;letter-spacing:.5px}.ai-question-panel .answer-section .answer-content .code-section .code-header .copy-btn[data-v-3fe61df0]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--ai-text-muted);cursor:pointer;transition:all .2s ease}.ai-question-panel .answer-section .answer-content .code-section .code-header .copy-btn[data-v-3fe61df0]:hover{background:#ffffff1a;color:var(--ai-text-primary)}.ai-question-panel .answer-section .answer-content .code-section .code-content[data-v-3fe61df0]{padding:16px}.ai-question-panel .answer-section .answer-content .code-section .code-content pre[data-v-3fe61df0]{margin:0;overflow-x:auto}.ai-question-panel .answer-section .answer-content .code-section .code-content pre code[data-v-3fe61df0]{color:var(--ai-text-primary);font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:13px;line-height:1.5}.ai-question-panel .answer-section .answer-content .code-section .apply-btn[data-v-3fe61df0]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--ai-success);border:none;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-question-panel .answer-section .answer-content .code-section .apply-btn[data-v-3fe61df0]:hover{background:var(--ai-success-hover)}.ai-question-panel .answer-section .answer-content .explanation-section[data-v-3fe61df0]{padding-top:20px;border-top:1px solid var(--ai-panel-border)}.ai-question-panel .answer-section .answer-content .explanation-section .explanation-header[data-v-3fe61df0]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ai-question-panel .answer-section .answer-content .explanation-section .explanation-header span[data-v-3fe61df0]{font-size:14px;font-weight:500;color:var(--ai-text-primary)}.ai-question-panel .answer-section .answer-content .explanation-section .explanation-content[data-v-3fe61df0]{color:var(--ai-text-secondary);line-height:1.6;font-size:13px}.backdrop-enter-active[data-v-3fe61df0],.backdrop-leave-active[data-v-3fe61df0]{transition:all .3s cubic-bezier(.4,0,.2,1)}.backdrop-enter-from[data-v-3fe61df0],.backdrop-leave-to[data-v-3fe61df0]{opacity:0}.panel-enter-active[data-v-3fe61df0]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.panel-leave-active[data-v-3fe61df0]{transition:all .3s cubic-bezier(.4,0,.2,1)}.panel-enter-from[data-v-3fe61df0]{opacity:0;transform:translate(-50%,-50%) scale(.9) translateY(20px)}.panel-leave-to[data-v-3fe61df0]{opacity:0;transform:translate(-50%,-50%) scale(.95) translateY(-10px)}.answer-enter-active[data-v-3fe61df0]{transition:all .5s cubic-bezier(.4,0,.2,1)}.answer-leave-active[data-v-3fe61df0]{transition:all .3s cubic-bezier(.4,0,.2,1)}.answer-enter-from[data-v-3fe61df0]{opacity:0;transform:translateY(30px)}.answer-leave-to[data-v-3fe61df0]{opacity:0;transform:translateY(-10px)}.code-block-enter-active[data-v-3fe61df0],.explanation-enter-active[data-v-3fe61df0]{transition:all .4s cubic-bezier(.4,0,.2,1)}.code-block-enter-from[data-v-3fe61df0],.explanation-enter-from[data-v-3fe61df0]{opacity:0;transform:translateY(20px)}.spinner-enter-active[data-v-3fe61df0],.spinner-leave-active[data-v-3fe61df0]{transition:all .2s ease}.spinner-enter-from[data-v-3fe61df0],.spinner-leave-to[data-v-3fe61df0]{opacity:0;transform:scale(.8)}@keyframes spin-3fe61df0{to{transform:rotate(360deg)}}@media (max-width: 768px){.ai-question-panel[data-v-3fe61df0]{width:95vw;max-height:90vh}.ai-question-panel .panel-header[data-v-3fe61df0]{padding:16px 20px}.ai-question-panel .panel-header .header-content h3[data-v-3fe61df0]{font-size:16px}.ai-question-panel .question-section[data-v-3fe61df0],.ai-question-panel .answer-section[data-v-3fe61df0]{padding:20px}.ai-question-panel .question-input[data-v-3fe61df0]{min-height:100px}.ai-question-panel .input-actions[data-v-3fe61df0]{flex-direction:column;gap:12px;align-items:stretch}.ai-question-panel .input-actions .ask-btn[data-v-3fe61df0]{width:100%;justify-content:center}}.answer-section[data-v-3fe61df0]::-webkit-scrollbar{width:6px}.answer-section[data-v-3fe61df0]::-webkit-scrollbar-track{background:transparent}.answer-section[data-v-3fe61df0]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.answer-section[data-v-3fe61df0]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.monaco-container[data-v-eda1b38e]{width:100%;height:100%;min-height:300px;position:relative}.monaco-editor[data-v-eda1b38e]{width:100%;height:calc(100% - 33px);min-height:300px}[data-v-eda1b38e] .monaco-editor .suggest-widget,[data-v-eda1b38e] .monaco-editor .parameter-hints-widget{z-index:10000}[data-v-eda1b38e] .monaco-editor .monaco-list-row[aria-label*=🤖]{background:#4caf501a;border-left:3px solid #4caf50}[data-v-eda1b38e] .monaco-editor :deep(.readonly-region-header),[data-v-eda1b38e] .monaco-editor :deep(.readonly-region-footer){background-color:#f5f5f5!important;border-left:3px solid #ff6b6b!important;position:relative;cursor:not-allowed!important}[data-v-eda1b38e] .monaco-editor :deep(.readonly-region-header):before,[data-v-eda1b38e] .monaco-editor :deep(.readonly-region-footer):before{content:"🔒";position:absolute;left:-20px;color:#ff6b6b;font-size:12px}[data-v-eda1b38e] .monaco-editor :deep(.readonly-glyph){background-color:#ff6b6b!important;width:3px!important}[data-v-eda1b38e] .monaco-editor :deep(.readonly-region-header *),[data-v-eda1b38e] .monaco-editor :deep(.readonly-region-footer *){-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important}.tag-input-container[data-v-6034c3e5]{display:flex;flex-wrap:wrap}.tag-input-container>*[data-v-6034c3e5]{margin:var(--ml-mg-small)}.modeType[data-v-4c981a8a]{margin:var(--ml-mg-base) 0;display:flex;justify-content:space-between;align-items:center}.modeType .tagInput[data-v-4c981a8a],.modeType .tag-modifiers[data-v-4c981a8a]{width:40%}[data-v-4c981a8a] .tag-input-container{justify-content:flex-end}.data2input-item[data-v-72594a3f]{display:flex;align-items:center;justify-content:center;background-color:var(--ml-bg-color);padding:var(--ml-pd-base);border-radius:var(--ml-radius-base);width:100%}.data2input-item[data-v-72594a3f]>:not(button){width:100%}.ml-sub-form-list[data-v-f6ba74b0]{width:100%;overflow-x:hidden;border-radius:var(--ml-radius-base);padding:var(--ml-mg-small);border:1px solid var(--ml-fill-color-4)}.ml-sub-form-list__header[data-v-f6ba74b0]{display:flex;flex-direction:row;justify-content:space-between}.ml-sub-form-list__content[data-v-f6ba74b0]{display:flex;flex-direction:column;overflow:auto}.ml-sub-form-list__item[data-v-f6ba74b0]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:var(--ml-mg-base) 0;border-radius:var(--ml-radius-base)}.ml-sub-form-list__item-label[data-v-f6ba74b0]{text-align:center;font-size:14px;font-weight:700;flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:0 var(--ml-pd-base)}.ml-sub-form-list__item-label .ml-sub-form-list__item-required[data-v-f6ba74b0]:before{content:"*";color:var(--ml-color-danger);margin-right:4px}.ml-sub-form-list__item-label.index[data-v-f6ba74b0]{min-width:68px;max-width:68px;-webkit-user-select:none;user-select:none}.ml-sub-form-list__item-label.sort[data-v-f6ba74b0],.ml-sub-form-list__item.index[data-v-f6ba74b0],.ml-sub-form-list__item.sort[data-v-f6ba74b0]{min-width:68px;max-width:68px}.ml-sub-form-list__item.content[data-v-f6ba74b0]{padding:0}.ml-sub-form-list__empty[data-v-f6ba74b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px 0}.ml-sub-form-list__empty-text[data-v-f6ba74b0]{font-size:14px;color:var(--ml-fill-color-2);-webkit-user-select:none;user-select:none;letter-spacing:6px}.ml-sub-form-list__footer-add[data-v-f6ba74b0]{padding-top:var(--ml-pd-small);border-top:1px solid var(--ml-fill-color-4);text-align:center}.css-svg-icon[data-v-f6ba74b0]:hover{color:var(--ml-primary-color);cursor:all-scroll}.sub-title{font-size:12px;font-weight:700;-webkit-user-select:none;user-select:none;color:var(--ml-text-color-1)}.designer-container__body-title{display:flex;justify-content:space-between;align-items:center;background-color:var(--ml-bg-color);border-radius:var(--ml-radius-small);border-bottom-left-radius:0;border-bottom-right-radius:0;padding:var(--ml-pd-lg) var(--ml-pd-base);cursor:pointer}.designer-container__body-title__text{font-size:14px;font-weight:700;-webkit-user-select:none;user-select:none;color:var(--ml-text-color-1)}.designer-container__body-title__expand{width:16px;height:16px}.suffix-tag,.suffix-unit{color:var(--ml-icon-color);font-size:10px}.fade-move,.fade-enter-active,.fade-leave-active{transition:all .2s cubic-bezier(.55,0,.1,1)}.fade-enter-from,.fade-leave-to{opacity:0;transform:scaleY(.01) translate(30px)}.fade-leave-active{position:absolute}.fade1-move,.fade1-enter-active,.fade1-leave-active{opacity:1;transition:all .5s cubic-bezier(.55,0,.1,1)}.fade1-enter-from,.fade1-leave-to{opacity:0}.fade1-leave-active{position:absolute}.list-move,.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translateY(30px)}.list-leave-active{position:absolute}.list2top-move,.list2top-enter-active,.list2top-leave-active{transition:all .5s ease}.list2top-enter-from,.list2top-leave-to{opacity:0;transform:translateY(30px)}.list2top-leave-active{position:absolute;top:0}.slide2Width-enter-active,.slide2Width-leave-active{transition:.5s ease;overflow:hidden;position:relative}@keyframes slide2WidthIn{0%{width:0}to{width:300px}}@keyframes slide2WidthOut{0%{width:300px}to{width:0}}.slide2Width-enter-to{animation:slide2WidthIn .5s forwards}.slide2Width-leave-to{animation:slide2WidthOut .5s forwards}.function-top,.function-bottom{background-color:#282a36;color:#fff;font-weight:700;padding:6px 10px}.css-svg-icon{margin:0!important;cursor:pointer;transition:var(--ml-transition-base);border-radius:var(--ml-radius-small)}.css-svg-icon:hover{background-color:var(--ml-fill-color-4)}.css-svg-icon.is-active{background-color:var(--ml-fill-color-3)}.css-svg-icon.disabled{background-color:var(--ml-bg-color);cursor:auto}.link-icon{margin-left:var(--ml-mg-small)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important}.toolbar-icon{font-size:22px;width:28px!important;height:28px!important}.designer-toolbar{background-color:var(--ml-bg-color);display:flex;align-items:center;justify-content:space-between;padding:var(--ml-pd-base) 0;border-bottom:1px solid var(--ml-border-color);position:fixed;width:320px;z-index:2}.comp-container{position:relative;box-shadow:var(--ml-shadow-mini);margin-top:var(--ml-mg-base);overflow:hidden;background-color:var(--ml-bg-color);background-image:linear-gradient(to bottom,rgba(255,255,255,.03),transparent)}.comp-container .comp-content{padding:0 var(--ml-pd-base)}.basic-list{display:flex;width:100%;height:auto;overflow-y:auto;overflow-x:hidden;flex-direction:column;padding:var(--ml-pd-base);border-top:1px solid var(--ml-border-color-light, rgba(0, 0, 0, .05))}.is-side-bar .basic-list{height:inherit}::-webkit-scrollbar{width:0px;height:2px;border-radius:10px;background-color:#f5f5f5}.context-menu__list .mx-context-menu-item{padding:var(--ml-pd-base) var(--ml-pd-lg)}.context-menu__list .mx-context-menu-item .mx-item-row .label{font-size:12px;font-weight:500;letter-spacing:.5px}.context-menu__list .mx-context-menu-item.menu-danger{color:var(--ml-danger-color)}.context-menu__list .mx-context-menu-item.menu-success{color:var(--ml-success-color)}.context-menu__list .mx-context-menu-item.menu-info{color:var(--ml-info-color)}.context-menu__list .mx-context-menu-item.menu-warning{color:var(--ml-warning-color)}.context-menu__list .mx-context-menu-item.menu-primary{color:var(--ml-primary-color)}.context-menu__list .mx-context-menu-item.disabled{color:var(--mx-menu-disabled-text)}:root{--mx-menu-backgroud: var(--ml-bg-color);--mx-menu-hover-backgroud: var(--ml-fill-color-4);--mx-menu-active-backgroud: var(--ml-fill-color-3);--mx-menu-open-backgroud: var(--ml-fill-color-4);--mx-menu-open-hover-background: var(--ml-fill-color-4);--mx-menu-divider: var(--ml-fill-color-5);--mx-menu-text: var(--ml-primary-color);--mx-menu-hover-text: var(--ml-primary-color-hover);--mx-menu-active-text: var(--ml-primary-color-active);--mx-menu-open-text: var(--ml-primary-color);--mx-menu-open-hover-text: var(--ml-primary-color-hover);--mx-menu-disabled-text: var(--ml-primary-color-disabled);--mx-menu-shadow-color: rgba(0, 0, 0, .05);--mx-menu-backgroud-radius: var(--ml-radius-small);--mx-menu-shortcut-backgroud: #ebebeb;--mx-menu-shortcut-backgroud-hover: #ebebeb;--mx-menu-shortcut-backgroud-active: #ebebeb;--mx-menu-shortcut-backgroud-open: #ebebeb;--mx-menu-shortcut-backgroud-disabled: #fdfdfd;--mx-menu-shortcut-text: #424242;--mx-menu-shortcut-text-hover: #424242;--mx-menu-shortcut-text-active: #424242;--mx-menu-shortcut-text-open: #424242;--mx-menu-shortcut-text-disabled: #a5a5a5;--mx-menu-focus-color: #0085f1;--mx-menu-placeholder-width: 24px}.fullscreen{background-color:transparent!important}.data2form-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--ml-bg-color);padding:var(--ml-pd-base);border-radius:var(--ml-radius-base);height:40px}.data2form-item .data2form-item__label{width:100px;font-size:14px;font-weight:700;padding-right:var(--ml-pd-base);overflow:hidden}.data2form-item .data2form-item__input{width:120px;position:relative}.data2form-item .data2form-item__input>*{width:100%}.data2form-item .data2form-item__icon{width:24px;padding:3px;display:flex;justify-content:center;align-items:center;border-radius:var(--ml-radius-base);-webkit-user-select:none;user-select:none}.data2form-item .data2form-item__icon:not(.data2form-item .data2form-item__icon.disabled){background-color:var(--ml-bg-page-color);transition:var(--ml-transition-base);cursor:pointer}.data2form-item .data2form-item__icon:not(.data2form-item .data2form-item__icon.disabled):hover{background-color:var(--ml-fill-color-3)}.data2form-item .data2form-item__icon .data2form-item__svg-icon{margin:0;width:12px}.data2form-item .data2form-item__icon.disabled .data2form-item__svg-icon{color:var(--ml-fill-color-2)}.designer-slot__selected-item{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--ml-transition-base);padding:var(--ml-pd-small) var(--ml-pd-base);border-radius:var(--ml-radius-small)}.designer-slot__selected-item:hover{background-color:var(--ml-fill-color-4);color:var(--ml-primary-color)}.css-panel{background-color:var(--ml-bg-color);overflow:hidden;box-shadow:var(--ml-shadow-mini);margin-top:var(--ml-mg-base)}.css-panel__header{display:flex;justify-content:space-between;align-items:center;padding:var(--ml-pd-base);-webkit-user-select:none;user-select:none}.css-panel__title{font-size:14px;font-weight:600;color:var(--ml-text-color-1)}.css-panel__actions{display:flex;align-items:center;gap:var(--ml-mg-small)}.css-panel__body{padding:var(--ml-pd-base)}.css-panel__body--divider{margin-top:var(--ml-mg-lg);padding-top:var(--ml-pd-lg);border-top:1px solid var(--ml-border-color-light)}.css-panel__radio-group{flex:1;display:flex;align-items:center}.css-panel__row{display:flex;align-items:center;margin-bottom:var(--ml-mg-base);gap:var(--ml-mg-base)}.css-panel__row:last-child{margin-bottom:0}.css-panel__row--between{justify-content:space-between}.css-panel__row--wrap{flex-wrap:wrap;gap:var(--ml-mg-base)}.css-panel__radius-link-container{position:absolute;top:-16px;left:50%;transform:translate(-50%);z-index:1}.css-panel__radius-link-icon{cursor:pointer;background-color:var(--ml-bg-color);border-radius:50%;padding:4px;box-shadow:0 1px 3px #0000001a}.css-panel__input-wrapper{flex:1;min-width:0}.css-panel__input-wrapper:last-child{margin-right:0}.css-panel__input-wrapper--equal{flex:0 0 calc(50% - var(--ml-mg-base) / 2)}.css-panel__icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:100%;cursor:pointer;transition:var(--ml-transition-base)}.css-panel__icon-btn:hover{background-color:var(--ml-fill-color-4)}.css-panel__icon-btn--active{background-color:var(--ml-fill-color-3);color:var(--ml-primary-color)}.css-panel__icon-btn--disabled{opacity:.5;cursor:not-allowed}.css-panel__icon-btn--disabled:hover{background-color:transparent}.css-panel__group{display:flex;align-items:center;background-color:var(--ml-bg-page-color);border-radius:var(--ml-radius-small);padding:var(--ml-pd-small);gap:var(--ml-mg-small)}.css-panel__label{font-size:12px;color:var(--ml-text-color-2);margin-bottom:var(--ml-mg-small)}.css-panel__suffix{color:var(--ml-icon-color);font-size:10px}.css-panel.is-disabled{opacity:.7;pointer-events:none}.css-panel__button-group{display:flex;align-items:center;justify-content:flex-end}.css-panel__button-group .css-panel__icon-btn{margin-left:var(--ml-mg-base);cursor:pointer;transition:var(--ml-transition-base);padding:4px;border-radius:var(--ml-radius-small)}.css-panel__button-group .css-panel__icon-btn:hover{background-color:var(--ml-fill-color-4)}.css-panel__button-group .css-panel__icon-btn--active{color:var(--ml-primary-color);background-color:var(--ml-fill-color-3)}.css-panel__button-group .css-panel__icon-btn:first-child{margin-left:0}.css-panel__align-group{display:flex;align-items:center;width:100%;margin-top:var(--ml-mg-base)}.css-panel__align-group .css-panel__align-btn{padding:5px;cursor:pointer;transition:var(--ml-transition-base);border-radius:var(--ml-radius-small);margin-right:var(--ml-mg-base)}.css-panel__align-group .css-panel__align-btn:hover{background-color:var(--ml-fill-color-4)}.css-panel__align-group .css-panel__align-btn--active{background-color:var(--ml-fill-color-3)}.css-panel__align-group .css-panel__align-btn:last-child{margin-right:0}.css-toolbar-icon{width:24px;height:24px;padding:4px;border-radius:var(--ml-radius-small);cursor:pointer;transition:var(--ml-transition-base)}.css-toolbar-icon:hover{background-color:var(--ml-fill-color-4)}.css-toolbar-icon--active{background-color:var(--ml-fill-color-3);color:var(--ml-primary-color)}.css-color-picker{display:flex;align-items:center;gap:var(--ml-mg-base)}:root{--ml-bg-color:#FFFFFF;--ml-bg-page-color:#F9F9F9;--ml-border-color:#E5E6EB;--ml-primary-color-1: rgb(228.6, 237.5257142857, 255);--ml-primary-color-2: rgb(182.7, 207.1442857143, 255);--ml-primary-color-3: rgb(136.8, 176.7628571429, 255);--ml-primary-color-4: rgb(90.9, 146.3814285714, 255);--ml-primary-color-5: #2d74ff;--ml-primary-color-6:#2D74FF;--ml-primary-color-7: rgb(0, 84.1857142857, 249);--ml-primary-color-8: rgb(0, 66.9428571429, 198);--ml-primary-color-9: rgb(0, 49.7, 147);--ml-primary-color:var(--ml-primary-color-6);--ml-primary-color-light: var(--ml-primary-color-1);--ml-primary-color-focus: var(--ml-primary-color-2);--ml-primary-color-disabled: var(--ml-primary-color-3);--ml-primary-color-hover: var(--ml-primary-color-7);--ml-primary-color-active: var(--ml-primary-color-8);--ml-primary-color-light-hover: var(--ml-primary-color-2);--ml-warning-color-1: rgb(255, 225.32, 183.6);--ml-warning-color-2: rgb(255, 206.24, 137.7);--ml-warning-color-3: rgb(255, 187.16, 91.8);--ml-warning-color-4: rgb(255, 168.08, 45.9);--ml-warning-color-5: #ff9500;--ml-warning-color-6:#FF9500;--ml-warning-color-7: rgb(204, 119.2, 0);--ml-warning-color-8: rgb(153, 89.4, 0);--ml-warning-color-9: rgb(102, 59.6, 0);--ml-warning-color:var(--ml-warning-color-6);--ml-warning-color-light: var(--ml-warning-color-1);--ml-warning-color-focus: var(--ml-warning-color-2);--ml-warning-color-disabled: var(--ml-warning-color-3);--ml-warning-color-hover: var(--ml-warning-color-7);--ml-warning-color-active: var(--ml-warning-color-8);--ml-warning-color-light-hover: var(--ml-warning-color-2);--ml-success-color-1: rgb(195.2207171315, 239.3792828685, 206.3354581673);--ml-success-color-2: rgb(158.8298804781, 229.8701195219, 176.7107569721);--ml-success-color-3: rgb(122.4390438247, 220.3609561753, 147.0860557769);--ml-success-color-4: rgb(86.0482071713, 210.8517928287, 117.4613545817);--ml-success-color-5: #34c759;--ml-success-color-6:#34C759;--ml-success-color-7: rgb(41.4342629482, 158.5657370518, 70.9163346614);--ml-success-color-8: rgb(30.8685258964, 118.1314741036, 52.8326693227);--ml-success-color-9: rgb(20.3027888446,