<main class="ppd-main" id="ppdMain">
    <header class="ppd-workbar" role="toolbar" aria-label="Designer canvas toolbar">
        <button type="button" class="ppd-icon-btn" id="ppdOpenLeft" aria-label="Show or hide left panel" title="Show/hide panel">
            <i class="bi bi-chevron-double-left"></i>
        </button>

        <div class="ppd-context" aria-live="polite">
            <div class="ppd-kicker"><i class="bi bi-database"></i><span id="ppdCtxTable">No table</span></div>
            <strong id="ppdCtxPage">Select a page</strong>
            <small id="ppdCtxMeta">Choose a table or common page</small>
        </div>

        <div class="ppd-ribbon-wrap" id="ppdRibbonWrap">
            <button type="button" class="ppd-ribbon-nav" data-ribbon-nav="prev" aria-label="Scroll page types left" hidden><i class="bi bi-chevron-left"></i></button>
            <nav class="ppd-ribbon" id="ppdRibbon" aria-label="Page types"></nav>
            <button type="button" class="ppd-ribbon-nav" data-ribbon-nav="next" aria-label="Scroll page types right" hidden><i class="bi bi-chevron-right"></i></button>
        </div>

        <div class="ppd-toolset">
            <div class="ppd-device-switch" aria-label="Canvas device">
                <button type="button" class="active" data-device="desktop" title="Desktop"><i class="bi bi-display"></i></button>
                <button type="button" data-device="tablet" title="Tablet"><i class="bi bi-tablet"></i></button>
                <button type="button" data-device="mobile" title="Mobile"><i class="bi bi-phone"></i></button>
            </div>
            <button type="button" class="ppd-tool-btn" id="ppdPreview" title="Preview"><i class="bi bi-eye"></i><span>Preview</span></button>
            <button type="button" class="ppd-tool-btn" id="ppdToggleRight" title="Show/hide Properties" aria-label="Show or hide Properties panel"><i class="bi bi-sliders2"></i><span>Properties</span></button>
        </div>
    </header>

    <section class="ppd-canvas-wrap">
        <div id="ppdCanvas" class="ppd-canvas ppd-device-desktop"></div>
    </section>
</main>
