<footer class="ppd-statusbar" id="ppdStatusbar">
    <div class="ppd-status-left">
        <strong>Designer</strong>
        <span class="ok">● Clean runtime</span>
        <span id="ppdSelStatus">Selection: none</span>
    </div>

    <div class="ppd-status-controls" aria-label="Canvas controls">
        <button type="button" class="ppd-status-btn" id="ppdUndo" title="Undo (Cmd/Ctrl+Z)"><i class="bi bi-arrow-counterclockwise"></i></button>
        <button type="button" class="ppd-status-btn" id="ppdRedo" title="Redo (Cmd/Ctrl+Y)"><i class="bi bi-arrow-clockwise"></i></button>
        <button type="button" class="ppd-status-btn" id="ppdZoomOut" title="Zoom out">−</button>
        <span id="ppdZoomLabel">100%</span>
        <button type="button" class="ppd-status-btn" id="ppdZoomIn" title="Zoom in">+</button>
    </div>

    <div class="ppd-status-right">
        <span id="ppdZoomStatus">Zoom: 100%</span>
        <span class="ppd-save-status ok" id="ppdSaveStatus">● Saved</span>
    </div>
</footer>
