*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#0a0a0a;color:#fff;overflow:hidden}a{color:inherit;text-decoration:none}canvas{display:block}.control-panel{position:fixed;top:20px;left:20px;background:rgba(0,0,0,.85);border-radius:8px;padding:20px;max-width:300px;font-family:monospace;font-size:13px;z-index:1000}.control-panel h2{font-size:16px;color:#4a9eff}.control-group,.control-panel h2{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;color:#aaa}.control-group button,.control-group input[type=range],.control-group select{width:100%;padding:5px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-family:monospace}.control-group button{cursor:pointer;padding:8px;margin-top:5px;background:#4a9eff;border:none;transition:background .2s}.control-group button:hover{background:#5fa8ff}.control-group button:active{background:#3a8eef}.range-value{display:inline-block;margin-left:10px;color:#4a9eff}