body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#f0f0f0;font-family:Courier New,Courier,monospace;transition:background .5s ease}canvas{display:block}#ui{position:absolute;bottom:20px;left:20px;pointer-events:none}.controls{pointer-events:auto;background:#fffc;padding:15px;border:1px solid #ccc;border-radius:2px;box-shadow:0 2px 10px #0000000d}.instruction{margin-bottom:10px;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:1px}.presets button{background:none;border:1px solid #999;padding:5px 10px;margin-right:5px;cursor:pointer;font-family:inherit;font-size:11px;color:#333;transition:all .2s}.presets button:hover{background:#eee}.presets button.active{background:#333;color:#fff;border-color:#333}body.basalt{background:#111}body.basalt .controls{background:#0009;border-color:#444}body.basalt .instruction{color:#888}body.basalt .presets button{border-color:#555;color:#aaa}body.basalt .presets button.active{background:#ccc;color:#111;border-color:#ccc}