<!doctype html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Signed Distance Functions</title>
      <style>
          body { margin: 0; }
          canvas { display: block; }

          #bridgeContainer {
            width: 100%;
            height: 600px;
          }
      </style>

      <!-- Bootstrap JS -->
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="st