html,body{height:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#fff}#canvas{position:fixed;top:0;left:0;width:100%;height:100%;display:block}#ui{position:fixed;left:8px;top:60px;background:transparent;padding:8px;z-index:10}#ui h1{font-size:20px;font-weight:400;margin:0 0 16px;color:#333;letter-spacing:.5px}#ui p{font-size:12px;color:#666;margin:0 0 16px;display:none}.hint{font-size:11px;color:#888;margin-top:12px}.lil-gui{--background-color: transparent !important;--widget-color: #ffffff !important;--focus-color: #0066cc !important;--number-color: #333 !important;--string-color: #333 !important;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;--font-size: 12px !important;font-weight:400;display:block!important;vertical-align:bottom!important;margin:0!important}.lil-gui.root{border:none!important}.lil-gui.root>.title{display:none!important}.lil-gui .children{border-left:none!important;padding-left:0!important;margin-left:0!important}.lil-gui .folder{display:block!important;vertical-align:bottom!important;margin-right:0!important;margin-bottom:8px!important}.lil-gui .title{background:#f5f5f5!important;color:#333!important;font-weight:500!important;font-size:11px!important;letter-spacing:.5px!important;text-transform:uppercase!important;border-radius:4px!important;padding:10px 12px!important;margin-bottom:8px!important;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014,inset 0 1px #fffc!important;border:1px solid #ddd!important;display:flex!important;align-items:center!important;line-height:1.2!important;transform:translateZ(0)!important;transition:all .2s ease!important}.lil-gui .title:hover{box-shadow:0 6px 12px #00000026,0 2px 4px #0000001a,inset 0 1px #fffc!important;transform:translateY(-1px) translateZ(0)!important}.lil-gui .controller{border:none!important;padding:6px 0!important}.lil-gui .controller .name{color:#555!important;font-weight:400!important;font-size:11px!important;min-width:120px!important}.lil-gui input{border-radius:4px!important;border:1px solid #ddd!important;background:#fff!important;color:#333!important;transition:all .2s ease!important;padding:6px 8px!important;font-size:12px!important;font-weight:400!important;box-shadow:0 2px 4px #00000014,inset 0 1px 2px #0000000d!important;transform:translateZ(0)!important}.lil-gui input:hover{border-color:#999!important;box-shadow:0 3px 6px #0000001f,inset 0 1px 2px #0000000d!important;transform:translateY(-1px) translateZ(0)!important}.lil-gui input:focus{border-color:#06c!important;box-shadow:0 4px 8px #0066cc26,0 0 0 2px #0066cc1a,inset 0 1px 2px #0000000d!important;outline:none!important;transform:translateY(-1px) translateZ(0)!important}.lil-gui select{border-radius:4px!important;border:1px solid #ddd!important;background:#fff!important;color:#333!important;padding:6px 8px!important;font-size:12px!important;font-weight:400!important;appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;opacity:1!important;box-shadow:0 2px 4px #00000014,inset 0 1px 2px #0000000d!important;transform:translateZ(0)!important;transition:all .2s ease!important}.lil-gui select:hover{border-color:#999!important;background:#f9f9f9!important;box-shadow:0 3px 6px #0000001f,inset 0 1px 2px #0000000d!important;transform:translateY(-1px) translateZ(0)!important}.lil-gui select:disabled{opacity:1!important;color:#000!important}.lil-gui select option{background:#fff!important;color:#333!important;padding:8px!important;font-weight:400!important}.lil-gui .controller.option select{color:#333!important;font-weight:400!important}.lil-gui .controller.option{opacity:1!important}.lil-gui .controller .widget{background:#fff!important;color:#333!important;opacity:1!important}.lil-gui .folder>.title{background:#f8f8f8!important;color:#555!important;font-weight:400!important;font-size:11px!important;letter-spacing:.5px!important;text-transform:uppercase!important;border-radius:4px!important;margin-bottom:8px!important;transition:all .2s ease!important;padding:8px 10px!important;border:1px solid #e8e8e8!important;display:flex!important;align-items:center!important;line-height:1.2!important;box-shadow:0 2px 4px #0000000f,inset 0 1px #ffffff80!important;transform:translateZ(0)!important}.lil-gui .folder>.title:hover{background:#f0f0f0!important;color:#333!important;border-color:#ccc!important;box-shadow:0 3px 6px #0000001a,inset 0 1px #ffffff80!important;transform:translateY(-1px) translateZ(0)!important}.lil-gui button,.lil-gui .controller button{text-align:center!important}