.font-roboto{font-family:Roboto,sans-serif}.canvas-container{grid-column:1/-1;height:0!important;width:100%!important}.canvas-container canvas{height:100%!important;left:0!important;position:absolute!important;top:0!important;width:100%!important}.layer-panel{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);border-radius:.25rem;position:relative}.add-layer-panel,.layer-panel{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column}.add-layer-panel{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));height:100%;left:-50%;position:absolute;top:0;width:150%}.layer-tab{border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-width:1px;cursor:pointer;padding-bottom:.25rem;padding-top:.25rem;text-align:center;z-index:10}.layer-tab.active{border-bottom-color:#fff}.add-layer-panel select{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.25rem;flex-grow:1;padding:.25rem}.edit-group{align-items:center;display:flex;gap:.25rem}.add-panel{flex-direction:column;flex-grow:1;margin:1.25rem}