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