* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; background-color: #222; color: #fff; overflow: hidden; height: 100vh; } .container { display: flex; flex-direction: column; height: 100vh; } .controls { display: flex; justify-content: space-between; padding: 10px; background-color: #333; } .tools button, .navigation button { background-color: #555; color: white; border: none; padding: 8px 12px; margin: 0 5px; cursor: pointer; border-radius: 4px; } .tools button.active { background-color: #ff9800; } .navigation { display: flex; } .info { display: flex; flex-direction: column; justify-content: center; } .info span { margin: 2px 0; font-size: 14px; } #simulation-canvas { flex-grow: 1; background-color: #000; cursor: crosshair; }