 </div>

    <!-- Generate Types Section -->
    <div class="control-section">
        <h3>Patterns:</h3>
        <div id="line-controls"></div>
    </div>

    <!-- Strudel Code Section -->
    <div class="control-section" style="display: none;">
        <h3>Strudel Code:</h3>
        <div id="strudelCode" class="strudel-code-section">
            <pre><code></code></pre>
        </div>
    </div>

    <br>
  </div>
<script>
    console.log('Start of main script, goldenpond =', typeof goldenpond);
    
   