*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0a0a;overflow:hidden;font-family:Courier New,monospace}#led-container{width:100vw;height:100vh}#led-container canvas{display:block}.controls{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#0a0a0ae6;border:1px solid #ff0000;padding:1.5rem;border-radius:4px;display:flex;gap:2rem;box-shadow:0 0 20px #ff00004d}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{color:#f30;font-size:.9rem;text-shadow:0 0 5px #ff0000}.control-group input[type=range]{width:150px;accent-color:#ff0000}.control-group button{background:#ff00001a;border:1px solid #ff0000;color:red;padding:.5rem 1rem;cursor:pointer;font-family:Courier New,monospace;transition:all .3s}.control-group button:hover{background:#f003;box-shadow:0 0 10px red}.control-group button.active{background:#ff00004d;box-shadow:0 0 15px red}@media(max-width:768px){.controls{flex-direction:column;gap:1rem;width:90%}}