@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--font: "Open Sans";--orange: rgb(198, 99, 12);--black: hsl(0, 0%, 0%);--white: hsl(0, 0%, 100%);--background: hsl(345, 4%, 5%);--grey: hsl(0, 0%, 13%);--dark-grey: hsl(0, 0%, 7%);--medium-grey: hsl(0, 0%, 13%);--light-grey: hsl(0deg 0% 11.76);--very-light-grey: hsl(0, 0%, 67%);--light-grey: #2b2b2b;--light-black: #202020;--button-border: 2px solid #404040;--button-face: #505050;--panel-background: #101010;--gutter: #101010;--gutter-hover: #252525;--font-size: 14px;--inactive-tab-title: #C0C0C0;--code-editor-background: #1E1E1E}*{box-sizing:border-box}body{font-family:var(--font);margin:0;height:100vh;display:grid;overflow:hidden;background:var(--panel-background)}.header,.bannerbar{width:100%}.header{background:var(--black);color:var(--white)}h2{margin:0;padding:5px;color:var(--white);background-color:var(--black)}.monaco-editor,.monaco-editor .overflow-guard{width:100%!important;height:100%!important}.bannerbar{display:flex;color:#dedede;background-color:var(--black);font-size:12px}.mainContainer{height:100vh;width:100vw;overflow:hidden}.leftContainer{display:flex;flex-direction:column;background-color:var(--light-grey);overflow:visible}.rightContainer{overflow:hidden}.workSpace{flex-grow:1;display:block;overflow:visible;height:100%}.resultSpace{display:grid;background-color:var(--panel-background);grid-template-rows:69% 12px 1fr;overflow:hidden}.codingSpace,.diagnosticSpace,.outputSpace{background-color:var(--panel-background)}.codeGenSpace{background-color:var(--panel-background);display:flex;flex-direction:column}div.json-tree-js div.title-bar{display:none!important}.targetCodeEditor{background-color:var(--panel-background);flex:1 1 0;display:block}.reflectionView{background-color:var(--code-editor-background);max-height:100%;display:block;overflow:auto}.codeGenHeader{display:flex;flex-direction:row}.monaco-editor{--vscode-focusBorder: #00000000 !important}button{padding:8px 16px;border:var(--button-border);cursor:pointer;background-color:var(--button-face);border-radius:10px;color:#fff;min-width:max-content;transition:background-color .2s ease-in-out}button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--button-face-disabled)}button:active{background-color:var(--orange)}@media (hover: hover){button:hover{background-color:var(--orange)}}button:disabled:hover{opacity:.5;cursor:not-allowed;background-color:var(--button-face-disabled)}.navbar{flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;width:100%;background-color:var(--panel-background);padding:10px;flex-wrap:wrap;overflow-x:hidden;overflow-y:hidden}.logo-img{max-width:100%;height:auto}.svg-btn{background:none;border:none;cursor:pointer;padding:0;margin:0;display:flex;justify-content:center;align-items:center;transition:color .2s ease-in-out}.svg-btn:active{background:none;color:var(--orange)}@media (hover: hover){.svg-btn:hover{background:none;color:var(--orange)}}.navbar-logo{flex-basis:10%;min-width:150px;margin-right:20px}.navbar-actions{flex-basis:18%;display:flex;justify-content:center;align-items:center}.navbar-run{flex-basis:12%;display:flex;justify-content:space-between;gap:10px;align-items:center}.navbar-compile{flex-basis:50%;display:flex;justify-content:space-between;gap:15px}.input{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size)}.input-textbox{background-color:var(--medium-grey);border:var(--button-border);color:var(--white);padding:8px 12px;font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;width:100%;box-sizing:border-box}label{font-size:14px;color:var(--white);margin-bottom:2px;text-align:left}.dropdown-select{background-color:var(--medium-grey);border:var(--button-border);color:var(--white);padding:8px 12px;font-size:14px;cursor:pointer;border-radius:4px;min-width:max-content;box-sizing:border-box;transition:background-color .2s ease-in-out}.dropdown-select:hover{background-color:var(--button-face)}.dropdown-select:after{content:"▼";font-size:12px;color:var(--white);padding-left:10px}.dropdown-select:focus{outline:none}.dropdown-select option{background-color:var(--dark-grey);color:var(--white)}.navbar-group{display:flex;gap:16px}.navbar-item{background-color:var(--light-grey);flex:1 1 0;color:var(--white);padding:8px 16px;text-align:center;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:10px;margin-left:10px;max-width:fit-content;height:50px;margin-top:5px;margin-bottom:5px}.navbar-standalone-button-item{background-color:var(--light-grey);color:var(--white);padding:8px;text-align:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-shrink:0;border-radius:10px;margin-left:10px;max-width:fit-content;height:50px;margin-top:5px;margin-bottom:5px}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#303030;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;font-size:20px;color:#f0f0f0;opacity:1;transition:opacity .5s ease}#loading-status-line{display:flex;flex-direction:row;align-items:center;justify-content:center}#progress-bar-container{width:200px;height:10px;display:block;background:var(--button-face);overflow:hidden;border-radius:5px}.progress-bar{width:0%;height:100%;background:#00759c}.spinner{width:25px;height:25px;border:4px solid #f0f0f0;border-top-color:#303030;border-radius:50%;animation:spin 1s linear infinite}.loading-status{margin-left:10px;color:#f0f0f0}@keyframes spin{to{transform:rotate(360deg)}}.splitpanes [style*="display: none"]~.splitpanes__splitter{display:none}@media screen and (max-width: 450px){.dropdown-select{min-width:100px}#demo-select{width:150px}}.splitpanes.slang-theme .splitpanes__pane{background-color:#0d0d0d;overflow:visible}.splitpanes.slang-theme .splitpanes__splitter{background-color:var(--gutter);box-sizing:border-box;position:relative;flex-shrink:0;transition:background-color .2s ease-in-out;background-repeat:no-repeat;background-position:50%}.splitpanes.slang-theme .splitpanes__splitter:hover{background-color:var(--gutter-hover)}.splitpanes.slang-theme .splitpanes__splitter:first-child{cursor:auto}.slang-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.slang-theme.splitpanes--vertical>.splitpanes__splitter,.slang-theme .splitpanes--vertical>.splitpanes__splitter{width:14px;margin-left:-1px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==)}.slang-theme.splitpanes--horizontal>.splitpanes__splitter,.slang-theme .splitpanes--horizontal>.splitpanes__splitter{height:14px;margin-top:-1px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=)}.tabs-container[data-v-facd93ea]{width:100%;height:100%;display:flex;flex-direction:column}.tab-headers[data-v-facd93ea]{display:flex}.tab-button[data-v-facd93ea]{padding:.5rem 1rem;border-radius:5px 5px 0 0;color:var(--inactive-tab-title);background:none;border:none;cursor:pointer;transition:all .2s ease}.tab-button[data-v-facd93ea]:hover{background-color:var(--orange)}.tab-button.active[data-v-facd93ea]{background:var(--code-editor-background);color:#fff}.tab-content[data-v-facd93ea]{min-height:0;flex-grow:1}.tooltip[data-v-ba303ff3]{position:absolute;background-color:#333;color:#fff;padding:8px;border-radius:4px;border:solid #808080;box-shadow:#111 3px 3px 10px;border-width:1px;transition:opacity .3s;pointer-events:none;font-size:14px;z-index:999;opacity:1}.tooltip.v-leave-active[data-v-ba303ff3]{transition:opacity .3s ease}.tooltip.v-leave-to[data-v-ba303ff3]{opacity:0}.modal[data-v-431bbd1f]{position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content[data-v-431bbd1f]{background-color:#fff;margin:auto;padding:20px;border-radius:10px;width:80%;max-width:600px;max-height:100%;overflow-y:auto}.close[data-v-431bbd1f]{color:#aaa;float:right;font-size:28px;font-weight:700}.close[data-v-431bbd1f]:hover,.close[data-v-431bbd1f]:focus{color:#000;text-decoration:none;cursor:pointer}.doc-header[data-v-431bbd1f]{margin-bottom:.5em}.renderCanvas[data-v-8e3a1b45]{background-color:var(--black);width:100%;height:100%}.control-bar[data-v-8e3a1b45]{position:absolute;bottom:0;left:0;right:0;height:36px;padding:4px 8px;background:#00000080;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:14px;overflow:hidden;white-space:nowrap}.control-bar .controls-left[data-v-8e3a1b45]>*{margin-right:8px}.control-bar .controls-right[data-v-8e3a1b45]>*{margin-left:8px}.control-bar button[data-v-8e3a1b45]{background:none;border:none;color:#fff;cursor:pointer;font-variant-emoji:text}.control-bar button[data-v-8e3a1b45]:disabled{cursor:default;opacity:.5}.controllerHolder[data-v-376bbae9]{display:flex;flex-direction:row;align-items:center;min-width:0;color:var(--vscode-editor-foreground, white)}.controllerLabel[data-v-376bbae9]{margin-left:20px;margin-right:20px;flex-shrink:1;min-width:50px}.labels[data-v-376bbae9]{display:flex;justify-content:space-between}.value[data-v-376bbae9]{font-size:14px}.numberInput[data-v-376bbae9]{background-color:transparent;color:var(--vscode-editor-foreground, white);border:none;outline:none;width:60px;text-align:center}.controllerContainer[data-v-376bbae9]{min-width:0;flex-grow:1;display:flex;flex-direction:column;margin-right:20px}.sliderInput[data-v-376bbae9]{min-width:0;flex-grow:1;z-index:1}.sliderInput[data-v-376bbae9]{height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;outline:none;border-radius:8px}.sliderInput[data-v-376bbae9]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;background:#4299e1;border-radius:50%;cursor:pointer}.sliderInput[data-v-376bbae9]::-moz-range-thumb{width:15px;height:15px;background:#4299e1;border-radius:50%;cursor:pointer;border:none}.controllerHolder[data-v-c6f67558]{display:flex;flex-direction:row;align-items:center;min-width:0;color:var(--vscode-editor-foreground, white)}.controllerLabel[data-v-c6f67558]{margin-left:20px;margin-right:20px;flex-shrink:1;min-width:50px}.controllerContainer[data-v-c6f67558]{min-width:0;flex-grow:1;display:flex;flex-direction:column;margin-right:20px}.uniformPanel[data-v-8dc673d9]{background-color:var(--vscode-editor-background, var(--code-editor-background));height:100%;overflow-y:scroll}.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{-webkit-user-select:none;user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme .splitpanes--dragging{-webkit-user-select:none;user-select:none;pointer-events:none}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}#reflectionDiv[data-v-527deaa7]{border:none;background-color:transparent}#small-screen-container[data-v-aa1e9b35]{height:100vh;display:flex;flex-direction:column}#small-screen-editor[data-v-aa1e9b35]{flex-grow:1}#small-screen-diagnostic[data-v-aa1e9b35]{height:250px}#renderOutput[data-v-aa1e9b35]{display:block;width:100%;height:100%;position:relative;overflow:hidden}#loading-screen.v-leave-active[data-v-aa1e9b35]{transition:opacity .5s ease}#loading-screen.v-leave-to[data-v-aa1e9b35]{opacity:0}.printSpace[data-v-aa1e9b35]{margin-top:10px}.diagnosticSpace[data-v-aa1e9b35]{padding-left:10px}.outputSpace[data-v-aa1e9b35]{background-color:var(--code-editor-background);border:none;color:#fff;width:100%;height:100%}.outputSpace[data-v-aa1e9b35]:focus{outline:none}.resultSpace.splitpanes .splitpanes__pane[data-v-aa1e9b35]{transition:none!important;overflow:hidden}.resultSpace [style*="display: none"]~.splitpanes__splitter~div[data-v-aa1e9b35]{height:100%!important}