@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(../assets/fonts/InterVariable.woff2) format("woff2")}@font-feature-values InterVariable{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}*{--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-regular-light-on-dark: 300;font-size:1rem;line-height:1;font-family:InterVariable,sans-serif;font-optical-sizing:auto;font-feature-settings:"liga" 1,"calt" 1;font-variant-alternates:styleset(open-digits) character-variant(alt-1,alt-3,single-story-a,compact-lc-f,compact-lc-t,lc-l-with-tail,simplified-u);font-variant-ligatures:common-ligatures discretionary-ligatures contextual;font-weight:var(--font-weight-regular)}button{font-weight:var(--font-weight-regular-light-on-dark)}h1{font-size:3rem;font-weight:var(--font-weight-bold)}h2{font-size:2rem;font-weight:var(--font-weight-bold)}h3{font-size:1.5rem;font-weight:var(--font-weight-bold)}h4{font-size:1.25rem;font-weight:var(--font-weight-bold)}strong{font-weight:var(--font-weight-bold)}.label{font-weight:var(--font-weight-regular)}*,*:before,*:after{box-sizing:border-box}html{overflow:hidden}body{--blackRGB: 0, 0, 0;--whiteRGB: 255, 255, 255;--white: rgb(var(--whiteRGB));--black: rgb(var(--blackRGB));--bgRGB: var(--whiteRGB);--fgRGB: var(--blackRGB);--bg-col: rgb(var(--bgRGB));--fg-col: rgb(var(--fgRGB));--transpSquareCol0: var(--bg-col);--transpSquareCol1: rgba(var(--fgRGB), .1);--squareSize: 30px;--base-col: #336dff;--text-col-on-base: var(--bg-col);--hover-col: #90de00;--focus-col: var(--hover-col);--signal-col: #fd750d;--divider-col: rgba(var(--fgRGB), .1);--inactive-col: transparent;--input-text-bg-col: transparent;--input-text-text-col: var(--text-col);--text-col: var(--base-col);--text-col-on-hover: var(--black);--text-col-on-focus: var(--text-col-on-hover);--link-col: var(--base-col);--text-on-inactive-col: var(--text-col);--link-hover-col: var(--hover-col);--text-align: left;--font-size-label: .9rem;--font-size-text-box: var(--font-size-label);--font-size-select: var(--font-size-label);--font-size-button: var(--font-size-label);--button-padding-sides: .67rem;--corner-radius: 0em;--line-width: 2px;--slider-width: var(--line-width);--base-height: 2.25rem;--spacing-y: calc(var(--base-height) * .75);--spacing-y-label: calc(var(--spacing-y) / 4);--spacing-x: calc(var(--base-height) / 4);--icon-size: calc(var(--target-diameter) * 1.5);--die-icon-size: calc(var(--icon-size) * 1);--target-col: var(--base-col);--target-diameter: 1rem;--transition-properties: .25s ease;margin:0;padding:0;background-color:var(--bg-col)}body:where(.dark-mode){--bgRGB: var(--blackRGB);--fgRGB: var(--whiteRGB)}body:where(.dark-mode) *{--font-weight-regular: 500;--font-weight-bold: 800;--font-weight-regular-light-on-dark: 400}::-moz-selection{color:var(--text-col-on-hover);background:var(--hover-col)}::selection{color:var(--text-col-on-hover);background:var(--hover-col)}#gui,.tab{display:flex;flex-direction:column;gap:var(--spacing-y)}#gui{min-width:25rem;width:25rem;padding:1rem;height:100vh;overflow-y:auto;background-color:var(--bg-col);color:var(--text-col)}.button-group{display:flex;row-gap:var(--spacing-x);column-gap:var(--spacing-x)}.row{flex-direction:row}.column{flex-direction:column}details>summary{list-style-type:none}details>summary::-webkit-details-marker{display:none}details>summary{border-bottom:solid var(--divider-col) var(--line-width);padding:.5rem 0;transition:color var(--transition-properties),border var(--transition-properties),font-weight var(--transition-properties);font-size:1.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}details>summary:hover,details[open]>summary:hover{color:var(--hover-col);border-color:var(--hover-col)}details[open]>summary{border-color:var(--base-col);font-weight:var(--font-weight-bold)}details>summary:before{content:"->";display:inline-block;transition:rotate var(--transition-properties);margin-right:.25em}details[open]>summary:before{rotate:90deg}.panel-container{display:flex;flex-direction:column;gap:var(--spacing-y);padding:calc(var(--base-height) * .25) 0}@supports (scrollbar-width: auto){*{scrollbar-color:var(--base-col) var(--bg-col);scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){*::-webkit-scrollbar-thumb{background:var(--base-col);border-radius:var(--corner-radius)}*::-webkit-scrollbar-track{background:var(--bg-col)}*::-webkit-scrollbar{background:var(--bg-col);width:calc(.5 * var(--target-diameter))}}#logo{min-height:4rem;background-image:url(../assets/generator-logo.svg);background-position-x:center;background-position-y:center;background-size:contain;background-repeat:no-repeat;margin-bottom:.5rem}.footer-logo{position:fixed;bottom:1rem;right:1rem}.p5catalyst-logo{height:2.8rem;width:6rem;position:relative;right:-.5rem;bottom:-.5rem;background-image:url(../assets/p5catalyst-logo-light.svg);background-position-x:left;background-position-y:center;background-size:contain;background-repeat:no-repeat}body:where(.dark-mode) .p5catalyst-logo{background-image:url(../assets/p5catalyst-logo-dark.svg)}.gui-textfield{margin:.5rem 0}.controller-wrapper{display:flex;flex-direction:row;gap:var(--spacing-x);align-items:center;justify-content:space-between}.gui-controller{width:100%;display:flex;flex-direction:column;gap:var(--spacing-y-label)}.gui-controller[disabled]{background-color:var(--inactive-col);opacity:.5}button,input,select,textarea{width:100%}.label{margin:0;padding:0;font-size:var(--font-size-label)}hr{border:none;height:var(--line-width);background-color:var(--divider-col);border-radius:var(--corner-radius);width:100%}h1,h2,h3,h4,h5,h6{margin:0 0 .25em;padding:0}button{cursor:pointer;background-color:var(--base-col);color:var(--text-col-on-base);border:none;border-radius:var(--corner-radius);min-height:var(--base-height);padding:0 var(--button-padding-sides);font-size:var(--font-size-button);text-align:var(--text-align)}button *{font-size:inherit}button:hover{background-color:var(--hover-col);color:var(--text-col-on-hover)}button:focus{background-color:var(--focus-col);color:var(--text-col-on-focus)}button.toggle{display:inline-flex;position:relative;background-color:transparent;border-radius:0;padding:0;align-items:stretch}button.toggle:focus{outline:none}button.toggle span{display:inline-block;width:100%;align-content:center;text-align:var(--text-align);padding:0 var(--button-padding-sides)}button.toggle span:first-child{border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--corner-radius);border-top-left-radius:var(--corner-radius);background-color:var(--base-col);color:var(--text-col-on-base);font-weight:var(--font-weight-regular-light-on-dark)}button.toggle span:last-child{border-bottom-right-radius:var(--corner-radius);border-top-right-radius:var(--corner-radius);border-bottom-left-radius:0;border-top-left-radius:0;background-color:var(--inactive-col);color:var(--text-on-inactive-col);font-weight:var(--font-weight-regular)}button.toggle[toggled] span:first-child{background-color:var(--inactive-col);color:var(--text-on-inactive-col);font-weight:var(--font-weight-regular)}button.toggle[toggled] span:last-child{background-color:var(--base-col);color:var(--text-col-on-base);font-weight:var(--font-weight-regular-light-on-dark)}button.toggle span:first-child:hover{background-color:var(--base-col);color:var(--text-col-on-base)}button.toggle span:last-child:hover{background-color:var(--hover-col);color:var(--text-col-on-hover)}button.toggle[toggled] span:first-child:hover{background-color:var(--hover-col);color:var(--text-col-on-hover)}button.toggle[toggled] span:last-child:hover{background-color:var(--base-col);color:var(--text-col-on-base)}button.toggle:focus span:first-child{z-index:1}button.toggle:focus span:last-child{outline:none;z-index:0}button.toggle[toggled]:focus span:first-child{outline:none;z-index:0}button.toggle[toggled]:focus span:last-child{z-index:1}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:var(--base-height);padding:0 var(--button-padding-sides);margin:0;width:100%;outline:none;cursor:pointer;text-align:var(--text-align);border-radius:var(--corner-radius);border:var(--line-width) solid var(--base-col);--arrow-url: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2222.498px%22%20height%3D%2222.11px%22%20version%3D%221.1%22%20viewBox%3D%22352.21%20170.29%2022.498%2022.11%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Abx%3D%22https%3A%2F%2Fboxy-svg.com%22%3E%3Cpath%20class%3D%22select-arrow-svg%22%20d%3D%22m363.46%20183.85-4.9997-5.0233h10z%22%20fill%3D%22%237685F7%22%20stroke-width%3D%220px%22%20bx%3Ashape%3D%22triangle%20-373.34%20-187.05%2019.493%209.792%200.5%200%201%406f3e846f%22%2F%3E%3C%2Fsvg%3E);background:var(--arrow-url) var(--input-text-bg-col) no-repeat 98.5%;background:var(--arrow-url) var(--input-text-bg-col) no-repeat calc(100% - var(--button-padding-sides));color:var(--input-text-text-col);font-size:var(--font-size-select)}select::-ms-expand{display:none}select:hover{border-color:var(--hover-col)}select:focus{border-color:var(--focus-col)}option{max-width:inherit;background-color:var(--bg-col);color:var(--text-col)}option:hover{background-color:var(--hover-col);color:var(--text-col-on-hover)}textarea{background-color:var(--input-text-bg-col);color:var(--input-text-text-col);padding:var(--button-padding-sides);border:var(--line-width) solid var(--base-col);border-radius:var(--corner-radius);border-bottom-right-radius:0;min-height:3.5rem;height:3.5rem;font:inherit;font-style:normal;resize:vertical;overflow-y:auto;font-size:var(--font-size-text-box)}textarea:hover{border-color:var(--hover-col)}textarea:focus{border-color:var(--focus-col)}.color-text-area-display{width:100%;display:flex;flex-flow:row wrap;align-content:flex-end;justify-content:flex-start;gap:calc(var(--target-diameter) * .25)}.color-text-area-block{width:var(--target-diameter);height:calc(var(--target-diameter) * .5)}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:var(--base-height);padding:0 var(--button-padding-sides);background-color:var(--input-text-bg-col);color:var(--input-text-text-col);border-radius:var(--corner-radius);border:var(--line-width) solid var(--base-col);font-size:var(--font-size-text-box)}input[type=text]:hover{border-color:var(--hover-col)}input[type=text]:focus{border-color:var(--focus-col);border-radius:var(--corner-radius);outline:none}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:var(--target-diameter)}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:var(--base-col);border-radius:var(--corner-radius);height:var(--slider-width)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:calc((var(--slider-width) - var(--target-diameter)) * .5);background-color:var(--target-col);height:var(--target-diameter);width:var(--target-diameter);border-radius:100%}input[type=range]:hover::-webkit-slider-thumb{background-color:var(--hover-col)}input[type=range]:focus::-webkit-slider-thumb{background-color:var(--focus-col)}input[type=range]::-moz-range-track{background-color:var(--base-col);border-radius:var(--corner-radius);height:var(--slider-width)}input[type=range]::-moz-range-thumb{border:none;background-color:var(--target-col);height:var(--target-diameter);width:var(--target-diameter);border-radius:100%}input[type=range]:hover::-moz-range-thumb{background-color:var(--hover-col);color:var(--text-col-on-hover)}input[type=range]:focus::-moz-range-thumb{background-color:var(--focus-col)}input[type=radio]{-webkit-appearance:none;appearance:none;display:grid;place-content:center;background-color:var(--white);width:var(--target-diameter);height:var(--target-diameter);border:var(--line-width) solid var(--base-col);border-radius:var(--corner-radius);cursor:pointer}input[type=radio]:hover{border-color:var(--hover-col)}input[type=radio]:focus{border-color:var(--focus-col)}input[type=radio]:hover:before{transform:scale(1);box-shadow:inset var(--target-diameter) var(--target-diameter) var(--hover-col)}input[type=radio]:before{content:"";width:var(--target-diameter);height:var(--target-diameter);transform:scale(.75,0);box-shadow:inset var(--target-diameter) var(--target-diameter) var(--target-col);border:none;border-radius:var(--corner-radius)}input[type=radio]:checked:before{transform:scale(1)}.dual-range-input{--dri-height: 1.5rem;--dri-thumb-width: var(--target-diameter);--dri-thumb-height: var(--target-diameter);--dri-thumb-color: var(--base-col);--dri-thumb-hover-color: var(--hover-col);--dri-thumb-active-color: var(--hover-col);--dri-thumb-border-color: none;--dri-thumb-border-radius: var(--corner-radius);--dri-thumb-border-width: none;--dri-track-height: var(--line-width);--dri-track-border-radius: 0;--dri-track-color: var(--base-col);--dri-track-filled-color: var(--hover-col);display:flex;height:var(--dri-height);max-width:100%;width:100%;box-sizing:border-box;padding-inline-end:calc(var(--dri-thumb-width) * 2)}.dual-range-input input{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:none;border-radius:0;flex-basis:calc(50% + var(--dri-thumb-width));flex-shrink:0;font-size:inherit;height:100%;margin:0;min-width:var(--dri-thumb-width);outline:none}.dual-range-input input::-moz-range-track{background-color:var(--dri-track-color);background-repeat:no-repeat;box-sizing:border-box;height:var(--dri-track-height)}.dual-range-input input:first-child::-moz-range-track{border-start-start-radius:var(--dri-track-border-radius);border-end-start-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position))}[dir=rtl] .dual-range-input input:first-child::-moz-range-track{background-image:linear-gradient(to left,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position))}.dual-range-input input:last-child::-moz-range-track{border-start-end-radius:var(--dri-track-border-radius);border-end-end-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}[dir=rtl] .dual-range-input input:last-child::-moz-range-track{background-image:linear-gradient(to left,var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}.dual-range-input input::-moz-range-thumb{-webkit-appearance:none;appearance:none;background-color:var(--dri-thumb-color);border-radius:var(--dri-thumb-border-radius);border:var(--dri-thumb-border-width) solid var(--dri-thumb-border-color);box-shadow:none;box-sizing:border-box;height:var(--dri-thumb-height);width:var(--dri-thumb-width);max-width:99.99%}.dual-range-input input:not([data-ready=true])::-moz-range-thumb{opacity:0}.dual-range-input input:hover::-moz-range-thumb{background-color:var(--dri-thumb-hover-color);border-color:var(--dri-thumb-border-hover-color)}.dual-range-input input:active::-moz-range-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}.dual-range-input input:focus-visible::-moz-range-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}.dual-range-input input::-webkit-slider-runnable-track{background-color:var(--dri-track-color);background-repeat:no-repeat;box-sizing:border-box;height:var(--dri-track-height)}.dual-range-input input:first-child::-webkit-slider-runnable-track{border-start-start-radius:var(--dri-track-border-radius);border-end-start-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position))}[dir=rtl] .dual-range-input input:first-child::-webkit-slider-runnable-track{background-image:linear-gradient(to left,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position))}.dual-range-input input:last-child::-webkit-slider-runnable-track{border-start-end-radius:var(--dri-track-border-radius);border-end-end-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}[dir=rtl] .dual-range-input input:last-child::-webkit-slider-runnable-track{background-image:linear-gradient(to left,var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}.dual-range-input input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--dri-thumb-color);border-radius:var(--dri-thumb-border-radius);border:var(--dri-thumb-border-width) solid var(--dri-thumb-border-color);box-shadow:none;box-sizing:border-box;height:var(--dri-thumb-height);width:var(--dri-thumb-width)}.dual-range-input input:not([data-ready=true])::-webkit-slider-thumb{opacity:0}.dual-range-input input:hover::-webkit-slider-thumb{background-color:var(--dri-thumb-hover-color);border-color:var(--dri-thumb-border-hover-color)}.dual-range-input input:active::-webkit-slider-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}.dual-range-input input:focus-visible::-webkit-slider-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}input[type=checkbox]{-webkit-appearance:none;appearance:none;display:grid;place-content:center;background-color:var(--white);width:var(--target-diameter);height:var(--target-diameter);border:var(--line-width) solid var(--base-col);border-radius:var(--corner-radius);cursor:pointer;margin:0}input[type=checkbox]:hover{border-color:var(--hover-col)}input[type=checkbox]:focus{border-color:var(--focus-col)}input[type=checkbox]:hover:before{transform:scale(1);box-shadow:inset var(--target-diameter) var(--target-diameter) var(--hover-col)}input[type=checkbox]:before{content:"";width:var(--target-diameter);height:var(--target-diameter);transform:scale(.75,0);box-shadow:inset var(--target-diameter) var(--target-diameter) var(--target-col);border:none;border-radius:var(--corner-radius)}input[type=checkbox]:checked:before{transform:scale(1)}.xyslider{width:100%;aspect-ratio:1;background-color:none;background-repeat:round;background-size:12.5% 12.5%;background-image:radial-gradient(circle,var(--base-col) 1px,rgba(0,0,0,0) 1.5px);background-position:center;cursor:pointer;border-radius:var(--corner-radius);border:var(--line-width) solid var(--base-col)}.xyslider:hover{border-color:var(--hover-col)}.xyslider .handle{position:relative;width:var(--target-diameter);height:var(--target-diameter);background-color:var(--base-col);border-radius:var(--target-diameter);cursor:move;top:calc(50% - var(--target-diameter) / 2);left:calc(50% - var(--target-diameter) / 2);transition:background-color var(--transition-properties)}.xyslider .handle:hover{background-color:var(--hover-col)}.xyslider .handle:active{border-radius:100%;border-color:var(--focus-col)}.color-boxes{width:100%;display:flex;flex-flow:row wrap;align-content:flex-end;justify-content:flex-start;gap:calc(var(--target-diameter) * .25)}.color-boxes input[type=radio]{margin:0;border:none}.color-boxes input[type=radio]:hover,.color-boxes input[type=radio]:checked:hover{border:var(--line-width) solid var(--hover-col)}.color-boxes input[type=radio]:checked{border:var(--line-width) solid var(--base-col)}.color-boxes input[type=radio]:before{display:none}.color-boxes input[type=radio]:hover:before{display:none}.color-boxes input[type=radio]:checked:before{display:none}.color-boxes input[type=checkbox]{margin:0;border:none}.color-boxes input[type=checkbox]:hover,.color-boxes input[type=checkbox]:checked:hover{border:var(--line-width) solid var(--hover-col)}.color-boxes input[type=checkbox]:checked{border:var(--line-width) solid var(--base-col)}.color-boxes input[type=checkbox]:before{display:none}.color-boxes input[type=checkbox]:hover:before{display:none}.color-boxes input[type=checkbox]:checked:before{display:none}.crementer{display:flex;width:100%;align-items:center}.crementer>*{width:100%}.crementer span{height:var(--base-height);background-color:var(--base-col);color:var(--text-col-on-base);display:flex;align-items:center;justify-content:center}.crementer button{text-align:center}#vidLoad{margin:auto;padding:0;animation-name:rotate;animation-duration:2s;animation-iteration-count:infinite;animation-direction:normal;animation-timing-function:linear}#vidLoad>div{width:2rem;height:2rem}#vidLoad>div:before,#vidLoad>div:after{content:"";display:inline-block;width:1rem;height:2rem}#vidLoad>div:before{background-color:var(--base-col);border-top-left-radius:1rem;border-bottom-left-radius:1rem}#vidLoad>div:after{background-color:var(--inactive-col);border-top-right-radius:1rem;border-bottom-right-radius:1rem}@keyframes rotate{0%{rotate:0deg}to{rotate:360deg}}#contact{font-size:.8rem}a{color:var(--link-col)}a:hover{color:var(--link-hover-col)}.die-icon{aspect-ratio:1;height:var(--die-icon-size);width:var(--die-icon-size);transform-origin:center;opacity:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--base-col);transition:rotate var(--transition-properties),color var(--transition-properties),opacity var(--transition-properties)}.die-icon:hover{color:var(--hover-col)}.die-icon svg{height:var(--die-icon-size);width:var(--die-icon-size)}.die-icon--disabled{opacity:.333}.command-bar{position:relative;width:100%;display:flex;flex-direction:row;gap:calc(var(--spacing-x) * 2);height:var(--base-height);padding:0 1rem;margin-top:1rem;justify-content:flex-start;align-items:center}main:where(.gui-right) .command-bar{flex-direction:row-reverse}.command-bar__center{position:absolute;inset:0;margin:auto;height:inherit;width:fit-content}.command-bar__center>svg{height:inherit;width:auto;color:var(--base-col)}.command-bar__button{display:flex;align-items:center;justify-content:center;padding:0;height:var(--base-height);max-width:var(--base-height);background:none;border:none;color:var(--base-col);transition:transform var(--transition-properties)}.command-bar__button>svg{height:var(--icon-size)}.command-bar__button:hover{background:none;color:var(--hover-col)}.command-bar__button:focus{background:none;color:var(--hover-col)}.command-bar__button>span{width:max-content;font-size:.8rem}.command-bar__filler{height:inherit;width:100%}.command-bar__button--randomizer:hover{transform:rotate(60deg)}.command-bar__button--undo:hover{transform:translate(-.125rem) rotate(-10deg)}.command-bar__button--redo:hover{transform:translate(.125rem) rotate(10deg)}.command-bar__button--reset:hover{transform:rotate(-180deg)}.command-bar__button--theme-toggle:hover{transform:rotate(60deg)}.command-bar__button--help:hover{transform:translateY(-.125rem)}svg,svg *{stroke-width:2px!important;vector-effect:non-scaling-stroke}svg path,svg line,svg rect,svg circle{stroke-width:2px!important}#canvas-workarea{background-color:var(--bg-col);display:flex;flex-direction:column;width:100%;max-height:100vh}#canvas-wrapper{display:flex;align-items:center;justify-content:center;height:100%}main{display:flex;flex-direction:row;gap:0;width:100%;height:100%;margin:0;padding:0}.gui-left{flex-direction:row}.gui-right{flex-direction:row-reverse}canvas,.p5Canvas>svg{display:block;margin:auto;background-image:linear-gradient(45deg,var(--transpSquareCol1) 25%,transparent 25%),linear-gradient(-45deg,var(--transpSquareCol1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--transpSquareCol1) 75%),linear-gradient(-45deg,transparent 75%,var(--transpSquareCol1) 75%);background-size:var(--squareSize) var(--squareSize);background-position:0 0,0 calc(var(--squareSize) / 2),calc(var(--squareSize) / 2) calc(var(--squareSize) / -2),calc(var(--squareSize) / -2) 0px;background-repeat:repeat;cursor:crosshair}.p5Canvas>svg{display:none;position:relative;z-index:1000}html:has(dialog[open]){overflow:hidden;touch-action:none}html:has(dialog[open]) dialog{touch-action:auto}html:has(dialog[open]) body{margin-right:none}dialog::backdrop{background:none;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.dialog{align-items:flex-end;background-color:transparent;border:none;height:100%;justify-content:center;align-items:center;max-height:100%;max-width:100%;overflow:hidden;position:fixed;inset:0;width:100%}.dialog[open]{display:flex}@media (min-width: 600px){.dialog{align-items:center}}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1;transform:none}}button.dialog-backdrop-close{inset:0;position:absolute;background-color:rgba(var(--bgRGB),.8);opacity:0}.dialog[open] button.dialog-backdrop-close{animation:dialog-backdrop-in .25s ease-out forwards}@media (prefers-reduced-motion: reduce){.dialog[open] button.dialog-backdrop-close{animation:none;opacity:1}}.dialog-close{position:absolute;z-index:1;border-radius:var(--corner-radius);right:-3rem;top:0;height:var(--base-height);width:var(--base-height);padding:0;display:flex;align-items:center;justify-content:center;text-align:none;border:none;cursor:pointer;background-color:var(--base-col);color:var(--text-col-on-base)}button.dialog-close:focus-visible,button.dialog-close:hover{background-color:var(--hover-col);color:var(--text-col-on-hover)}.dialog-content{border-radius:var(--corner-radius);max-height:42rem;max-width:38rem;margin-bottom:35vh;position:relative;width:100%;opacity:0;color:var(--base-col)}.dialog[open] .dialog-content{animation:dialog-content-scale-in .25s ease-out forwards}.dialog-content-wrapper{margin-bottom:var(--spacing-y-label)}.dialog-content-wrapper>*:first-child{margin-top:0}.dialog-prompt-form{display:flex;flex-direction:row;width:100%;gap:calc(var(--target-diameter) / 2)}.dialog-prompt-form button{max-width:fit-content}.dialog-prompt-input{width:100%}@keyframes dialog-content-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.dialog[open] .dialog-content{animation:none;opacity:1}}.helpme ul{padding-inline-start:0}.helpme li{list-style:none;text-indent:0%;margin-bottom:1.5em;display:flex;flex-direction:row;justify-content:space-between}.helpme span{width:100%}.tab-bar{display:flex;gap:0;margin-bottom:calc(var(--spacing-y-label) * .5)}.tab-bar button{appearance:none;padding:0;background:none;border:none;border-bottom:var(--line-width) solid var(--divider-col);cursor:pointer;color:var(--text-col);font-weight:var(--font-weight-regular);border-radius:0}.tab-bar button:hover{color:var(--hover-col)}.tab-bar button:focus{outline:none}.tab-bar button.active{border-bottom:var(--line-width) solid var(--base-col);font-weight:var(--font-weight-bold)}.tab-bar button:hover{border-bottom:var(--line-width) solid var(--hover-col)}p{line-height:1.5}code{font-family:monospace;font-size:1em;padding:.333em .667em;background:var(--base-col);color:var(--text-col-on-base);border-radius:3px}ul li,ol li{line-height:1.5}button,button span,select,input,textarea,.die-icon,.crementer,.color-boxes,.xyslider,.color-text-area-display{transition:color var(--transition-properties),background-color var(--transition-properties),border var(--transition-properties),rotate var(--transition-properties),font var(--transition-properties)}