:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;width:100vw;height:100vh;overflow:hidden;-webkit-text-size-adjust:100%}#app{width:100%;height:100%;display:flex;flex-direction:column}#glCanvas{flex:1;width:100%;display:block;background-color:#1a1a1a;touch-action:none;min-height:0}#controls{background-color:#2a2a2a;padding:.75rem;border-top:1px solid #444;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;overflow-x:auto;overflow-y:auto;max-height:40vh;flex-shrink:0}.control-section{display:flex;flex-direction:column;gap:.4rem;min-width:200px}.control-section label{font-size:.85rem;font-weight:500;white-space:nowrap}.control-group{display:flex;gap:.5rem;align-items:center}.control-group input[type=range]{width:120px;min-height:24px;cursor:pointer}.control-group input[type=number]{width:65px;padding:.4rem .3rem;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;color:#ffffffde;font-size:.9rem;font-size:max(16px,.9rem)}.control-group input[type=number]:focus{outline:none;border-color:#646cff}input[type=file]{padding:.4rem .3rem;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;color:#ffffffde;cursor:pointer;font-size:max(16px,.9rem)}.hint{font-size:.75rem;color:#888;font-style:italic}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:max(16px,1em);font-weight:500;font-family:inherit;background-color:#646cff;color:#fff;cursor:pointer;transition:background-color .25s;min-height:44px;white-space:nowrap}button:hover{background-color:#535bf2}button:active{background-color:#4248d6}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{opacity:.5;cursor:not-allowed}@media(max-height:500px)and (orientation:landscape){#controls{padding:.5rem;gap:.75rem;max-height:50vh}.control-section{min-width:160px;gap:.25rem}.control-section label{font-size:.75rem}.control-group input[type=range]{width:100px}.control-group input[type=number]{width:55px;padding:.3rem .2rem}button{padding:.5em 1em;min-height:36px}.hint{font-size:.65rem}}@media(max-width:600px)and (orientation:portrait){#controls{padding:.5rem;gap:.75rem;max-height:45vh}.control-section{width:100%;min-width:unset}.control-group{flex:1}.control-group input[type=range]{flex:1;width:auto}}@media(min-width:601px)and (max-width:1024px){#controls{padding:.75rem;gap:1rem}.control-section{min-width:180px}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}#glCanvas{background-color:#f0f0f0}#controls{background-color:#e8e8e8;border-top-color:#ccc}.control-group input[type=number],input[type=file]{background-color:#fff;border-color:#ccc;color:#213547}button{background-color:#646cff;color:#fff}button:hover{background-color:#535bf2}button:active{background-color:#4248d6}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1000;justify-content:center;align-items:center}.modal.show{display:flex}.modal-content{background-color:#2a2a2a;padding:2rem;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 20px #00000080}.modal-content h2{margin-bottom:1.5rem;font-size:1.5rem;color:#ffffffde}.modal-field{margin-bottom:1.5rem}.modal-field label{display:block;margin-bottom:.5rem;font-weight:500;color:#ffffffde}.modal-field select,.modal-field input[type=number]{width:100%;padding:.6rem;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;color:#ffffffde;font-size:max(16px,1rem)}.modal-field select:focus,.modal-field input[type=number]:focus{outline:none;border-color:#646cff}.modal-field input[type=number]:disabled{opacity:.5;cursor:not-allowed}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.radio-label input[type=radio]{cursor:pointer;width:18px;height:18px;flex-shrink:0}.radio-label input[type=number]{flex:1;margin-left:.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-actions button{min-width:100px}.primary-btn{background-color:#646cff}.primary-btn:hover{background-color:#535bf2}.secondary-btn{background-color:#444}.secondary-btn:hover{background-color:#555}@media(prefers-color-scheme:light){.modal-content{background-color:#fff;box-shadow:0 4px 20px #00000026}.modal-content h2,.modal-field label{color:#213547}.modal-field select,.modal-field input[type=number]{background-color:#f9f9f9;border-color:#ccc;color:#213547}.secondary-btn{background-color:#e0e0e0;color:#213547}.secondary-btn:hover{background-color:#d0d0d0}}@media(max-width:600px){.modal-content{padding:1.5rem;width:95%}.modal-content h2{font-size:1.25rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}