@font-face{font-family:OpenGorton;src:url(/NollLines/assets/OpenGorton-Regular-BAsaLJYl.otf) format("truetype");font-weight:400;font-style:normal}body,html,#root,.app{margin:0;padding:0;height:100%;font-family:OpenGorton,monospace;background-color:#d9d9d9;color:#282828;font-size:.9rem}.app{display:flex;flex-direction:column;height:100vh;padding:16px;box-sizing:border-box}.title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:12px;color:#282828}.ui-panel{display:flex;flex-direction:column;gap:16px;width:250px;padding:16px;background-color:#c9c9c9;border:1px solid #C9C9C9;border-radius:8px;color:#282828}.ui-panel label{display:flex;flex-direction:column;font-weight:700;color:#282828}.ui-panel input[type=range],.ui-panel input[type=number]{width:100%;margin-top:4px;accent-color:#282828;background-color:#e5e5e5;color:#282828}.ui-panel button{padding:6px 12px;background-color:#e5e5e5;border:1px solid #D9D9D9;border-radius:4px;color:#282828;cursor:pointer}.ui-panel button:hover{background-color:#282828;color:#d9d9d9}.sketch-container{flex:1;display:flex;justify-content:center;align-items:center;background-color:#d9d9d9;border:1px solid #282828;border-radius:8px}.toggle-button{padding:6px 12px;border:1px solid #D9D9D9;border-radius:4px;cursor:pointer;background-color:#282828;color:#d9d9d9}.toggle-button.active{background-color:#d9d9d9;color:#282828}.ui-panel{font-family:inherit}.ui-panel label,.ui-panel button,.title{font-family:inherit;font-weight:700}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{display:flex;flex-direction:column;padding:16px;height:100vh;box-sizing:border-box}.title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:24px}.main{display:flex;flex-direction:row;flex:1;gap:24px}.ui-panel{display:flex;flex-direction:column;gap:16px;width:250px;padding:16px;border:1px solid #ccc;border-radius:8px}.ui-panel input[type=range]{width:100%}.sketch-container{flex:1;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:8px}