body{margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden}#container{width:100vw;height:100vh}#controls{position:absolute;top:10px;left:10px;background:#ffffffe6;padding:12px 15px;border-radius:8px;box-shadow:0 2px 10px #0000004d;z-index:100}#controls h3{margin:0 0 10px;font-size:14px}#controls label{display:block;margin:8px 0 3px;font-weight:700;font-size:11px}#controls input{width:180px;padding:4px;margin-bottom:8px;font-size:11px}#controls button{background:#4caf50;color:#fff;border:none;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:12px}#controls button:hover{background:#45a049}.info{position:absolute;bottom:10px;left:10px;background:#ffffffe6;padding:10px 12px;border-radius:8px;box-shadow:0 2px 10px #0000004d;font-size:11px}