*{padding:0;margin:0;box-sizing:border-box}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{border-radius:2px;background-color:#dadadb}::-webkit-scrollbar-track{border-radius:2px}.mb16{margin-bottom:16px}.drag-item[data-v-42a8c545]{width:100px;height:88px;display:flex;flex-direction:column}.drag-item__el[data-v-42a8c545]{width:100px;height:60px;border-radius:4px;border:1px solid #dddddd}.drag-item__title[data-v-42a8c545]{text-align:center;font-size:14px;font-family:Source Han Sans CN;font-weight:400;color:#555;line-height:14px;margin-top:14px}.drag-sidebar[data-v-6b321d79]{overflow-y:auto;height:100%}.drag-sidebar .drag-group[data-v-6b321d79]{margin:0 18px 24px}.drag-sidebar .drag-group__title[data-v-6b321d79]{font-size:14px;font-family:Source Han Sans CN;font-weight:700;color:#555;margin-bottom:12px;display:flex;align-items:center}.drag-sidebar .drag-group__content[data-v-6b321d79]{display:flex;flex-wrap:wrap;gap:16px 20px}.preview-item[data-v-0d50f8f8]{position:relative;box-sizing:border-box;overflow:hidden;pointer-events:all;opacity:1;-webkit-user-select:none;user-select:none;overflow:auto;resize:both}.preview-item__default[data-v-0d50f8f8]{position:absolute;cursor:pointer;top:0;left:0;width:100%;height:100%;background:red;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:6px;background-color:#efefef;border:2px solid rgba(44,104,243,.1450980392)}.preview-item__default[data-v-0d50f8f8]:hover{border-color:#2c68f399;transition:all .2s}.preview-item .close-btn[data-v-0d50f8f8]{position:absolute;cursor:pointer;right:4px;top:4px;height:20px;width:20px}.preview-item .close-btn[data-v-0d50f8f8]:after,.preview-item .close-btn[data-v-0d50f8f8]:before{content:"";background:#666;width:16px;height:2px;margin:auto;position:absolute;top:0;bottom:0;right:0;left:0}.preview-item .close-btn[data-v-0d50f8f8]:before{transform:rotate(-225deg);top:0}.preview-item .close-btn[data-v-0d50f8f8]:after{transform:rotate(225deg);top:0}.move-mask[data-v-09ea057a]{position:absolute;left:0;top:0;pointer-events:none;transition:all .2s;z-index:2;opacity:1}.move-mask__default[data-v-09ea057a]{height:100%;border-radius:6px;box-sizing:border-box;border:2px solid rgba(40,103,249,.4745098039);background-color:#2867f91c;border-color:#f56f6f;background-color:#ff00001f}.drop-content[data-v-32d913f6]{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;overflow-y:auto}.drop-content__preview[data-v-32d913f6],.drop-content__drop-container[data-v-32d913f6]{display:grid;row-gap:var(--d0651f6e);column-gap:var(--d0651f6e);grid-template-columns:repeat(var(--c952f686),var(--59f539ca));grid-template-rows:repeat(var(--00768871),var(--1eaa865e))}.drop-content__preview .bg-column[data-v-32d913f6],.drop-content__drop-container .bg-column[data-v-32d913f6]{background-color:#fff;border-radius:6px;pointer-events:none}.drop-content__preview[data-v-32d913f6]{position:absolute;top:0;left:0;pointer-events:none;overflow:hidden}.preview-layout[data-v-901db6a0]{height:100%;width:100%;position:relative;overflow-y:auto}.preview-layout__container[data-v-901db6a0]{display:grid;row-gap:var(--36f9abd0);column-gap:var(--36f9abd0);grid-template-columns:repeat(var(--908c7054),var(--b603bc3c));grid-template-rows:repeat(var(--c0ba7810),var(--e86cbf12))}.preview-layout__item[data-v-901db6a0]{border-radius:var(--735411fe);overflow:hidden}.drag-container[data-v-853cf1f1]{height:100vh;width:100%;overflow:hidden;background-color:#fff;display:flex;flex-shrink:0}.drag-container__left[data-v-853cf1f1]{width:260px}.drag-container__right[data-v-853cf1f1]{flex:1;width:0;background:rgba(3,43,251,.1019607843);border-radius:6px;padding:20px;height:100%;overflow-y:auto}