.gui-panel-container{z-index:100;color:#eee;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1e1e1ed9;border:1px solid #444;border-radius:8px;flex-direction:column;width:300px;font-family:sans-serif;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 15px #00000080}.gui-panel-header{cursor:grab;background-color:#333;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:10px;display:flex}.gui-panel-header:active{cursor:grabbing}.gui-panel-title{pointer-events:none;font-size:.9rem;font-weight:700}.gui-panel-close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:1.2rem;line-height:1;transition:color .2s}.gui-panel-close-btn:hover{color:#f44}.gui-panel-content{max-height:70vh;padding:15px;overflow-y:auto}.gui-panel-footer{background-color:#222;border-top:1px solid #444;justify-content:space-between;align-items:center;min-height:60px;padding:12px;display:flex}.toggle-container{align-items:center;gap:10px;font-size:.8rem;display:flex}.switch{width:40px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#555;border-radius:20px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(20px)}.btn-update{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:background-color .2s}.btn-update:hover{background-color:#0056b3}.btn-update:active{background-color:#004085}
.slider-input-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.slider-input-label-row{justify-content:space-between;align-items:center;display:flex}.slider-input-label{color:#ccc;font-size:.85rem;font-weight:500}.slider-input-controls{align-items:center;gap:12px;display:flex}.slider-input-range{cursor:pointer;accent-color:#4caf50;flex:1}.slider-input-number{color:#fff;text-align:right;background:#444;border:1px solid #555;border-radius:4px;width:65px;padding:4px 6px;font-size:.8rem}.slider-input-number:focus{border-color:#4caf50;outline:1px solid #4caf50}.slider-input-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider-input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.toggle-switch-group{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toggle-switch-label{color:#ccc;font-size:.85rem;font-weight:500}.toggle-switch-controls{align-items:center;gap:10px;display:flex}.switch-wrapper{width:40px;height:20px;display:inline-block;position:relative}.switch-wrapper input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#555;border-radius:20px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.switch-slider{background-color:#4caf50}input:checked+.switch-slider:before{transform:translate(20px)}.toggle-state-text{text-align:left;min-width:35px;font-size:.8rem}.switch-wrapper.disabled{opacity:.5;pointer-events:none}
.color-picker-group{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.color-picker-label{color:#ccc;font-size:.85rem;font-weight:500}.color-picker-controls{align-items:center;gap:10px;display:flex}.color-swatch-container{cursor:pointer;border:2px solid #555;border-radius:4px;width:32px;height:32px;transition:border-color .2s;position:relative;overflow:hidden}.color-swatch-container:hover{border-color:#4caf50}.color-native-input{cursor:pointer;opacity:0;width:50px;height:50px;margin:0;padding:0;position:absolute;top:-5px;left:-5px}.color-hex-readout{color:#aaa;text-transform:uppercase;min-width:60px;font-family:monospace;font-size:.8rem}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}#container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#particles_counter{color:#fff;opacity:.5;pointer-events:none;font-family:monospace;position:absolute;bottom:5%;left:5%}#particles_button{z-index:10;position:absolute;bottom:5%;left:5%}#display_fps{color:#fff;opacity:.5;font-family:monospace;position:absolute;top:5%;left:5%}#logic_fps{color:#fff;opacity:.5;font-family:monospace;position:absolute;top:10%;left:5%}