.TextureGrid{display:grid;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding-bottom:10px}.TextureGrid .image-container{cursor:pointer;transform:scale(.9);transition:all .1s ease-in-out;border-radius:3px;border:5px solid transparent}.TextureGrid .image-container:hover{opacity:.7;transform:scale(1)}.TextureGrid .image-container[data-active=true]{border-color:#1e90ff;transform:scale(1)}.TextureGrid .image-container[data-active=true] img{border-radius:0}.TextureGrid .image-container img{width:100%;height:100%;aspect-ratio:1;border-radius:3px}.TextureGrid .image-container label{position:absolute;bottom:0;right:0;font-size:.9em;background-color:#ffffffb3;color:#333;width:100%;text-align:center;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Button{display:inline-flex;place-items:center;place-content:center;font-size:.9em;font-family:inherit;padding:.5em .6em;border:none;border-radius:.3em;transition:50ms;cursor:pointer}.Button:disabled{cursor:default;opacity:.5}.Button:enabled:hover{opacity:.8;transition:50ms}.Button:enabled:active{opacity:.9;transition:50ms}.Button[data-variant=default]{background-color:#eee;color:#000;border:1px solid #ccc}.Button[data-variant=danger]{background-color:brown;color:#fff}.Button[data-variant=success]{background-color:#2d8f34;color:#fff}.Button[data-variant=primary]{background-color:#3287a7;color:#fff}.Button[data-variant=warning]{background-color:#ffca2c;color:#000}.Controls{position:fixed;left:10px;top:10px;background-color:#fff;border-radius:5px;box-shadow:0 5px 10px #0003;max-height:95vh;display:flex;flex-direction:column;gap:5px;z-index:1;padding:10px;width:20rem}.Controls .button-collapse{display:flex;place-content:center;place-items:center;margin-bottom:5px;padding:.5em;border-radius:50%}.Controls .button-collapse:hover{background-color:#eee}.Controls[data-collapsed=true] .button-collapse{transform:rotateX(180deg);transition:all .5s}.Controls[data-collapsed=true] main{max-height:0;transition:all .5s ease-out;overflow:hidden}.Controls[data-collapsed=false] .button-collapse{transform:rotateX(0);transition:all .5s}.Controls[data-collapsed=false] main{max-height:90vh;transition:all .5s ease-in;overflow-y:auto}.Controls header{display:flex;place-items:center;place-content:center;gap:.5em;flex-wrap:wrap}.Controls header .button-collapse{cursor:pointer}.Controls header img{width:6rem}.Controls header h1{font-size:1.5rem;font-weight:400;line-height:1.1em;color:#555}.Controls main{display:flex;flex-direction:column}.Controls main .buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.Controls main h2{font-size:1.2rem;margin:0 0 .5em;color:#555;font-weight:400;text-align:center}.Controls main hr{width:95%;border-bottom:1px solid black;opacity:.1;margin:.5em auto}.Controls main fieldset.toggles{margin:0;border:none;display:grid;grid-template-columns:1fr 1fr}.Controls main fieldset.toggles label,.Controls main fieldset.toggles label>div{display:flex;place-content:flex-start;place-items:center;gap:.5em}.Controls main fieldset.toggles label{padding:.2em .4em;cursor:pointer}.Controls main fieldset.toggles label:hover{background-color:#eee;transition:.1s}.Controls main fieldset.toggles [data-toggled=false]{opacity:.4}.SelectionControls{position:fixed;bottom:10px;left:50%;background-color:#fff;padding:10px;z-index:2;border-radius:6px;box-shadow:0 5px 10px #0003;border:1px solid burlywood;display:flex;place-content:center;place-items:center;gap:10px}.SelectionControls[data-show=true]{transform:translate(-50%) translateY(0);opacity:1;transition:.1s ease-in-out}.SelectionControls[data-show=false]{transform:translate(-50%) translateY(110%);opacity:0;transition:.1s ease-in-out}.SelectionControls fieldset{display:flex;flex-direction:column;padding:0;margin:0;border:0;min-width:11em}.SelectionControls fieldset label{display:flex;place-items:center;gap:.5em;padding:.3em .5em;cursor:pointer;border-radius:3px}.SelectionControls fieldset label[data-active=true]{background-color:#e7cead;color:#000}.SelectionControls fieldset input[type=radio]{display:none}.SelectionControls textarea{resize:none;overflow:auto;width:100%;height:80%;border:2px solid #e7cead;color:#634827;border-radius:#333;padding:.5em;border-radius:.2em;font-size:inherit;font-family:inherit}.KeyboardKey{background-color:#eee;border:2px solid #bbb;border-top-width:1px;border-bottom-width:3px;border-radius:4px;padding:.2em;min-width:.9rem;min-height:.9rem;display:flex;place-content:center;place-items:center;font-size:.8rem;color:#555}.KeyboardKey[data-square=true]{aspect-ratio:1}.DrawControls{position:fixed;bottom:10px;left:50%;background-color:#fff;padding:10px;z-index:2;border-radius:6px;box-shadow:0 5px 10px #0003;border:1px solid burlywood;place-content:center;place-items:center;display:flex;gap:10px}.DrawControls[data-show=true]{transform:translate(-50%) translateY(0);opacity:1;transition:.1s ease-in-out}.DrawControls[data-show=false]{transform:translate(-50%) translateY(110%);opacity:0;transition:.1s ease-in-out}.DrawControls fieldset{display:flex;flex-direction:column;padding:0;margin:0;border:0}.DrawControls fieldset label{display:flex;place-items:center;gap:.5em;padding:.3em .5em;cursor:pointer;border-radius:3px}.DrawControls fieldset label[data-active=true]{background-color:#e7cead;color:#000}.DrawControls fieldset input[type=radio]{display:none}/*! 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]{-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]{-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}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5em;font-size:1rem}#root,body{margin:0;height:100vh;display:flex;flex-direction:column;place-content:center}.scene{width:100%;height:100%;display:flex;place-items:center;place-content:center}.Buttons{display:flex;gap:1px}.Buttons button{border-radius:unset;border:none;cursor:pointer}.Buttons button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}.Buttons button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}
