*{margin:0;user-select:none;box-sizing:border-box}#container[data-v-731d047c]{display:flex;width:100%;height:100vh;align-items:center}#container .canvas-container[data-v-731d047c]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;transition:all 1s ease-in-out;overflow:hidden;background-color:#f0f0f0;max-width:100%!important;max-height:100vh!important}#container .canvas-container .box[data-v-731d047c]{border:4px solid #d4d4d4;max-width:100%!important;max-height:100vh!important;padding:3px;overflow:hidden;min-height:300px;min-width:300px}#container .config-container[data-v-731d047c]{height:100%;min-width:var(--55fd7f81);max-width:500px;z-index:10}.skeleton-toolbar[data-v-731d047c]{width:60px;height:100vh;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading-731d047c 1.5s infinite}.skeleton-content[data-v-731d047c]{width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading-731d047c 1.5s infinite;border-radius:8px}.skeleton-canvas[data-v-731d047c]{width:100%;height:100%;min-height:300px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading-731d047c 1.5s infinite;border-radius:8px}.skeleton-config[data-v-731d047c]{width:var(--55fd7f81);height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading-731d047c 1.5s infinite}@keyframes skeleton-loading-731d047c{0%{background-position:200% 0}to{background-position:-200% 0}}#element-container[data-v-731d047c]{max-width:400px;width:fit-content;height:100vh;overflow:hidden;display:flex}#element-container .element-tab[data-v-731d047c]{border-right:1px solid #dfdfdf;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#element-container .element-content[data-v-731d047c]{width:300px;padding:10px;animation:slideIn-731d047c .3s ease}@keyframes slideIn-731d047c{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}#element-container .slide-fade-enter-active[data-v-731d047c],#element-container .slide-fade-leave-active[data-v-731d047c]{transition:all .3s ease}#element-container .slide-fade-enter-from[data-v-731d047c],#element-container .slide-fade-leave-to[data-v-731d047c]{opacity:0;transform:translate(-20px)}@media screen and (max-width: 768px){#container[data-v-731d047c]{flex-direction:column}#container .canvas-container[data-v-731d047c]{width:100%;padding:5px;min-height:150vh;display:block}#container .canvas-container .box[data-v-731d047c]{max-height:100%!important;max-width:100%!important;overflow:scroll!important}.config-container[data-v-731d047c]{display:none}#element-container[data-v-731d047c]{background-color:#fff;z-index:1001;position:fixed;left:0;bottom:0;width:100%;max-width:100%;height:auto;max-height:100vh;flex-direction:column-reverse;box-shadow:0 -5px 15px #0000001a;border-radius:10px 10px 0 0}#element-container .element-tab[data-v-731d047c]{border-right:none;border-top:1px solid #dfdfdf;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 12px;width:100%}#element-container .element-content[data-v-731d047c]{width:100%;max-height:60vh;overflow-y:auto;animation:slideDown-731d047c .3s ease}@keyframes slideDown-731d047c{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#element-container .slide-fade-enter-active[data-v-731d047c],#element-container .slide-fade-leave-active[data-v-731d047c]{transition:all .3s ease}#element-container .slide-fade-enter-from[data-v-731d047c],#element-container .slide-fade-leave-to[data-v-731d047c]{opacity:0;transform:translateY(-10px)}}