<!-- ============================================================================
     PROTOTYPE DEV MODE - HTML SNIPPET
     
     Add this HTML to your prototype page (inside <body>, preferably at the top)
     ============================================================================ -->

<!-- Dev Mode Toggle Button (fixed position, top-right) -->
<button id="dev-mode-toggle" class="dev-mode-toggle" title="Toggle Dev Mode (Ctrl+E)">
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
        <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
        <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
    </svg>
    <span>Dev Mode: OFF</span>
</button>

<!-- Dev Mode Tooltip (shown when hovering over elements in dev mode) -->
<div id="dev-mode-tooltip" class="dev-mode-tooltip" style="display: none;"></div>

