.textureCanvas{background-color:var(--light-color)}.box-container{position:absolute}.box-rect{border:.1rem solid var(--soft-border-color);box-sizing:border-box;box-shadow:.03rem .03rem .1rem .01rem var(--soft-border-color);display:inline-block}.box-rect.selected{border:.1rem solid var(--dark-color)}.box-rect.connecting{border:.1rem solid var(--linking-color)}.box-circle{background-color:var(--light-color);border:.1rem solid var(--soft-border-color);box-sizing:border-box;width:100%;height:100%;box-shadow:.03rem .03rem .1rem .01rem var(--soft-border-color);border-radius:1rem;display:inline-block}.box-circle.selected{border:.1rem solid var(--dark-color)}.box-circle.connecting{border:.1rem solid var(--linking-color)}.box-text{white-space:nowrap;color:var(--text-color);-webkit-user-select:none;user-select:none;border-radius:.3rem;margin-top:-1rem;font-size:.6rem}.link{stroke-width:1.5px;fill:none}.link-text{fill:var(--link-text-color);-webkit-user-select:none;user-select:none;font-size:.6rem}
.viewport{width:100%;height:100%;overflow:hidden}.viewport-container{border:.1rem solid var(--shadow-bg);background-color:var(--light-bg);cursor:grab;background-image:url(../media/background.21e0e692.svg);width:100%;height:100%;position:relative}.viewport-container.panning{cursor:grabbing}.viewport-svg{width:100%;height:100%}.viewport-controls{z-index:1000;justify-content:center;align-items:center;position:relative}.viewport-controls-menu{cursor:pointer;flex-direction:column;align-items:center;padding:0;list-style:none;display:flex;position:absolute;bottom:2rem}.viewport-info{color:#374151;margin-left:1rem;font-size:.875rem}.btn-add,.btn-reset{cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:all .2s}.property-text{fill:var(--secondary-bg-color)}.properties-panel{background-color:var(--setting-bg);border:.1rem solid var(--soft-border-color);z-index:20;border-radius:1rem;flex-direction:column;width:30rem;height:100%;display:flex;overflow-y:auto;box-shadow:0 .2rem .2rem #000}.properties-header{border-bottom:1px solid var(--dark-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.properties-header h3{color:var(--dark-color);margin:0;font-size:1.125rem;font-weight:600}.properties-content{flex:1;padding:1rem;overflow-y:auto}.property-group{margin-bottom:1rem}.property-group label{color:#374151;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.property-group input{border:1px solid var(--dark-color);background-color:var(--light-color);border-radius:.375rem;width:100%;padding:.5rem;font-size:.875rem;transition:all .2s}.property-group input:focus{border-color:var(--light-color);box-shadow:0 0 0 3px var(--dark-color);outline:none}
.error{color:red}.panel-right{width:var(--panel-w);border-left:1px solid var(--border);background:var(--light-bg);flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);letter-spacing:.1em;text-transform:uppercase;height:36px;color:var(--muted);align-items:center;gap:8px;padding:0 14px;font-size:10px;font-weight:600;display:flex}.panel-header-actions{gap:4px;margin-left:auto;display:flex}
.controlBar{width:100%;height:2.5rem;color:var(--text-color);border:.1rem solid var(--soft-border-color);background-color:#fff;flex-direction:row;justify-content:center;align-items:center;margin-top:-1px;display:flex;position:relative}.controlContainer{flex-direction:row;align-items:center;gap:1rem;margin-left:.6rem;display:flex}.controlButton{cursor:pointer;height:2rem;font-size:large}.controlButtonContainer{flex-direction:row;align-items:center;gap:.7rem;display:flex}.currentGraph{cursor:pointer;align-items:center;gap:.5rem;font-size:large;font-weight:bolder;display:flex}.infoOrchestration{align-items:center;display:flex}.player-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:14px;transition:all .15s;display:flex}.player-btn.play{color:#000;background:#99ceff;font-size:18px}.player-btn.play:hover{filter:brightness(1.2);transform:scale(1.05)}.player-btn.stop{background:var(--accent2);color:#fff}.player-btn.stop:hover{filter:brightness(1.2);transform:scale(1.05)}.player-btn.step{color:#000;background:#ddd;font-size:18px}.player-btn.step:hover{filter:brightness(1.1);transform:scale(1.05)}.graphs{background-color:var(--light-bg);text-align:center;border-radius:.2rem;flex-direction:row;display:flex;box-shadow:0 .3rem .5rem #000}.graphFrame{border:.1rem solid var(--soft-border-color);width:4rem;margin-left:-1px}.graphFrameHeader{border-bottom:.1rem solid var(--soft-border-color);align-content:center;margin-top:-1px;font-weight:700}.graphFrameBody{align-content:center}.graphFrameItem{border:.1rem solid var(--soft-border-color);background-color:#f0f8ff;border-radius:.2rem;margin-left:-1px}.graphFrameAdd{border:.1rem solid var(--soft-border-color);background-color:#f0f8ff;border-radius:.2rem;width:4rem;height:1.3rem;margin-top:1.1rem;font-size:.5rem}.graphChoiceDropDownContainer{position:relative}.graphChoiceDropDown{border:.1rem solid var(--soft-border-color);z-index:100;background-color:#f0f8ff;border-radius:.2rem;flex-direction:column;margin-top:-1px;display:flex;position:absolute}.graphButtonDropDown{border-bottom:.1rem solid var(--soft-border-color);margin-bottom:-1px}.graphTab{flex-direction:row;justify-content:center;align-items:center;margin-top:-1.4rem;display:flex;position:absolute}.graphDefinition{flex-direction:column;align-items:center;display:flex}.graphTabHeader{border:.1rem solid var(--soft-border-color);cursor:pointer;width:5rem;height:1.5rem;color:var(--text-color);background-color:#fff;border-radius:.2rem;justify-content:center;align-items:center;margin-top:-1px;margin-bottom:-1px;margin-right:-1px;font-weight:bolder;display:flex}