*{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;overflow:hidden}#root{width:100vw;height:100vh}.controls{position:absolute;top:20px;right:20px;background:#ffffffe6;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:1000;max-width:300px}.controls h3{margin:0 0 15px;font-size:16px;color:#333}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;font-size:13px;color:#666}.control-group input[type=range]{width:100%}.control-group input[type=color]{width:100%;height:35px;border:none;border-radius:4px;cursor:pointer}.control-group .value{display:inline-block;margin-left:10px;font-size:12px;color:#999}.info{position:absolute;bottom:20px;left:20px;background:#ffffffe6;padding:15px;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-size:13px;color:#666;max-width:300px}.info p{margin:5px 0}.info strong{color:#333}