body{margin:0}*{box-sizing:border-box}@font-face{font-family:MADE Tommy Soft;font-weight:700;src:url("/MADE Tommy Soft Bold.otf")}#root{font-family:MADE Tommy Soft}main{display:flex;height:100vh}h1{white-space:nowrap}h1,h2,p{margin:0}h1,h2{color:#ff83a5;text-align:center;text-shadow:2px 2px 0 black,-2px 2px 0 black,-2px -2px 0 black,2px -2px 0 black}p{color:#fff;text-shadow:1px 1px 0 black,-1px 1px 0 black,-1px -1px 0 black,1px -1px 0 black}input,textarea,select,button{background-color:#fff;border:1px solid black;border-radius:2px}.hsplit{display:flex;gap:1rem}.hsplit>*{flex:1}.row{display:flex;height:20px;gap:1rem}.row>:where(input,textarea,select,button){flex:1}:where(input,textarea,select,button):focus{outline:none;background-color:#ddd}textarea{resize:none;height:4rem}a{color:#fff}.editor{width:600px;overflow-y:scroll;background:#555;padding:2rem;display:flex;flex-direction:column;gap:1rem}.renderer{flex:1;display:flex;align-items:center;justify-content:center;background-color:#000}.small-input{flex:0 0 50px!important;width:50px;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}.character-editor{border-left:.25rem solid #ff83a5;padding-left:.5rem;display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.mobile-warn{display:none}@media (max-width: 600px){.mobile-warn{display:block;color:#fff;text-align:center;font-size:1.5rem;margin:1rem 0}.hsplit,.mobile-vertical{flex-direction:column}.row.mobile-vertical{height:auto}}@media (max-width: 1000px){main{justify-content:center;background-color:#454545}}.inline-renderer{position:sticky;top:-2rem;width:calc(100% + 4rem);margin:0 -2rem}canvas.svelte-3ujpqq{width:100%}