.fullsize{width:100%;height:100%}.button{border:4px solid var(--button-border-color);border-radius:calc(var(--toolbar-width)/4);background-color:var(--button-bg-color);color:var(--button-font-color);justify-content:center;justify-items:center;width:100%;height:100%;display:flex}.button:hover{color:#202020;background-color:#aaa;border:4px solid #242424}.button-no-style,.button-no-style:hover{background-color:#0000;border:none}.button_input:not(:disabled)+.button:hover{color:#000;background-color:#cacaca;border-color:#000}.button_input{display:none}.buttongroup{border-radius:calc(var(--menu-height)/4);overflow:"clip";flex-flow:row;display:flex}.buttongroup-item{background-size:cover;width:96px;height:26px;margin-left:4px;margin-right:4px;font-size:large}.buttongroup .buttongroup-item:first-of-type .button{border-top-left-radius:calc(var(--menu-height)/4);border-bottom-left-radius:calc(var(--menu-height)/4)}.buttongroup .buttongroup-item:not(:first-of-type) .button{margin-left:0}.buttongroup .buttongroup-item:last-of-type .button{border-top-right-radius:calc(var(--menu-height)/4);border-bottom-right-radius:calc(var(--menu-height)/4)}.buttongroup .buttongroup-item:not(:last-of-type) .button{margin-right:0}.switch{width:52px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border-radius:calc(var(--menu-height)/2);background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";border-radius:calc(var(--menu-height)/4);background-color:#fff;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#000}input:focus+.slider{box-shadow:0 0 1px #000}input:checked+.slider:before{transform:translate(26px)}.canvas_group{touch-action:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:auto}.viewHelperCNT{min-height:1px;position:absolute;bottom:0;right:0}.TD_Background{background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}.Top_Dialog{border-radius:calc(var(--toolbar-width)/4);background-color:#fff;border:4px solid #000;width:auto;height:auto}.TD_Header{color:#fff;background-color:#000;padding:15px}.TD_Body{width:auto;height:auto;padding:20px 15px}.TD_BtnDialogClose{cursor:pointer;float:right;margin-left:25px;font-weight:bolder}.alert-danger{background-color:pink;border:1px solid red;border-radius:10px;padding:5px 20px}.ok_btn{width:50px}:root{--menu-height:30px;--statusbar-height:25px;--toolbar-width:30px;--toolbar-item-size:calc(var(--toolbar-width) - 8px);--toolbar-border-width:4px;--toolbar-border-color:#000;--toolbar-bg-color:#fff;--toolbar-font-color:#000;--button-bg-color:var(--toolbar-bg-color);--button-border-color:var(--toolbar-border-color);--button-font-color:var(--toolbar-font-color)}@media (pointer:coarse){:root{--menu-height:45px;--toolbar-width:45px}html,body{font-size:larger}}html,body{touch-action:none;-webkit-user-select:none;user-select:none;background-color:gray;width:100%;height:100%;margin:0;font-family:Fira Mono,Consolas,Menlo,Monaco,Source Code Pro,DejaVu Sans Mono,monospace;overflow:hidden}.menu{height:calc(var(--menu-height) + 2*var(--toolbar-border-width));pointer-events:none;flex-flow:row;display:flex;position:fixed;top:5px;left:5px;right:5px}.menu-item{height:var(--menu-height);width:var(--menu-height);background-size:cover}.menu-perm{width:fit-content}.menu-left-part{flex-wrap:nowrap;flex-shrink:1;flex-basis:50%;display:flex}.menu-left-part .menu-item{float:left}.menu-middle-part{pointer-events:all}.menu-box{border-style:solid;border-color:var(--toolbar-border-color);border-radius:calc(var(--menu-height)/4);background-color:var(--toolbar-bg-color);color:var(--toolbar-font-color);pointer-events:all;border-width:4px;width:fit-content;height:fit-content;display:flex}.menu-box .toolbar-item{height:calc(var(--menu-height) - 8px);width:calc(var(--menu-height) - 8px)}.menu-box .toolbar-button{background-size:cover;width:100%;height:100%}.menu-right-part{flex-flow:row-reverse;flex-shrink:1;flex-basis:50%;display:flex}.menu-right-part .menu-item{float:right}#menu-box-left{flex-direction:row;display:flex}#menu-box-right{flex-direction:row-reverse;display:flex}.workspace{flex-direction:row;width:100%;height:100vh;display:flex;overflow:hidden}.toolbar-vertical-cnt{pointer-events:none;justify-content:center;align-items:center;height:100vh;display:flex}.toolbar-vertical-cnt-left{position:fixed;top:0;left:5px}.toolbar-vertical-cnt-right{position:fixed;top:0;right:5px}.toolbar-vertical{color:var(--toolbar-font-color);background-color:var(--toolbar-bg-color);width:var(--toolbar-width);height:fit-content;min-height:calc((100% - var(--menu-height) - var(--statusbar-height))*.5);border-style:solid;border-color:var(--toolbar-border-color);border-radius:calc(var(--toolbar-width)/4);pointer-events:all;border-width:4px;flex-direction:column;display:flex;position:relative}.toolbar-item{width:var(--toolbar-item-size);height:var(--toolbar-item-size);margin:3px;display:inline-block;position:relative}.toolbar-button{width:var(--toolbar-item-size);height:var(--toolbar-item-size);border:1px solid var(--toolbar-font-color);border-radius:calc(var(--toolbar-width)/4 - 3px);anchor-name:--toolbar-button-tips;background-color:#fff;background-size:cover}@media (hover:hover){.toolbar-item .toolbar-button:hover{background-color:#dedede}.toolbar-item .toolbar-button:hover+.tooltip-text{visibility:visible}}@media (pointer:coarse){.toolbar-item .toolbar-button:active{background-color:#dedede}.toolbar-item .toolbar-button:active+.tooltip-text{visibility:visible}}.toolbar-item .tooltip-text{visibility:hidden;white-space:nowrap;background-color:var(--toolbar-bg-color);color:var(--toolbar-font-color);text-align:center;border:solid 2px var(--toolbar-border-color);z-index:1;border-radius:6px;padding:5px;position:absolute}.tooltip-text:empty{visibility:hidden}.toolbar-vertical-cnt-left .toolbar-item .tooltip-text{position-anchor:--toolbar-button-tips;left:anchor(right);top:anchor(center);transform:translateY(-50%) translateX(calc(var(--toolbar-border-width) + 6px))}.toolbar-vertical-cnt-left .toolbar-item .tooltip-text:after{content:" ";border:5px solid #0000;border-right-color:#000;margin-top:-5px;position:absolute;top:50%;right:100%}.toolbar-vertical-cnt-right .toolbar-item .tooltip-text{position-anchor:--toolbar-button-tips;right:anchor(left);top:anchor(center);transform:translateY(-50%) translateX(calc(-1 * (var(--toolbar-border-width) + 6px)))}.toolbar-vertical-cnt-right .toolbar-item .tooltip-text:after{content:" ";border:5px solid #0000;border-left-color:#000;margin-top:-5px;position:absolute;top:50%;left:100%}#editorui-menubar-left .toolbar-item .tooltip-text{position-anchor:--toolbar-button-tips;top:anchor(bottom);left:anchor(left);transform:translateY(12px)}#editorui-menubar-left .toolbar-item .tooltip-text:after{content:" ";margin-left:calc(var(--menu-height)*.5 - 10px);border:5px solid #0000;border-bottom-color:#000;position:absolute;bottom:100%;left:0%}#editorui-menubar-right .toolbar-item .tooltip-text{position-anchor:--toolbar-button-tips;top:anchor(bottom);right:anchor(right);transform:translateY(12px)}#editorui-menubar-right .toolbar-item .tooltip-text:after{content:" ";margin-right:calc(var(--menu-height)*.5 - 10px);border:5px solid #0000;border-bottom-color:#000;position:absolute;bottom:100%;right:0%}.toolbar-perm{height:fit-content}.toolbar-top{flex-direction:column;flex-grow:1;display:flex}.toolbar-bottom{flex-direction:column;height:fit-content;display:flex}.status-bar-cnt{pointer-events:none;flex-direction:row;display:flex;position:fixed;bottom:5px;left:5px;right:5px}.editorui-statusbar-left{flex-wrap:nowrap;flex-shrink:1;flex-basis:50%;display:flex}.editorui-statusbar-right{flex-flow:row-reverse;flex-shrink:1;flex-basis:50%;display:flex}.editorui-statusbar-right .status-bar{float:right}.status-bar{color:var(--toolbar-font-color);background-color:var(--toolbar-bg-color);border-radius:calc(var(--toolbar-width)/4);border:solid var(--toolbar-border-color) 4px;height:var(--statusbar-height);pointer-events:all;cursor:default;justify-content:center;align-items:center;width:fit-content;margin-left:5px;padding-left:5px;padding-right:5px;display:flex}.status_help_tip{text-align:center;white-space:nowrap}.status-bar-right{float:rightcss}.horiz-center{margin:0 auto;display:table}:root{--propertybox-width:300px;--propertybox-b-width:4px}@media (pointer:coarse){:root{--propertybox-width:450px}}.sidebar{--sidebar-occupy-width:calc(var(--toolbar-width) + (5px * 2) + (4px*2));width:calc(var(--propertybox-width) + var(--propertybox-b-width)*2);height:fit-content;max-width:calc(100vw - var(--sidebar-occupy-width)*2);max-height:calc(100vh - var(--menu-height) - var(--statusbar-height) - 40px);right:var(--sidebar-occupy-width);top:calc(var(--menu-height) + 20px);pointer-events:none;padding:0;position:fixed;overflow:hidden auto}.sidebar-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.sidebar:empty{display:none}.property-bar{border-radius:calc(var(--toolbar-width)/4);background-color:#fff;border:4px solid #000;flex-direction:column;width:auto;height:fit-content;margin-top:2.5px;margin-bottom:2.5px;display:flex}.pd_title{color:#fff;background-color:#000;padding:5px}.pb_Property_bdy{flex-grow:1;width:calc(100% - 8px);padding:4px;overflow:hidden auto}.pb_Property_bdy *{padding:4px}.pb_Property_bdy table tr:not(:first-child){border-bottom:1px solid var(--toolbar-border-color)}.flex{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.w-full{width:100%}.h-full{height:100%}.w-fit{width:fit-content}.h-fit{height:fit-content}.overflowX-scroll{overflow-x:scroll}.overflowY-scroll{overflow-y:scroll}.relative{position:relative}.absolute{position:absolute;top:0;left:0}.disable-mouse{pointer-events:none}.ml-0{margin-left:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.mx-2rem{margin-left:.2rem;margin-right:.2rem}.my-2rem{margin-top:.2rem;margin-bottom:.2rem}.mt-8rem{margin-top:.8rem}.whitespace{white-space:pre-wrap}.monospace{font-family:monospace}.b-0{border:0}.b-none{border-collapse:collapse;border:none}.align-left{text-align:left}.align-right{text-align:right}.cursor-cross{cursor:crosshair}.cursor-hand{cursor:pointer}.disable-touch{touch-action:none;-webkit-user-select:none;user-select:none}.transform-center{transform-origin:50%}.normal-layer{background-color:#33333310;border-left:4px solid #333;border-right:1px dotted #333}.normal-layer:hover{background-color:#33333350;border-color:#333333c0}.normal-layer .edit_btn{background-color:#33333310;border-color:#333}.normal-layer .edit_btn:hover{background-color:#33333350;border-color:#333333c0}.edited-layer{background-color:#00ff1e10;border-left:4px solid #00ff1e;border-right:1px dotted #00ff1e}.edited-layer:hover{background-color:#00ff1e50;border-color:#00ff1ed0}.edited-layer .edit_btn{background-color:#00ff1e10;border-color:#00ff1e}.edited-layer .edit_btn:hover{background-color:#00ff1e50;border-color:#00ff1ed0}.layers-header{color:#fff;background-color:#000;border-top-left-radius:15px;border-top-right-radius:15px}.edit_btn{border:4px solid}