{% load design_components %}
<l-stack>
<div class="dds-prose" data-surface="docs">
    <h1 data-prose-title>{{ design_system_name }}</h1>
    <div data-prose-body>
        <p>Browse the component library using the sidebar. Select a component to see its documentation, preview, and parameters.</p>
        <p>{{ total_components_label }}</p>
    </div>
</div>
<div id="static-snapshot-notice" hidden>
    {% dds__notice variant="warning" title="Static snapshot" %}
    This is a read-only build of the gallery. Interactive sandbox controls (live parameter editing, form submissions) require a running Django server.
{% enddds__notice %}
</div>
</l-stack>