*{box-sizing:border-box;font-family:Fira Sans,sans-serif;color:#fff}button{min-width:80px;color:#e9e9e9;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:6px 12px;font-weight:600;letter-spacing:.3px;cursor:pointer;box-shadow:none;transition:background .12s ease,border-color .12s ease,transform .12s ease}button:hover{background:#333;border-color:#4a4a4a}button:active{background:#242424;transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}html,body{padding:0;margin:0;background:#202020}body{padding:10px}.renderer{display:flex;justify-content:center}.renderer .wrap{position:relative;width:800px;height:500px}.renderer #render_canvas,.renderer #debug_canvas,.renderer #webgpu_canvas{position:absolute;left:0;top:0}.renderer #debug_canvas{pointer-events:none}#webgpu_canvas{display:none}.info{display:flex;width:100%;padding-top:10px}.info .info_container{flex:1;padding:10px;border:1px solid #FFFFFF;border-right:none}.info .info_container:last-child{border-right:1px solid #FFFFFF}.data,.controls{display:flex;flex-direction:column}.controls .control_block{margin:10px}.label{width:200px}.ctrl{display:flex;align-items:center}input[type=range]{margin-left:10px}select{background-color:#202020}option[disabled]{color:gray}.renderer_group{display:flex;gap:12px}.radio_option{display:flex;align-items:center;gap:6px;cursor:pointer}.radio_option input{margin:0}.radio_option input:disabled+span{color:gray}