.circledrag-canvas[data-v-eed0888d]{width:100%;height:100%}.row_container[data-v-94207fbf]{margin-left:20px;width:100%;height:20px;position:sticky;position:-webkit-sticky;top:0}.row_ruler[data-v-94207fbf]{left:0;top:0}.column_container[data-v-eae08906]{width:20px;height:100%;position:sticky;position:-webkit-sticky;left:0;top:0}.column_ruler[data-v-eae08906]{top:0;left:0}.rendered_container[data-v-e3467276]{position:absolute;user-select:none}.rendered_component[data-v-e3467276]{pointer-events:none;overflow:hidden}.click_mask[data-v-e3467276]{position:absolute;left:0;top:0;z-index:3;display:block;width:100%;height:100%;pointer-events:none;transition:all ease-in-out .1s}button[data-v-4e85ceec]{width:100%;height:100%}.view[data-v-68d65230]{background-color:#0003;overflow:hidden;transform:translate(0)}.container[data-v-68d65230]{height:100%;width:100%;overflow:auto}.view_controller[data-v-68d65230]{box-sizing:content-box}.inner_controller[data-v-68d65230]{background-color:#f0f0f0;border-radius:4px;box-shadow:#0000004d 0 0 20px}.view_ruler[data-v-68d65230]{left:0;top:0;position:absolute;width:100%;height:100%;pointer-events:none;z-index:10}.ruler_setting[data-v-68d65230]{position:fixed;z-index:4;left:0;top:0;display:block;background-color:red;width:20px;height:20px}.view[data-v-68d65230]::-webkit-scrollbar{width:20px;height:8px}.element_holder[data-v-2d07b419]{height:80px;padding:4px}.holder_item[data-v-2d07b419]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:2px solid rgba(0,0,0,.3);border-radius:4px;transition:all ease-in-out .15s}.holder_item[data-v-2d07b419]:hover{cursor:pointer;user-select:none;background-color:#0000000a}.left_panel[data-v-4dbac737]{flex-shrink:0;width:300px;height:fit-content;display:grid;grid-template-columns:50% 50%}.data_controller[data-v-c85c4945]{min-width:400px}.v-enter-active[data-v-c85c4945],.v-leave-active[data-v-c85c4945]{transition:all .15s ease-in-out}.v-enter-from[data-v-c85c4945],.v-leave-to[data-v-c85c4945]{min-width:0}.data_item[data-v-c85c4945]{width:100%}.data_item .item_title[data-v-c85c4945]{font-size:24px}.controller[data-v-3b3e06d6]{overflow:hidden;display:flex;flex-direction:row;height:100%}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}