<div id="libraryContainer" style="display: none;">
    <div class="launcherPageShell">
        <div class="launcherPageTopBar">
            <button id="libraryBackButton" class="launcherBackButton"><%- lang('library.backButton') %></button>
        </div>
        <div class="launcherPageHeader">
            <div>
                <span class="launcherPageEyebrow"><%- lang('library.eyebrow') %></span>
                <h2 class="launcherPageTitle"><%- lang('library.title') %></h2>
                <p class="launcherPageSubtitle"><%- lang('library.subtitle') %></p>
            </div>
        </div>
        <div id="libraryEmptyState" class="launcherEmptyState" style="display: none;">
            <span class="launcherEmptyTitle"><%- lang('library.emptyTitle') %></span>
            <span class="launcherEmptyDescription"><%- lang('library.emptyDescription') %></span>
        </div>
        <div id="libraryList" class="launcherCardGrid"></div>
    </div>
    <script src="./assets/js/scripts/library.js"></script>
</div>
