@import "https://www.nerdfonts.com/assets/css/webfont.css";:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font:"JetBrains Mono Variable", monospace;--font-mono:"JetBrains Mono Variable", monospace;--font-size-input:.9rem;--font-size-sm:.9rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-icon:1.5rem;--transition-fast:.1s ease;--transition-normal:.2s ease}body{background:var(--bg);color:var(--text);font-family:var(--font);flex-direction:column;align-items:center;margin:0;display:flex}.workspace{background-color:var(--bg-0);grid-template-rows:1fr 16fr 8vh;grid-template-columns:1fr;gap:0;width:100vw;height:100vh;display:grid}.tabbar{display:none}.topbar{--bg-color:var(--bg-0);flex-direction:row;justify-content:space-between;align-items:center;padding-left:12px;padding-right:12px;display:flex}.top-interactives{justify-content:flex-end;align-items:center;gap:var(--space-lg);flex-direction:row;display:flex}.input-group{justify-content:flex-end;align-items:center;gap:var(--space-sm);flex-direction:row;display:flex}.in-out-container{background-color:var(--bg-1);grid-template-rows:1fr;grid-template-columns:1fr 1fr;gap:0;min-height:0;display:grid;position:relative}.editor-container{grid-column:1;min-width:0;min-height:0}.output-container{grid-column:2;grid-template-rows:.1fr 1fr;grid-template-columns:1fr;gap:0;min-width:0;display:grid}.output-toolbar{background-color:var(--bg-3);flex-direction:row;align-items:center;gap:0;min-width:0;padding-left:12px;padding-right:12px;display:flex;overflow-y:auto}.output-inner{background-color:var(--bg-2);padding:var(--space-md) var(--space-md) var(--space-lg) var(--space-xl);justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}[data-theme=dark]{--bg-0:#343434;--bg-1:color-mix(in oklch, var(--bg-0) 95%, white);--bg-2:color-mix(in oklch, var(--bg-0) 90%, white);--bg-3:color-mix(in oklch, var(--bg-0) 85%, white);--input:#71f2cf;--input-hover:color-mix(in oklch, var(--input) 70%, black);--input-disabled:oklch(50% 5.96046e-8 none);--error:red;--error-hover:color-mix(in oklch, var(--error) 40%, black);--error-border:color-mix(in oklch, var(--error) 90%, black);--tip:#e69129;--tip-hover:color-mix(in oklch, var(--help) 70%, black);--help:#d18b52;--editor-error-highlight:#ce231980;--text:white;--log-system:gray;--log-user:white}.input-wrapper{font-family:var(--font-mono);font-size:var(--font-size-input);color:var(--input)}button{appearance:none;padding-right:var(--space-xs);font-family:var(--font-mono);font-size:var(--font-size-input);color:var(--input);background-color:inherit;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;text-wrap:nowrap;border:none}button:before{content:"> "}button:hover{background-color:var(--input-hover)}@keyframes tui-spinner{0%{content:"⠋ "}10%{content:"⠙ "}20%{content:"⠹ "}30%{content:"⠸ "}40%{content:"⠼ "}50%{content:"⠴ "}60%{content:"⠦ "}70%{content:"⠧ "}80%{content:"⠇ "}90%{content:"⠏ "}to{content:"⠋ "}}.loading{pointer-events:none;transition:background-color var(--transition-fast);cursor:wait!important}.loading:hover{background-color:var(--input-disabled)!important}.loading:before{content:"⠋ ";animation:1s step-start infinite tui-spinner}button.disabled{cursor:not-allowed;pointer-events:none;color:var(--input-disabled)}.checkbox{font-family:var(--font-mono);font-size:var(--font-size-input);margin-left:var(--space-xs);-webkit-user-select:none;user-select:none;padding-right:var(--space-xs);color:var(--input);transition:background-color var(--transition-fast);cursor:pointer;white-space:nowrap;text-wrap:nowrap}.checkbox:hover{background-color:var(--input-hover)}input[type=checkbox]{appearance:none;font-family:var(--font-mono);font-size:var(--font-size-input);cursor:pointer;color:var(--input);margin:0}input[type=checkbox]:before{content:"[ ]"}input[type=checkbox]:checked:before{content:"[*]"}.number{font-family:var(--font-mono);font-size:var(--font-size-input);margin-left:var(--space-xs);margin-right:var(--space-xs);cursor:text;-webkit-user-select:none;user-select:none;color:var(--input);transition:background-color var(--transition-fast);transition:border var(--transition-fast);white-space:nowrap;display:inline-block}.number:hover{background-color:var(--input-hover)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-webkit-user-select:none;user-select:none;width:3ch;height:auto;font-family:var(--font-mono);font-size:var(--font-size-input);cursor:text;color:var(--input);text-align:right;background-color:#0000;border:none;outline:none;margin:0}input[type=number]:focus{animation:1s step-end infinite underscore-blink}@keyframes underscore-blink{0%,to{box-shadow:none}50%{box-shadow:0 2px 0 0 var(--input)}}.number:before{content:"["}.number:after{content:"]"}.tui-select{background-color:var(--bg-color,transparent);font-family:var(--font-mono);font-size:var(--font-size-input);color:var(--input);position:relative}.tui-select-trigger{cursor:pointer;padding-right:var(--space-xs);padding-left:var(--space-xs);transition:background-color var(--transition-fast)}.tui-select-trigger:hover{background-color:var(--input-hover)}.tui-select-trigger:after{margin-left:var(--space-sm);content:"⌄";position:relative;top:-.2rem}.tui-select-dropdown{background-color:inherit;z-index:10;top:calc(var(--space-md)12px);padding:var(--space-md);outline-offset:calc(var(--space-md)/2*-1);outline:2px dotted var(--input-hover);transition:outline var(--transition-fast);display:none;position:absolute}.tui-select-dropdown:hover{outline:2px solid var(--input)}.tui-select-dropdown.open{display:block}.tui-select-option{white-space:nowrap;padding-right:var(--space-xs);padding-left:var(--space-xs);transition:background-color var(--transition-fast);cursor:pointer;display:inline}.tui-select-option:before{content:"   "}.tui-select-option:hover{background-color:var(--input-hover)}.tui-select-option:hover:before{content:">  "}.tui-select-option.selected:before{content:" * "}.tui-select-option.selected:hover:before{content:">* "}.middle-icon{z-index:2;padding:var(--space-md);background-color:var(--bg-1);outline:2px solid var(--bg-2);outline-offset:calc(var(--space-md)/3*-1);cursor:pointer;font-family:var(--font-mono);font-size:var(--font-size-lg);transition:background-color var(--transition-fast);grid-area:1/2;place-self:center start;position:absolute;transform:translate(-50%)}.middle-icon:before{content:"→"}.middle-icon:hover{background-color:var(--input-hover)}@keyframes error-outline-blink{0%,to{outline-color:var(--error-border)}50%{outline-color:var(--error)}}.error-pop{z-index:5;bottom:var(--space-sm);display:none;position:absolute;left:50%;transform:translate(-50%)}.error-pop.shown{display:block}.error-pop-inner{z-index:inherit;background-color:var(--bg-0);padding:var(--space-md);outline:3px dashed var(--error-border);outline-offset:calc(var(--space-md)/2*-1);color:var(--error);transition:background var(--transition-fast);animation:1s step-start infinite error-outline-blink;position:relative}.error-pop-inner:hover{background-color:var(--error-hover)}.error-pop-title{-webkit-user-select:none;user-select:none;top:0;left:var(--space-md);padding:0 var(--space-xs) 0 var(--space-xs);background-color:inherit;position:absolute}.error-pop-content{margin-top:var(--space-sm)}.editor-error-line{background-color:var(--editor-error-highlight);width:100%!important}.console{z-index:3;width:100%;min-height:0;height:var(--console-height);flex-direction:column;flex:1;display:flex;position:absolute;bottom:0;overflow:hidden}.console-header{padding:var(--space-sm) 0 var(--space-sm) var(--space-md);background-color:var(--bg-0);cursor:grab;position:relative}.console-header *{-webkit-user-select:none;user-select:none}.console-handle{padding:var(--space-xs);color:var(--input);transition:background-color var(--transition-fast);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.console-handle:hover{background-color:var(--input-hover)}.console-handle.dragging{background-color:var(--input-hover);cursor:grabbing!important}body.dragging,body.dragging *{cursor:grabbing!important}.console-inner{background-color:var(--bg-1);height:100%;font-family:var(--font-mono);font-size:var(--font-size-input);position:relative}.console-scroll{width:100%;height:100%;position:absolute;top:0;overflow:auto}.console-content{padding-left:var(--space-md);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.log{width:fit-content;font-family:var(--font-mono);font-size:var(--font-size-input);align-self:flex-start;gap:var(--space-sm);pointer-events:auto;flex-direction:row;flex-grow:0;min-width:0;display:flex}.log-system{color:var(--log-system)}.log-user{color:var(--log-user)}.tip-box{right:var(--space-sm);bottom:var(--space-sm);z-index:4;display:none;position:absolute}.tip-box.shown{display:block}.tip-box.disabled{display:none!important}.tip-inner{background-color:var(--bg-0);padding:var(--space-md);outline:3px dotted var(--tip);outline-offset:calc(var(--space-md)/2*-1);color:var(--text);position:relative}.tip-top{top:0;left:var(--space-md);right:var(--space-sm);color:var(--tip);flex-direction:row;justify-content:space-between;display:flex;position:absolute}.tip-top *{background-color:var(--bg-0);padding:0 var(--space-xs) 0 var(--space-xs)}.tip-close-btn{font-size:var(--font-size-md);cursor:pointer;transition:background var(--transition-fast)}.tip-close-btn:hover{background-color:var(--tip-hover)}.tip-content{margin-top:var(--space-xs);max-width:25vw;max-height:10vh;font-size:var(--font-size-sm);overflow-y:auto}.help-modal{z-index:6;transition:width var(--transition-fast), height var(--transition-fast);display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.help-modal.shown{display:block}.help-inner{background-color:var(--bg-0);padding:var(--space-md);outline:3px dotted var(--help);outline-offset:calc(var(--space-md)/2*-1);color:var(--text);position:relative}.help-top{top:0;left:var(--space-md);right:var(--space-sm);color:var(--help);flex-direction:row;justify-content:space-between;display:flex;position:absolute}.help-top *{background-color:var(--bg-0);padding:0 var(--space-xs) 0 var(--space-xs)}.help-close-btn{font-size:var(--font-size-md);cursor:pointer;transition:background var(--transition-fast)}.help-close-btn:hover{background-color:var(--help-hover)}.help-content{gap:var(--space-sm);font-size:var(--font-size-sm);margin-top:var(--space-xs);min-width:15vw;max-width:30vw;max-height:50vh;padding:var(--space-sm) 0 var(--space-sm) 0;font-size:var(--font-size-sm);flex-direction:column;display:flex;overflow-y:auto}.help-divider{cursor:pointer;transition:background var(--transition-fast);flex-direction:row;align-items:center;display:flex}.help-divider:hover{background-color:var(--input-hover)}.help-divider>hr{width:100%;margin:0 var(--space-sm) 0 var(--space-sm);height:var(--space-xs);background-color:var(--bg-2);border:0;flex-direction:row;display:flex}.help-divider:after{content:">"}.help-divider.toggled:after{content:"⌄"}.help-section{margin-bottom:var(--spac-sm);flex-direction:column;display:none}.help-section.shown{display:flex}.help-summary{padding-bottom:var(--space-xs);border-bottom:dashed 3px var(--bg-3);margin-bottom:var(--space-xs)}.help-var-doc{gap:var(--space-sm);flex-direction:row;justify-content:flex-start;display:flex}.help-function-docs{gap:var(--space-md);flex-direction:column;display:flex}.help-function-doc{gap:var(--space-xs);flex-direction:column;display:flex}.help-function-type{color:gray}.top-menu-btn{font-size:var(--font-size-lg);color:var(--input);cursor:pointer;transition:background var(--transition-fast);padding:0 var(--space-sm) 0 var(--space-sm);display:none}.top-menu-btn:hover{background-color:var(--input-hover)}@media (width<=800px){.top-menu-btn{display:block}.top-interactives{padding:var(--space-md);outline:2px solid var(--input-hover);outline-offset:calc(var(--space-md)/2*-1);z-index:3;background-color:var(--bg-0);display:none;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.top-interactives.shown{flex-direction:row;display:flex}.top-interactives *{font-size:var(--font-size-lg);gap:var(--space-md);flex-direction:column}.tabbar{font-size:var(--font-size-icon);background-color:var(--bg-3);padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-md);align-items:center;display:block}.tabbar *{padding:var(--space-sm);background-color:var(--bg-2);align-content:center}.tabbar .selected{background-color:var(--input-hover)}.in-out-container{display:flex}.editor-container,.output-container{flex:1}.hidden{display:none!important}.middle-icon{right:var(--space-sm);bottom:var(--space-sm);background-color:var(--bg-2);outline-color:var(--bg-3);position:absolute}}@keyframes border-blink{0%,to{outline:var(--space-sm) solid #ff000042}50%{outline:var(--space-sm) solid #ff000068}}.tutorial-border{box-sizing:border-box;outline:var(--space-sm) solid #ff000042;outline-offset:calc(var(--space-sm)*-1);z-index:50;transition:left var(--transition-fast), top var(--transition-fast), height var(--transition-fast), width var(--transition-fast);animation:1s infinite border-blink;display:none;position:fixed}.tutorial-border.shown{display:block}.tutorial-overlay-container{display:none}.tutorial-overlay-container.shown{display:block}.tutorial-overlay{z-index:45;transition:top var(--transition-fast), right var(--transition-fast), bottom var(--transition-fast), left var(--transition-fast);background-color:#0008;position:fixed;inset:0}.tutorial-box{z-index:55;transition:top var(--transition-fast), right var(--transition-fast), left var(--transition-fast), width var(--transition-fast), height var(--transition-fast);background-color:#7b68ee;display:none;position:fixed}.tutorial-box.shown{display:block}.tutorial-box.top{top:var(--space-md);left:50%;right:auto;transform:translate(-50%)}.tutorial-box.right{top:50%;left:auto;right:var(--space-md);transform:translateY(-50%)}.tutorial-box.bottom{top:calc(100% - var(--space-md));left:50%;right:auto;transform:translate(-50%,-100%)}.tutorial-box.left{left:var(--space-md);top:50%;right:auto;transform:translateY(-50%)}.tutorial-box.center{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-inner{background-color:var(--bg-0);padding:var(--space-md);outline:3px dotted var(--tip);outline-offset:calc(var(--space-md)/2*-1);color:var(--text);flex-direction:column;display:flex;position:relative}.tutorial-top{top:0;left:var(--space-md);right:var(--space-sm);color:var(--tip);flex-direction:row;justify-content:space-between;display:flex;position:absolute}.tutorial-top *{background-color:var(--bg-0);padding:0 var(--space-xs) 0 var(--space-xs)}.tutorial-close-btn{font-size:var(--font-size-md);cursor:pointer;transition:background var(--transition-fast)}.tutorial-close-btn:hover{background-color:var(--tip-hover)}.tutorial-content{margin-top:var(--space-xs);width:25vw;overflow-y:auto}.tutorial-button-container{flex-direction:row;justify-content:space-between;display:flex}