/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button;-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.dropdown-right{--dropdown-right: 0}.dropdown-wide{--dropdown-width: 400px}.dropdown-wider{--dropdown-width: 500px}.dropdown-widest{--dropdown-width: 640px}.dropdown-big{--dropdown-button-font-size: 2rem;--dropdown-button-border: none;--dropdown-button-height: 48px;--dropdown-width: 640px}:root{--nav-font-size: 2rem;--font-family: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--text-color: #ddd;--text-color-inverted: #222;--background-color: #000;--stroke-color: #ddd;--border-color: transparent;--input-background-color: transparent;--primary-color: #f70;--secondary-color: #f90;--error-color: #c41;--connected-color: #2c4;--secondary-color-faded: rgba(255, 153, 0, .6);--prompt-font-size: 5rem;--overlay-color: rgba(0, 0, 0, .6)}.container.invert{--text-color: #222;--text-color-inverted: #ddd;--background-color: rgba(255, 255, 255);--stroke-color: #222;--overlay-color: rgba(255, 255, 255, .6)}body.edit{--prompt-font-size: 2rem}body.iterate .hide-in-iterate,body.edit .hide-in-edit,body.present .hide-in-present{display:none!important}body.iterate .hide-border-in-iterate,body.edit .hide-border-in-edit,body.present .hide-border-in-present{border-color:transparent!important}.hide-temporarily{display:none!important}body.iterate header{opacity:.5}body.iterate header:hover{opacity:1}html{padding:0;margin:0 auto;width:100vw;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body{padding:0;margin:0;background-color:var(--background-color);width:100vw;line-height:1.5;display:flex;flex-direction:column;font-family:var(--font-family);overflow:hidden}.container{position:relative;width:100vw;height:100vh}header{position:absolute;z-index:5;left:0;top:0;right:0;height:52px;display:flex;flex-direction:row;align-items:center;color:var(--text-color)}.edit header{background-color:var(--overlay-color)}header .right{display:flex;flex-direction:row;gap:10px;padding-right:8px}header .left>button,header .right>button{-webkit-user-select:none;user-select:none}nav{font-size:var(--nav-font-size);color:var(--text-color);display:flex;flex-direction:row;flex-grow:3;-webkit-user-select:none;user-select:none}header h1{-webkit-user-select:none;user-select:none}button#procession{height:48px;border-color:transparent;-webkit-user-select:none;user-select:none}main{position:absolute;inset:0;display:flex;flex-direction:row;gap:10px;color:var(--text-color)}#sidebar{position:absolute;top:70px;bottom:0;width:1000px;max-width:100%;z-index:4}#content{position:absolute;inset:0;z-index:2}#sketch,#overlay-sketch{position:absolute;z-index:3;inset:0;overflow:hidden}#overlay-sketch{display:none;z-index:4}.webcam{position:absolute;z-index:2;border:2px solid darkred;width:1920px;height:1080px;visibility:hidden}h1,h2,h3,p,li,ul,ol{margin:0}a{color:var(--text-color)}textarea{font-family:var(--font-family);font-size:1.2rem;width:calc(100% - 24px);resize:vertical;padding:10px;border-radius:3px;border:2px solid var(--border-color);outline:none;color:var(--text-color);background-color:var(--input-background-color)}input[type=text],input[type=password]{font-family:var(--font-family);width:calc(100% - 24px);margin:5px 0 0;padding:10px;border-radius:3px;border:2px solid var(--border-color);outline:none;color:var(--text-color);background-color:var(--input-background-color)}button{font-family:var(--font-family);padding:4px 6px;height:34px;border-radius:3px;border:2px solid var(--border-color);outline:none;color:var(--text-color);background-color:var(--input-background-color)}button:hover{background-color:var(--primary-color)}button:active{background-color:var(--secondary-color)}select{font-family:var(--font-family);height:34px;padding:4px 6px;border-radius:3px;border:2px solid var(--border-color);outline:none;color:var(--text-color);background-color:var(--input-background-color)}select:hover{background-color:var(--primary-color)}label{color:var(--text-color)}hr{border:none;outline:none;height:2px;background-color:var(--stroke-color);width:100%}tab-item[data-key=devices]{--tab-item-background-color: var(--overlay-color);--tab-item-padding: 5px 7px}tab-item[data-key=projection]{--tab-item-padding: 5px 7px}tab-item[data-key=settings]{--tab-item-background-color: var(--overlay-color);padding:0 10px}.iterate #prompt-input{width:calc(100vw - 75px);color:#eee}.edit #prompt-input{background-color:var(--overlay-color);color:var(--text-color)}#prompt-input{font-family:var(--font-family);font-size:var(--prompt-font-size);padding:0;margin-left:75px;margin-right:0;margin-bottom:5px;min-height:130px;max-height:40vh;overflow-y:auto;box-sizing:border-box;flex-grow:1;outline:none;background-color:transparent;flex:0 0 auto}.edit #prompt-input{margin-left:30px;line-height:2.6rem}#prompt-input:before{content:"→";position:absolute;top:0;left:0;padding-left:5px;font-size:1.6rem;min-height:130px;max-height:50vh;background-color:var(--overlay-color)}.iterate #prompt-input:before{font-size:var(--prompt-font-size);background-color:transparent}.edit #prompt-input:before{color:var(--primary-color);font-size:1.6rem}input#project-name-input{font-size:var(--nav-font-size);margin:0;padding:4px 6px;border:none;flex-grow:3;height:48px}input#project-name-input:hover{background-color:var(--primary-color)}@keyframes flash-fade{0%{background-color:var(--secondary-color)}to{background-color:var(--input-background-color)}}input#project-name-input.flash{animation:flash-fade .5s ease-out}.loader{position:absolute;top:100px;left:calc(50% - 50px);z-index:100;width:100px;height:100px;border:16px solid var(--overlay-color);border-top:16px solid var(--secondary-color);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#p5_loading{visibility:hidden!important}