*{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#242424;--space-gray-dark: #1a1c1e;--space-gray: #2d2f31;--space-gray-light: #3f4245;--accent-orange: #ff8c00;--accent-orange-hover: #ffa500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;overflow:hidden;position:relative;background-color:var(--space-gray-dark)}canvas{display:block;outline:none}#loading-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);width:320px;background-color:#2d2f31e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:12px;box-shadow:0 10px 25px -5px #00000080;display:flex;flex-direction:column;z-index:2000;transition:opacity .2s ease-in-out,transform .2s ease-in-out;pointer-events:none}#loading-overlay.fade-out{opacity:0;transform:translate(-50%,-10px)}.loader-container{width:100%}.loader-text{font-size:.75rem;font-weight:600;color:#f1f5f9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.loader-bar-bg{width:100%;height:6px;background-color:var(--space-gray-light);border-radius:3px;overflow:hidden}.loader-bar-fill{width:0%;height:100%;background:var(--accent-orange);border-radius:3px;transition:width .1s linear}.lil-gui{--name-width: 45%;--background-color: var(--space-gray-dark);--header-color: var(--space-gray);--title-background-color: var(--space-gray);--title-text-color: #eee;--widget-color: var(--space-gray-light);--hover-color: var(--space-gray-light);--focus-color: var(--space-gray-light);--number-color: var(--accent-orange);--string-color: var(--accent-orange);--accent-color: var(--accent-orange)}.lil-gui .title{border-bottom:1px solid var(--accent-orange)}.lil-gui .controller.function button{background:var(--space-gray-light);border:1px solid rgba(255,255,255,.05);border-radius:4px;color:#eee;font-weight:500;transition:all .2s;margin:2px 0}.lil-gui .controller.function button:hover{background:var(--space-gray);color:var(--accent-orange);border-color:var(--accent-orange)}.lil-gui .controller.function button:active{background:var(--accent-orange)!important;color:#000!important;transform:scale(.96)}.ft-button-primary{background-color:var(--accent-orange)!important;color:#000!important;border:none!important;padding:10px 24px!important;border-radius:6px!important;cursor:pointer!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.5px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ft-button-primary:hover{background-color:var(--accent-orange-hover)!important;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000000d;filter:brightness(1.1)}.ft-button-primary:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 4px #0000001a;background-color:var(--accent-orange)!important}.ft-button-secondary{background-color:#ffffff0d!important;color:#ccc!important;border:1px solid rgba(255,255,255,.1)!important;padding:10px 20px!important;border-radius:6px!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.5px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ft-button-secondary:hover{background-color:#ffffff1a!important;color:#fff!important;border-color:#fff3!important}.ft-button-secondary:active{background-color:var(--accent-orange)!important;color:#000!important;border-color:var(--accent-orange)!important;transform:scale(.98)}button:not(.ft-button-primary):not(.ft-button-secondary){transition:all .2s}button:not(.ft-button-primary):not(.ft-button-secondary):hover{filter:brightness(1.2)}button:not(.ft-button-primary):not(.ft-button-secondary):active{background-color:var(--accent-orange)!important;color:#000!important}.ft-button-secondary:active{opacity:.7}