*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:inherit;text-align:left;background-color:transparent}[tabindex="-1"]:focus{outline:0}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol>li+li,ul>li+li{margin-top:.5rem}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:inherit;text-decoration:none;background-color:transparent}a:hover{text-decoration:underline}img,picture,svg,video,canvas,audio,iframe{display:block;vertical-align:middle;max-width:100%}table{border-collapse:collapse}button,input,optgroup,select,textarea{font:inherit;margin:0}button{cursor:pointer}button:disabled,[disabled],[aria-disabled=true]{cursor:not-allowed}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=number]{-moz-appearance:textfield}input[type=search]{outline-offset:-2px}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[hidden]{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{background-color:#262626;border:none;border-radius:.25rem;color:#b3b3b3;transition-property:all;transition-duration:.15s;transition-timing-function:ease;transition-delay:0s}button:hover{color:#f2f2f2;transform:scale(1.1)}button.active{color:#fc6;transform:scale(1.2)}.dropdown{display:flex;flex-direction:row;width:100%;height:1.5rem;justify-content:space-between;background-color:#333;border:none;border-radius:.25rem;color:#f2f2f2}.dropdown:disabled{opacity:.6}.checkbox{appearance:none;background-color:#333;border:none;border-radius:.15rem;width:1.2rem;height:1.2rem;display:inline-block;cursor:pointer;transition-property:all;transition-duration:.15s;transition-timing-function:ease;position:relative}.checkbox:hover{background-color:#454545;transform:scale(1.05)}.checkbox:checked{color:#fc6;transform:scale(1.1)}.checkbox:checked:after{content:"";position:absolute;left:.4rem;top:.3rem;width:.3rem;height:.5rem;border:solid hsl(40,100%,70%);border-width:0 .15rem .15rem 0;transform:rotate(45deg)}html,body,#root{height:100%;overflow:hidden;margin:0}.app{height:100%;display:flex;flex-direction:column}.menu{display:flex;align-items:center;justify-content:flex-start;background-color:#454545;padding:.75rem}.menu-logo-wrapper{display:flex;align-items:center;justify-content:center}.menu-logo{height:2rem;width:auto}.menu-divider{width:1px;height:2rem;background-color:#f2f2f2;opacity:.3;margin:0 1rem}.menu-options-list-wrapper{display:flex;align-items:flex-start;justify-content:center}.menu-options-list{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.menu-option{cursor:pointer;transition:color .2s ease;color:#f2f2f2;justify-content:center;margin:0}.menu-option:hover,.menu-option:active{color:#fc6}.menu-option.disabled{color:#b3b3b3;cursor:not-allowed}.workspace{height:100%;width:100%;display:flex;flex-direction:row;min-height:0;color:#f2f2f2;background-color:#1a1a1a}.central-panel{height:100%;flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column}.side-panel{width:21rem;height:100%;background-color:#1a1a1a;display:flex;flex-direction:column;padding:.75rem;padding-bottom:0;gap:.5rem}.side-panel-element{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;padding:1rem;border-radius:.25rem;background:#262626}.tool-bar{height:100%;width:3rem;background-color:#1a1a1a;display:flex;flex-direction:column;align-items:center;padding:.5rem;gap:.5rem}.tool-button{background:transparent;border:none;cursor:pointer;font-size:1.2rem;height:2rem;width:2rem}.canvas-area{flex:1 1 auto;height:auto;min-height:0;overflow:hidden;background:#0d0d0d;border-radius:0 0 .5rem .5rem}.canvas-area>canvas,.canvas-area .konvajs-content{width:100%;height:100%;display:block;background-color:#0d0d0d}.status-bar{flex:1 1 2rem;width:100%;display:flex;align-items:center;justify-content:space-between;z-index:1;background:#1a1a1a;padding:0 .5rem;-webkit-user-select:none;user-select:none}.status-pos{display:flex;margin-right:auto;font-variant-numeric:tabular-nums}.status-pos-item{width:6.5rem;-webkit-user-select:none;user-select:none}.status-zoom-wrapper{margin-left:auto;display:flex;align-items:center}label{margin:0;-webkit-user-select:none;user-select:none}.divider{color:#454545;width:100%}.color-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));gap:.5rem;justify-content:space-between;align-items:center;height:auto;width:100%}.color-option{aspect-ratio:1/1;width:2rem;height:2rem;border-radius:.25rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.color-option:hover{transform:scale(1.05)}.color-option.active{transform:scale(1.1);box-shadow:0 0 .5rem currentColor}.el-label{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-input{border:none;background:transparent;padding:0;margin:0;font:inherit;line-height:inherit;color:inherit;outline:none;border-bottom:1px dashed currentColor;width:160px;box-sizing:border-box;white-space:nowrap}.el-input:focus{border:none}.color-input{display:flex;align-items:center;gap:.5rem;flex:1;height:2rem;padding:0 .5rem;grid-column:span 4;aspect-ratio:auto;background:#333;color:#f2f2f2;border-radius:.25rem;min-width:0}.color-input .hash{flex:0 0 1.25rem;text-align:center;font-weight:600;-webkit-user-select:none;user-select:none;opacity:.9;color:#b3b3b3}.color-input .hex-field{flex:1 1 auto;min-width:0;display:inline-block;line-height:1}.tr-info{gap:.5rem;display:flex;flex-direction:column;width:100%}.tr-selector-wrapper{display:flex;flex-direction:row;justify-content:center;align-self:center;gap:.5rem;width:100%}.tr-selector-wrapper .label-active{color:#f2f2f2}.tr-selector-wrapper .label-disabled{color:#b3b3b3}.tr-selector-wrapper label{margin-right:1.15rem}.control-point-info{gap:.5rem;display:flex;flex-direction:column;width:100%}.cp-selector-wrapper{display:flex;flex-direction:row;justify-content:center;align-self:center;gap:.5rem;width:100%}.cp-selector-wrapper .label-active{color:#f2f2f2}.cp-selector-wrapper .label-disabled{-webkit-user-select:none;user-select:none;pointer-events:none;color:#b3b3b3}.cp-selector-wrapper .half-width{width:50%;display:flex;flex-direction:row;align-items:center;gap:.5rem}.helper-point-info{gap:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.hp-selector-wrapper{display:flex;flex-direction:row;justify-content:center;align-self:center;gap:.5rem;width:100%}.hp-selector-wrapper .active-element{color:#f2f2f2}.hp-selector-wrapper .disabled-element{color:#b3b3b3;-webkit-user-select:none;user-select:none;pointer-events:none}.hp-selector-wrapper .half-width{width:50%;display:flex;flex-direction:row;align-items:center;gap:.5rem}.radio-group{display:flex;gap:.5rem}.radio-btn{position:relative;display:inline-flex;align-items:center;padding:.4rem .8rem;border-radius:.35rem;background:#333;color:#b3b3b3;cursor:pointer;-webkit-user-select:none;user-select:none;transition-duration:.15s;transition-property:all}.radio-btn:hover{transform:scale(1.1);background-color:#454545}.radio-btn.is-active{color:#fc6}.radio-btn input{position:absolute;inset:0;opacity:0;pointer-events:none}.radio-label{line-height:1}.tr-card{display:flex;align-items:start;justify-content:space-between;width:100%;padding:.5rem;background:#333;color:#f2f2f2;border-radius:.25rem;transition:all .25s ease;gap:.5rem;flex-wrap:nowrap;border:1px solid hsl(0,0%,20%);z-index:1}.tr-card.selected{border-color:#454545;background:#454545}.tr-card-expander{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;color:#b3b3b3;margin-right:.35rem;border-radius:.35rem;transition:transform .15s ease}.tr-card-expander.is-open svg{transform:rotate(180deg)}.tr-card-name{min-width:0;display:inline-block;white-space:nowrap}.tr-card-name .el-label,.tr-card-name .el-input{color:#f2f2f2;text-overflow:ellipsis;max-width:9rem}.tr-card-name .el-input{min-width:0;overflow:hidden!important}.tr-card-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;color:#b3b3b3;border-radius:.35rem;transition:all .15s ease}.tr-card-icon.is-on{color:#f2f2f2}.tr-card-icon.is-off{color:#b3b3b3}.left-half{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.right-half{width:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.tr-card-cp-list{width:100%;display:flex;flex-direction:column;gap:.5rem;padding-left:1rem}.cp-card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.4rem .5rem;background:#333;color:#f2f2f2;border-radius:.25rem;transition:all .25s ease;gap:.5rem;flex-wrap:nowrap;border:1px solid hsl(0,0%,20%)}.cp-card.selected{border-color:#454545;background:#454545}.cp-card .cp-card-name{min-width:0;display:inline-block;white-space:nowrap}.cp-card .cp-card-name .el-label,.cp-card .cp-card-name .el-input{color:#f2f2f2;text-overflow:ellipsis;max-width:12rem}.cp-card .cp-card-name .el-input{min-width:0;overflow:hidden!important}.cp-card .cp-card-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:transparent;color:#b3b3b3;border-radius:.35rem;transition:all .15s ease}.cp-card .cp-card-icon.is-on{color:#f2f2f2}.cp-card .cp-card-icon.is-off{color:#b3b3b3}.cp-card .left-half{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1 1 auto}.cp-card .right-half{width:auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:0 0 auto}.tr-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:auto;padding:0;overflow:hidden}.tr-panel .tr-list{display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%;height:100%;gap:.5rem;overflow:auto}.tr-edit-options{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:2rem;gap:.5rem;background-color:#1a1a1a}.tr-edit-options button{background:transparent}.tr-edit-options button:active{color:#fc6}