*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh}.controls-panel{position:fixed;top:20px;right:20px;background:#000c;color:#fff;padding:20px;border-radius:8px;max-width:300px;font-size:14px;z-index:1000}.controls-panel h3{margin-bottom:15px;font-size:16px}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;font-size:12px;color:#aaa}.control-group input[type=range]{width:100%}.control-group input[type=color]{width:100%;height:30px;border:none;border-radius:4px;cursor:pointer}.control-group select{width:100%;padding:5px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer}.value-display{display:inline-block;float:right;color:#4caf50;font-weight:700}