.welcomeBody{margin:0;background-image:url(/assets/welcome_background-BrMnXpaP.png);background-position:center;background-repeat:no-repeat;background-color:var(--background-color);height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:Arial,sans-serif;text-align:center}.WelcomeTitle{font-size:3em;color:var(--dark-text-color);text-align:center;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.539);margin:100px}.contentContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1em;margin-bottom:5em}.useSandboxButton{height:3em;width:10em;border-radius:1em;font-size:1em;cursor:pointer;color:var(--dark-text-color);background-color:var(--button-color);border:2px solid #000000;transition:background-color .3s ease}.footertext{color:var(--dark-text-color);font-size:small;text-align:center}.useSandboxButton{height:3em;width:10em;border-radius:1em;font-size:1em;cursor:pointer;color:#000;background-color:var(--button-color);border:2px solid #000000;transition:background-color .3s ease}button:hover{background-color:var(--button-highlight-color)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.overlayContent{background:var(--toolbar-color);padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 10px #0000004d;max-width:400px;max-height:80%;width:90%;overflow:auto;position:relative}.closeButton{background:var(--button-color);color:var(--dark-text-color);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:10px}.closeButton:hover{background:#888}.horizontalContainer{display:flex;justify-content:center;gap:20px;margin-top:20px}.authorCard{display:flex;flex-direction:column;align-items:center;text-align:center}.authorCard img{width:100px;height:100px;border-radius:50%;object-fit:cover}.authorCard p{margin-top:10px;font-size:1em;color:#333}.authorCard img.linkedin{border-radius:0%!important;width:115px;height:25px}.authorCard img.github{border-radius:50%!important;width:65px;height:65px}:root{--nodeDrawerWidth: 250px;--nodeDrawerCollapsePos: -290px;--activeColor: rgb(181, 189, 169);--box-shadow-default: 0 1.5px 6px 0 rgba(60, 60, 60, .12), 0 1.5px 6px 0 rgba(60, 60, 60, .12);--ceiling: 10000;--high: 5000;--middle: 1000;--low: 100;--floor: 0;--button-ease: .2s ease;--background-color: #ececec;--topbar-color: #2764b4;--toolbar-color: #ffffff;--button-color: #f1f1f1;--button-highlight-color: #b4cdff;--activation-color: #2588f1;--neuron-color: #00bf50;--dataBatcher-color: #b85ae4;--output-color: #f2aa4c;--dataset-color: #ff6f76;--start-color: #4caf50;--stop-color: #f44336;--pause-color: #ff9800;--dark-text-color: #212121;--white-text-color: #ffffff;--grey-text-color: #757575;--dark-background-color: #2c2c2c}.graphText{text-shadow:1px 1px 0px rgba(0,0,0,.7);transition:color .1s linear}.sandboxContainer{position:relative;width:100vw;height:calc(100vh - 60px);top:30px;overflow:hidden}.topBar{position:fixed;top:0;left:0;width:100vw;background:var(--topbar-color);z-index:var(--ceiling);display:flex;align-items:center;padding:10px}.defaultSandboxButton{height:3em;width:10em;border-radius:10px;background-color:var(--button-color);border:none;color:var(--dark-text-color);-webkit-user-select:none;user-select:none;transition:all .2s ease-in}.defaultSandboxButton:hover{background-color:var(--button-highlight-color);color:var(--dark-text-color);transition:all .2s ease-in}.defaultSandboxButton:active{background-color:var(--activeColor);color:var(--dark-text-color);transition:all .1s ease-in}.greenSandboxButton{height:3em;width:10em;border-radius:10px;background-color:#47a54a;border-color:#006603;color:#fff;border-style:solid;-webkit-user-select:none;user-select:none;transition:all .2s ease-in}.greenSandboxButton:hover{background-color:#383838;color:#fff;transition:all .2s ease-in}.greenSandboxButton:active{background-color:var(--activeColor);color:#000;transition:all .1s ease-in}.redSandboxButton{height:3em;width:10em;border-radius:10px;background-color:#e60000;border-color:#980000;color:#fff;border-style:solid;-webkit-user-select:none;user-select:none;transition:all .2s ease-in}.redSandboxButton:hover{background-color:#383838;color:#fff;transition:all .2s ease-in}.redSandboxButton:active{background-color:var(--activeColor);color:#000;transition:all .1s ease-in}.orangeSandboxButton{height:3em;width:10em;border-radius:10px;background-color:#e0ac3a;border-color:gray;color:#fff;border-style:solid;-webkit-user-select:none;user-select:none;transition:all .2s ease-in}.orangeSandboxButton:hover{background-color:#383838;color:#fff;transition:all .2s ease-in}.orangeSandboxButton:active{background-color:var(--activeColor);color:#000;transition:all .1s ease-in}.drawerNode{position:relative;background-color:red;display:inline-block;padding:2px;border-radius:5px;z-index:89001}.nodeHandle{background-color:#000;display:flex;align-items:center;justify-content:center;border-radius:5px;width:100%;height:100%;overflow:hidden;transition:all .2s ease-in;z-index:100}.nodeHandle:hover{background-color:green;transition:all .2s ease-in;cursor:grab}.nodeHandle:active{background-color:#004f00;transition:all .1s ease-in;cursor:grabbing}.nodeDragText{display:inline;color:#fff;font-size:12px;-webkit-user-select:none;user-select:none}.nodeText{-webkit-user-select:none;user-select:none}.topRightContainer{position:fixed;top:70px;right:20px;z-index:var(--ceiling);display:flex;flex-direction:column;gap:10px}.toggleButton{position:relative;z-index:10000;padding:10px 20px;background-color:transparent;width:180px;color:#000;border:none;border-radius:5px;cursor:pointer;font-size:.7em;transition:.3s ease;box-shadow:var(--box-shadow-default);-webkit-user-select:none;user-select:none}.toggleButton:hover{background:var(--button-highlight-color)}.stageScrollWrapper{width:100%;height:100%;overflow:auto;position:relative}.nodeDrawerFixed{position:fixed;top:60px;left:0;z-index:var(--high);min-width:200px;height:calc(100vh - 90px);overflow:visible;pointer-events:none}.topCenterContainer{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:var(--high);display:flex;gap:16px;pointer-events:auto}.fullscreenButton{position:fixed;right:24px;bottom:24px;z-index:var(--high);background:transparent;color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:2em;cursor:pointer;box-shadow:var(--box-shadow-default);display:flex;align-items:center;justify-content:center;transition:.3s ease}.fullscreenButton:hover{background:var(--button-highlight-color)}.help{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--ceiling)}.helpContent{background:var(--toolbar-color);padding:20px;border-radius:10px;text-align:center;box-shadow:var(--box-shadow-default);max-width:80vw;max-height:80vh;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.helpImage{max-width:90%;max-height:70%;border-radius:5px;box-shadow:var(--box-shadow-default);object-fit:contain;margin-bottom:20px;flex-shrink:1}.draggable{position:absolute;background-color:red;display:inline-block;padding:2px;border-radius:5px}.link-indicator{position:absolute;pointer-events:none;width:50px;height:50px;cursor:pointer;z-index:var(--low)}.top-link{top:-25px;left:50%;transform:translate(-50%)}.right-link{right:-25px;top:50%;transform:translateY(-50%) rotate(180deg)}.bottom-link{bottom:-25px;left:50%;transform:translate(-50%) rotate(180deg)}.left-link{left:-25px;top:50%;transform:translateY(-50%) rotate(0)}.nodeHandle{display:flex;align-items:center;justify-content:center;border-radius:5px;width:100%;height:100%;overflow:hidden;transition:all .2s ease-in;z-index:var(--low)}.dataset-container{background:transparent;border:none;border-radius:10px;width:250px;padding:20px;display:flex;justify-content:center;align-items:center;position:absolute;pointer-events:none;z-index:var(--middle);-webkit-user-select:none;user-select:none}.dataset-container-node-drawer{background:transparent;border:none;border-radius:10px;width:250px;padding:20px;display:flex;justify-content:center;align-items:center;position:relative;pointer-events:none;z-index:var(--middle);-webkit-user-select:none;user-select:none}.dataset-interactive{background:var(--toolbar-color);border-radius:10px;box-shadow:var(--box-shadow-default);padding:5px;pointer-events:all;display:flex;flex-direction:column;align-items:center;z-index:var(--middle)}.dataset-label{font-weight:700;font-size:1em;color:vaR(--dark-text-color);margin-bottom:4px;text-align:center}.dataset-table{width:100%;border-collapse:collapse;margin-bottom:8px;font-size:.7em}.dataset-table-key{font-weight:600;text-align:right;padding-right:8px;vertical-align:top;color:var(--dark-text-color)}.dataset-table-value{text-align:left;color:var(--dark-text-color)}.dataset-image{width:100%;height:auto;object-fit:contain;border-radius:6px;margin-top:4px;box-shadow:var(--box-shadow-default)}.dataset-image-wrapper{position:relative;display:inline-block}.dataset-popup-button{position:absolute;bottom:5px;right:5px;background:var(--button-color);color:var(--dark-text-color);border:none;border-radius:5px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;box-shadow:var(--box-shadow-default)}.dataset-popup-button:hover{background:var(--button-highlight-color)}.dataset-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:var(--ceiling)}.dataset-popup-content{background:var(--toolbar-color);padding:20px;border-radius:10px;text-align:center;box-shadow:var(--box-shadow-default);position:relative}.dataset-popup-icon{object-fit:contain;width:150%}.dataset-popup-close{position:absolute;top:10px;right:10px;background:var(--button-color);color:var(--dark-text-color);border:none;border-radius:5px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.dataset-popup-close:hover{background:var(--button-highlight-color)}.neuron-container{width:200px;height:100px;position:absolute;background-color:transparent;pointer-events:none;border:none;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;z-index:var(--middle)}.neuron{width:50px;height:50px;background-color:var(--neuron-color);border-radius:5px;display:flex;pointer-events:all;justify-content:center;align-items:center;text-align:center;font-size:12px;font-weight:700;color:var(--white-text-color);cursor:grab;box-shadow:var(--box-shadow-default);z-index:var(--middle)}.neuron.toolbar-preview{position:relative!important}.activation-container{--activation-width: 50px;background:transparent;border:none;border-radius:10px;padding:40px;display:flex;flex-direction:column;align-items:center;position:absolute;pointer-events:none;z-index:calc(var(--middle) + 2)}.activation-container.toolbar-preview{position:relative!important;transform:rotate(-90deg)!important}.activation{background:var(--activation-color);color:var(--white-text-color);width:var(--activation-width);height:120px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1em;pointer-events:all;position:relative;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:2px;text-align:center;box-shadow:var(--box-shadow-default);z-index:calc(var(--middle) + 2)}.activation.toolbar-preview{background:var(--activation-color)!important;position:relative!important}.activation-extension-left{position:absolute;left:0;height:100%;background:linear-gradient(to right,#4a90e21a,#4a90e233 20%,#4a90e24d 20%,#4a90e2a6);z-index:var(--floor);pointer-events:none}.activation-extension-right{position:absolute;right:0;height:100%;background:linear-gradient(to right,#4a90e2a6,#4a90e2e6 80%,#4a90e2 80%,#4a90e2e6);z-index:calc(var(--middle) + 1);pointer-events:none}.dataBatcher-container{background:transparent;border:none;border-radius:10px;padding:15px;display:flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:var(--middle)}.dataBatcher{background:var(--dataBatcher-color);border-radius:10px;width:210px;height:100px;display:flex;flex-direction:column;align-items:center;pointer-events:all;box-shadow:var(--box-shadow-default);position:relative;padding:6px;z-index:var(--middle)}.dataBatcher-title{font-weight:700;color:var(--white-text-color);margin-top:4px;margin-bottom:8px;font-size:1em;text-align:center}.dataBatcher-display{background:var(--toolbar-color);width:100%;flex:1 1 auto;align-items:top;justify-content:center;font-size:.9em;text-align:left;overflow:hidden;border-radius:5px;padding:4px;margin:0;box-sizing:border-box;color:var(--dark-text-color);line-height:1.2}.dataBatcher-graphic{display:flex;align-items:center;justify-content:center;margin-top:8px;margin-bottom:8px}.dataBatcher-container.toolbar-preview{border:none;height:40px;width:120px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:var(--box-shadow-default);border-radius:5px;background:var(--dataBatcher-color)}.dataBatcher-container.toolbar-preview .dataBatcher-title{font-size:1em;margin:0}.output-container{background:transparent;border:none;border-radius:10px;display:flex;flex-direction:column;align-items:center;position:absolute;padding:15px;z-index:var(--middle)}.output{display:flex;flex-direction:column;align-items:flex-start;pointer-events:all;background:var(--output-color);border-radius:10px;box-shadow:var(--box-shadow-default);width:200px;padding:6px;z-index:var(--middle)}.output-title{font-weight:700;color:var(--white-text-color);font-size:1em;margin-bottom:0;text-align:center;width:100%}.output-summary{margin:2px;font-size:.9em;color:var(--dark-text-color)}.output-explanation{background:var(--toolbar-color);width:100%;height:80px;align-items:top;justify-content:center;font-size:.9em;text-align:left;overflow:hidden;border-radius:5px;padding:4px;margin:0;box-sizing:border-box;color:var(--dark-text-color);line-height:1.2}.output-explanation p{margin:0}.output-container.toolbar-preview{border:none;min-height:40px;width:120px;display:flex;align-items:center;justify-content:center;box-shadow:none;padding:0;box-shadow:var(--box-shadow-default);border-radius:5px;background:var(--output-color)}.output-container.toolbar-preview .output-title{font-size:1em;margin:0}.stage{background-color:var(--background-color);position:absolute;overflow:hidden;width:300%;height:300%}.recycle-bin{position:fixed;right:20px;bottom:8vh;width:15vh;height:15vh;background:transparent;border:2px dashed var(--grey-text-color);border-radius:12px;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;font-size:3vw;z-index:var(--high);box-shadow:var(--box-shadow-default)}use{transition:stroke .1s ease-in,fill .1s ease-in}img{-webkit-user-select:none;user-select:none}.drawerDiv{height:100%;position:absolute;bottom:0;left:0;transition:all .2s ease-in;pointer-events:none}.drawerDivCollapsed{height:100%;position:absolute;bottom:0;left:var(--nodeDrawerCollapsePos);transition:all .2s ease-in;pointer-events:none}.nodeDrawer{display:flex;flex-direction:column;align-items:center;padding:20px;position:relative;width:var(--nodeDrawerWidth);height:100%;background-color:var(--button-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:scroll;z-index:89000}.nodeDrawerHandle{position:absolute;top:40%;left:100%;width:30px;height:110px;padding:10px;display:flex;justify-content:center;align-items:center;background-color:var(--dataset-color);clip-path:xywh(0px 0px 100% 100% round 0px 5px 5px 0px);z-index:89001;transition:all .2s ease-in;pointer-events:all}.nodeDrawerHandle:hover{background-color:var(--dataset-color);transition:all .2s ease-in}.nodeDrawerHandle:active{background-color:var(--activeColor);transition:all .1s ease-in}.nodeDrawerHandleText{transform:rotate(-90deg);white-space:nowrap;color:var(--white-text-color);margin:0;padding:0}.nodeDrawerInstructionBar{background:var(--dark-background-color);color:var(--white-text-color);padding:8px 12px;width:calc(100% - 24px);font-size:14px;text-align:center;-webkit-user-select:none;user-select:none}.statusContainer{width:300px;background-color:var(--toolbar-color);border-radius:8px;padding:10px;box-shadow:var(--box-shadow-default);-webkit-user-select:none;user-select:none}.statusHeader{border-bottom:1px solid var(--background-color);padding-bottom:5px;margin-bottom:10px}.statusHeader h3{margin:0;font-size:16px;color:var(--dark-text-color)}.statusContent{font-size:14px;color:var(--dark-text-color)}.statusItem{margin:5px 0}.reportContainer{width:300px;max-height:400px;overflow-y:auto;background-color:var(--toolbar-color);border:1px solid #ccc;border-radius:8px;box-shadow:var(--box-shadow-default);padding:10px;-webkit-user-select:none;user-select:none}.reportHeader{border-bottom:1px solid var(--background-color);padding-bottom:5px;margin-bottom:5px}.reportHeader h3{margin:0;font-size:16px;color:var(--dark-text-color)}.reportGraph{margin-top:0;border-bottom:1px solid var(--background-color);margin-bottom:5px}.reportAccuracy{text-align:center;padding:0;font-size:24px;font-weight:700}.toolbarOverlay{z-index:1100;display:flex;gap:16px;background:var(--toolbar-color);padding:5px 15px;border-radius:10px;box-shadow:var(--box-shadow-default)}.toolNode{position:relative;display:inline-block;padding:2px;border-radius:5px}.toolbarObjectContainer{position:relative;display:inline-flex;align-items:center;justify-content:center}.toolbarObjectCenter{display:inline-flex;align-items:center;position:relative;justify-content:center;padding:0;width:120px;height:100px;cursor:pointer}.toolbarObjectInfo{position:absolute;top:4px;right:0;width:22px;height:22px;border-radius:4px;border:none;background:var(--button-color);color:#333;font-weight:700;cursor:pointer;font-size:1em;display:flex;align-items:center;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;transition:var(--button-ease)}.toolbarObjectInfo:hover{background-color:var(--button-highlight-color)}.toolbarObjectCounter{position:absolute;bottom:4px;right:0;background:var(--dark-background-color);color:var(--white-text-color);font-size:.9em;border-radius:4px;padding:2px 6px;min-width:28px;text-align:center;-webkit-user-select:none;user-select:none}.toolbarObjectDivider{width:1px;height:150px;background:var(--background-color);margin:0;align-self:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--ceiling)}.overlayContent{background:var(--toolbar-color);padding:20px;border-radius:10px;text-align:center;box-shadow:var(--box-shadow-default);max-width:400px;max-height:80%;width:90%;overflow:auto;position:relative}.overlayContent p{margin-bottom:20px;font-size:.9em;color:var(--dark-text-color)}.overlayImage{max-width:100%;max-height:200px;border-radius:5px;box-shadow:var(--box-shadow-default);object-fit:contain}.overlayContent button{background:var(--button-color);color:var(--dark-text-color);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;transition:var(--button-ease)}.overlayContent button:hover{background:var(--button-highlight-color)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;overflow:hidden;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}