html[data-v-223c0e74]{font-size:16px}@media screen and (max-width:768px){html[data-v-223c0e74]{font-size:14px}}@media screen and (min-width:769px) and (max-width:1024px){html[data-v-223c0e74]{font-size:calc(8px + .78125vw)}}@media screen and (min-width:1025px){html[data-v-223c0e74]{font-size:16px}}.warning[data-v-223c0e74]{margin:.25rem;padding:.25rem}.cover[data-v-4fb49f20]{display:flex;width:100%;height:100%;background-repeat:no-repeat!important;background-size:cover!important;background-position:50%!important;justify-content:center}.random-img[data-v-4fb49f20]{border:none;width:100%;height:100%}.layout-item__wraper[data-v-6a394ecd]{border:1px solid #ccc}.canvas__wrapper[data-v-2bd8e888]{width:100%;height:100%}.coordinate-canvas__wrapper .container[data-v-16555ee7]{position:relative;width:100%;height:100%}.point[data-v-16555ee7]{text-align:center;color:#fff;position:absolute}.top-left[data-v-16555ee7]{left:-1.5rem;top:-1.5rem}.top-right[data-v-16555ee7]{right:-1.5rem;top:-1.5rem}.bottom-left[data-v-16555ee7]{left:-1.5rem;bottom:-1.5rem}.bottom-right[data-v-16555ee7]{right:-1.5rem;bottom:-1.5rem}.layout-mode-container[data-v-4e07cf13]{display:flex;flex-direction:row;justify-content:space-around;width:100%;width:-moz-fit-content;width:fit-content}.layout-icon[data-v-4e07cf13]{color:#fff;margin:0 10px}.layout-icon-selected[data-v-4e07cf13],.layout-icon[data-v-4e07cf13]:hover{color:var(--primary-color)}.cover[data-v-709c0f44]{width:48px;height:48px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) repeat}.osd-item[data-v-709c0f44]{margin:0 var(--margin-medium)}.leading-container[data-v-709c0f44]{width:100%;display:flex;align-items:center}.layer-cell__container[data-v-709c0f44]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:var(--margin-small) var(--margin-medium)}.info-container[data-v-709c0f44]{display:flex;align-items:center}.icon-container[data-v-709c0f44]{width:40px;height:40px;display:flex;justify-content:center;align-items:center}[data-v-709c0f44] .ant-checkbox-inner{border:2px solid var(--primary-color);border:1px solid var(--background-gray)}.leading-container .detail[data-v-709c0f44]{padding:var(--padding-xx-small) var(--padding-xx-small);overflow:hidden;white-space:nowrap;max-width:170px}.scrollable-container[data-v-4f80640a]{max-height:85%;overflow-y:auto}.combine-container[data-v-4f80640a]{height:100%;overflow:hidden}.sidebar__warpper[data-v-4f80640a]{display:flex;flex-direction:column;border:1px solid #ccc}.headline[data-v-4f80640a]{padding:var(--padding-medium) var(--padding-medium);margin-bottom:0}.header-container[data-v-4f80640a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.image-inspector__container[data-v-4f80640a]{display:flex;flex-direction:column}.header-conatiner .tips[data-v-4f80640a]{color:var(--primary-color)}.item[data-v-4f80640a]{display:flex;flex-direction:column;width:100%;align-items:self-start}.add-text-wrapper[data-v-4f80640a]{width:100%;margin:var(--margin-medium) auto;display:flex;justify-content:center}.switch-wrapper .container[data-v-4f80640a]{width:100%;display:flex;justify-content:space-between;padding:var(--padding-medium) var(--padding-medium);margin:var(--margin-medium) var(--margin-medium)!important}.upload-image-wrapper[data-v-4f80640a]{display:flex;margin-top:var(--margin-large);justify-content:center}.upload-warning[data-v-4f80640a]{margin-top:var(--margin-x-small);color:var(--warning-color)}.switch-wrapper[data-v-4f80640a]{display:flex;width:100%;padding:var(--margin-medium);align-items:center;justify-content:space-between}.switch-wrapper .container[data-v-4f80640a]{width:120px;padding:0;margin:0}.coordinate-form-model-item[data-v-4cdc9e9f]{display:flex;flex-direction:column}.coordinate-item-container[data-v-4cdc9e9f]{display:flex}.coordinate-form-model-item .control[data-v-4cdc9e9f]{width:70px}.coordinate-item-container .title[data-v-4cdc9e9f]{padding:0 var(--padding-small)}.x-axis-container[data-v-4cdc9e9f]{display:flex;flex-direction:row}.axis-containers[data-v-4cdc9e9f]{display:flex;flex-direction:column}[data-v-4cdc9e9f] .ant-form-item-label{text-align:left}[data-v-4cdc9e9f] .ant-input-number-disabled{color:#fff;background-color:transparent}.select-form-model-item .ant-form-item-label{width:var(--form-item-label-width)!important}.inspector__wrapper .container[data-v-20163ffd]{display:flex;flex-direction:column;justify-content:center}.inspector__wrapper .container .btn-container[data-v-20163ffd]{display:flex;justify-content:center;width:100%}.inspector__wrapper .container .remove-btn[data-v-20163ffd]{max-width:80px}.headline[data-v-20163ffd]{font-size:medium;font-weight:600;margin:10px;padding:10px}[data-v-20163ffd] .ant-form-item-label{text-align:left!important}[data-v-20163ffd] .item{display:flex;flex-direction:column;width:100%;align-items:self-start;margin:10px}.preview-container[data-v-20163ffd]{display:flex;flex-direction:row;align-items:center;margin:10px 10px;padding:0 10px}.aspect-input[data-v-20163ffd]{width:80px;margin-left:10px}html[data-v-2d0598d5]{font-size:16px}@media screen and (max-width:768px){html[data-v-2d0598d5]{font-size:14px}}@media screen and (min-width:769px) and (max-width:1024px){html[data-v-2d0598d5]{font-size:calc(8px + .78125vw)}}@media screen and (min-width:1025px){html[data-v-2d0598d5]{font-size:16px}}@media screen and (min-width:769px) and (max-width:1024px){.warn[data-v-2d0598d5]{font-size:xx-small}.coordinate-canvas[data-v-2d0598d5]{width:calc(var(--viewport-width)*0.56)}.coordinate-canvas[data-v-2d0598d5],.sidebar[data-v-2d0598d5]{margin:.5rem!important;height:calc(var(--viewport-width)*0.315)}.sidebar[data-v-2d0598d5]{width:180px}.inspector[data-v-2d0598d5]{margin:.5rem!important;width:256px;height:calc(var(--viewport-width)*0.315)}.settings-container[data-v-2d0598d5]{width:calc(var(--viewport-width)*0.56)}}@media screen and (min-width:1025px) and (max-width:1366px){.coordinate-canvas[data-v-2d0598d5]{width:calc(var(--viewport-width)*0.55);height:calc(var(--viewport-width)*0.30938)}.sidebar[data-v-2d0598d5]{width:180px;height:calc(var(--viewport-width)*0.30938)}.inspector[data-v-2d0598d5]{width:256px;height:calc(var(--viewport-width)*0.30938)}.settings-container[data-v-2d0598d5]{width:calc(var(--viewport-width)*0.55)}}@media screen and (min-width:1367px) and (max-width:1440px){.coordinate-canvas[data-v-2d0598d5]{width:calc(var(--viewport-width)*0.65);height:calc(var(--viewport-width)*0.36563)}.inspector[data-v-2d0598d5],.sidebar[data-v-2d0598d5]{width:256px;height:calc(var(--viewport-width)*0.36563)}.settings-container[data-v-2d0598d5]{width:calc(var(--viewport-width)*0.65)}}@media screen and (min-width:1441px){.coordinate-canvas[data-v-2d0598d5]{width:calc(var(--viewport-width)*0.8);height:calc(var(--viewport-width)*0.45)}.inspector[data-v-2d0598d5],.sidebar[data-v-2d0598d5]{width:256px;height:calc(var(--viewport-width)*0.45)}.settings-container[data-v-2d0598d5]{width:calc(var(--viewport-width)*0.8)}}.mutable__wrapper[data-v-2d0598d5]{display:flex;flex-direction:column;justify-content:center}.mutable__wrapper .design-area[data-v-2d0598d5]{display:flex;justify-content:center;align-items:end}.mutable__wrapper .coordinate-canvas[data-v-2d0598d5],.mutable__wrapper .inspector[data-v-2d0598d5]{margin:1rem;border:1px solid #ccc}.mutable__wrapper .sidebar[data-v-2d0598d5]{margin:1rem}.mutable__wrapper .warn[data-v-2d0598d5]{text-align:center;margin:.5rem}.mutable__wrapper .menu-bar-container[data-v-2d0598d5]{display:flex;align-items:center;flex-direction:row;justify-content:center;width:100%}.mutable__wrapper .menu-bar-container .headline[data-v-2d0598d5]{text-align:right}.mutable__wrapper .settings-container[data-v-2d0598d5]{display:flex}.mutable__wrapper .toolbar[data-v-2d0598d5]{margin:1.5rem 0;display:flex;width:100%;justify-content:center}.mutable__wrapper .toolbar .bar-item[data-v-2d0598d5]{margin:0 1rem}.page-container[data-v-310a9aeb]{display:block}