html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;overscroll-behavior-y:contain}canvas{display:block;width:100vw;height:100vh}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}.ui-panel{position:fixed;background-color:#3d3d3d;color:#eee;text-align:right;padding:10px;max-width:"100vw";pointer-events:auto}.ui-panel h2{text-align:left}input[type=number]{background-color:#797979;color:#eee}select.form-input,input[type=checkbox]{accent-color:#888}.form-group{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center;margin-bottom:12px}.form-label{font-weight:500;color:#e0e0e0;font-size:13px;text-align:left;padding:0}.form-label-short{font-weight:400;color:#d0d0d0;font-size:12px}.form-input{background-color:#555;color:#eee;border:1px solid #666;border-radius:3px;padding:6px 8px;font-size:13px;font-family:monospace}select.form-input{font-family:inherit;cursor:pointer}.form-input:focus{outline:none;background-color:#606060;border-color:#888}.vector-group{margin-bottom:16px}.vector-group-title{font-weight:500;color:#e0e0e0;font-size:13px;margin-bottom:8px;padding-left:0}.vector-group .form-group{margin-bottom:8px}.vector-group .form-group:last-child{margin-bottom:0}h2{margin-top:0;margin-bottom:16px;font-size:15px;font-weight:600;color:#f0f0f0}h3{margin-top:16px;margin-bottom:12px;font-size:13px;font-weight:600;color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px}.lighting-model-panel h2{margin-bottom:12px}.color-picker-group{margin-bottom:16px}.color-preview-container{display:flex;gap:8px;align-items:center;margin-bottom:12px}.color-preview{flex:1;height:60px;border-radius:6px;border:2px solid #666;box-shadow:inset 0 1px 3px #0000004d,0 1px #ffffff1a;cursor:default;transition:box-shadow .2s}.color-preview:hover{border-color:#777;box-shadow:inset 0 1px 3px #0000004d,0 0 8px #ffffff1a}.advanced-toggle{width:36px;height:36px;padding:0;border:1px solid #666;background-color:#2d2d2d;color:#b0b0b0;border-radius:4px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.advanced-toggle:hover{background-color:#3d3d3d;color:#d0d0d0}.advanced-toggle:active{background-color:#4d4d4d}.color-input{font-family:monospace;text-transform:uppercase;letter-spacing:1px}.advanced-controls{background-color:#2d2d2d;border-radius:4px;padding:12px;margin-top:12px;animation:slideDown .2s ease}.slider-container{display:flex;gap:8px;align-items:center;width:100%}.color-slider{flex:1;height:24px;border:1px solid #555;border-radius:3px;cursor:pointer;-webkit-appearance:none;appearance:none;background-size:100% 100%;background-repeat:no-repeat}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid #333;box-shadow:0 2px 4px #00000080;transition:transform .1s}.color-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #000000b3}.color-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid #333;box-shadow:0 2px 4px #00000080;transition:transform .1s}.color-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #000000b3}.color-slider::-moz-range-track{background:transparent;border:none}.color-number-input{width:60px;text-align:center;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.collapsible-section{margin-bottom:12px}.collapsible-header{display:flex;align-items:center;gap:8px;width:100%;border:none;background:#2d2d2d;color:#e0e0e0;padding:10px 8px;font-size:13px;font-weight:500;cursor:pointer;border-radius:3px;transition:background-color .2s;text-align:left}.collapsible-header:hover{background-color:#3d3d3d}.collapsible-header:active{background-color:#4d4d4d}.collapsible-arrow{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;font-size:12px;color:#b0b0b0;transition:transform .2s;flex-shrink:0}.collapsible-title{flex:1;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.collapsible-content{padding:12px 8px 0;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.side-panel{position:fixed;top:0;right:0;height:100vh;background-color:#3d3d3d;color:#eee;border-left:1px solid #555;transition:width .3s ease;pointer-events:auto;display:flex;flex-direction:column}.side-panel.open{width:380px}.side-panel.closed{width:0}.side-panel-toggle{position:fixed;top:10px;right:10px;z-index:11;width:30px;height:30px;border:1px solid #666;background-color:#2d2d2d;color:#eee;cursor:pointer;font-size:14px;border-radius:4px;transition:background-color .2s;padding:0;display:flex;align-items:center;justify-content:center}.side-panel-toggle:hover{background-color:#4d4d4d}.side-panel-toggle:active{background-color:#5d5d5d}.side-panel-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.side-panel-top{flex:0 1 50%;overflow-y:auto;padding:50px 10px 10px;border-bottom:1px solid #555;scrollbar-gutter:stable}.side-panel-divider{height:1px;background-color:#555}.side-panel-bottom{flex:0 1 50%;overflow-y:auto;padding:10px;scrollbar-gutter:stable}.side-panel-top h2,.side-panel-bottom h2{text-align:left;margin-top:0;margin-bottom:15px;font-size:16px}.side-panel-top p,.side-panel-bottom p{margin:5px 0;font-size:13px}.side-panel-top::-webkit-scrollbar,.side-panel-bottom::-webkit-scrollbar{width:8px}.side-panel-top::-webkit-scrollbar-track,.side-panel-bottom::-webkit-scrollbar-track{background:#3d3d3d}.side-panel-top::-webkit-scrollbar-thumb,.side-panel-bottom::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.side-panel-top::-webkit-scrollbar-thumb:hover,.side-panel-bottom::-webkit-scrollbar-thumb:hover{background:#777}