.designer-page[data-v-c86a10a6]{position:relative}.tool-bar[data-v-c86a10a6]{margin-bottom:10px}.canvas-wrapper[data-v-c86a10a6]{position:relative;background:#f5f5f;padding:20px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.canvas-container[data-v-c86a10a6]{position:relative;background:#fff;border:1px dashed #999}.grid[data-v-c86a10a6]{position:absolute;left:0;top:0;right:0;bottom:0;background-image:linear-gradient(#eee 1px,transparent 0),linear-gradient(90deg,#eee 1px,transparent 0);background-size:5mm 5mm;opacity:.5;pointer-events:none}.item[data-v-c86a10a6]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:move;padding:2px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f9f9f9}.item.active[data-v-c86a10a6]{outline:2px solid #409eff;background:#edf7ff}.item-table[data-v-c86a10a6]{position:absolute;cursor:move;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.item-table.active[data-v-c86a10a6]{outline:2px solid #409eff}.ruler[data-v-c86a10a6]{position:absolute;background:#f1f1f1;color:#666;font-size:9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.top-ruler[data-v-c86a10a6]{top:0;left:20px;right:0;height:20px;border-bottom:1px solid #ddd}.left-ruler[data-v-c86a10a6]{top:20px;left:0;bottom:0;width:20px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-right:1px solid #ddd}.ruler-mark[data-v-c86a10a6]{width:10mm;text-align:center;line-height:20px}