@font-face{font-family:__Oxanium_9b2d23;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/51f4583b64fd0679-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Oxanium_9b2d23;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/93bd5b8e056bd94c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Oxanium_Fallback_9b2d23;src:local("Arial");ascent-override:76.07%;descent-override:20.22%;line-gap-override:24.07%;size-adjust:103.86%}.__className_9b2d23{font-family:__Oxanium_9b2d23,__Oxanium_Fallback_9b2d23;font-style:normal}*{box-sizing:border-box}body{display:flex;align-items:center;justify-content:center;min-height:100vh}.demo-container{position:relative}.demo-container,.logo-demo{width:100%;height:100%}.canvas-wrapper,.demo-container,.logo-demo{display:flex;align-items:center;justify-content:center}.canvas-wrapper,.webgl-canvas{position:relative;width:600px;height:600px}.interaction-area{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.demo-video{display:none}.controls{position:absolute;bottom:20px;right:20px;z-index:10}.controls.hidden{display:none}.hud{position:fixed;top:20px;left:20px;background:rgba(0,0,0,.85);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-width:280px;max-width:320px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;font-size:13px;box-shadow:0 8px 32px rgba(0,0,0,.4);max-height:calc(100vh - 40px);display:flex;flex-direction:column}.hud-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.hud-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.hud-toggle{background:none;border:none;color:hsla(0,0%,100%,.7);font-size:18px;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.hud-toggle:hover{background:hsla(0,0%,100%,.1);color:#fff}.hud-content{padding:16px 20px 20px;transition:all .3s ease;overflow-y:auto}.hud-content.collapsed{max-height:0;padding-top:0;padding-bottom:0}.control-group{margin-bottom:16px}.control-group:last-child{margin-bottom:0}.control-group label{display:block;margin-bottom:6px;font-weight:500;color:hsla(0,0%,100%,.9)}.input-group{display:flex;align-items:center;gap:8px}.input-group input[type=range]{flex-grow:1}.value-input{width:70px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;padding:4px 8px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px;text-align:center;-moz-appearance:textfield}.value-input::-webkit-inner-spin-button,.value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.value-display{float:right;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px;color:hsla(0,0%,100%,.7);padding:2px 6px;border-radius:4px;min-width:32px;text-align:center}.reset-button,.value-display{background:hsla(0,0%,100%,.1)}.reset-button{width:100%;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;padding:10px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.hud-separator{border:none;border-top:1px solid hsla(0,0%,100%,.1);margin:20px 0 16px}.section-title{margin:0 0 16px;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:.5px}@media only screen and (max-width:768px){.canvas-wrapper,.webgl-canvas{width:400px;height:400px}.controls{bottom:16px;right:16px}.hud{top:10px;left:10px;right:10px;min-width:auto;max-width:none}}@media only screen and (max-width:480px){.canvas-wrapper,.webgl-canvas{width:320px;height:320px}.controls{bottom:12px;right:12px}.control-button{padding:8px 14px;font-size:12px}}