<style>
    .dark-theme-container {
        background-color: #121212;
        color: #ffffff;
        padding: 2rem;
        border-radius: 0.25rem;
    }
    .btn-outline-light {
        color: #ffffff;
        border-color: #ffffff;
    }
    .btn-outline-light:hover {
        color: #121212;
        background-color: #ffffff;
        border-color: #ffffff;
    }
</style>
<a id="back-to-templates-btn" href="editor_13d84da0257b8680.php" class="btn btn-secondary mb-3">Back to Templates</a>
<div class="dark-theme-container">
    <div class="row justify-content-center text-center">
        <div class="col-lg-8">
            <img id="previewImage" src="assets/images/Default-Load-Your-Cover-Here.png" class="img-fluid rounded shadow-sm mb-4" alt="Ebook Cover">
            <h1 id="previewTitle" class="display-4 fw-bold">Classic Serif Title (Dark Theme)</h1>
            <p id="previewDescription" class="lead fs-3 mx-auto">An elegant and classic description, perfect for a timeless serif-style ebook.</p>
            <div id="previewCtaContainer">
                <button id="previewCta" class="btn btn-outline-light btn-lg mt-3">Read More</button>
            </div>
        </div>
    </div>
</div>