[html]
<section class="generator-container" data-title="sys.override">
    <div class="toolbar" id="toolbar"></div>
   
    <div class="workspace">
        <!------------------- Левая колонка ------------------------------------->
        <div class="fitting-block-prof">
            <ul>
                <li class="pa-fld1 fitting-bg"> 
                    <img src='https://forumstatic.ru/files/001c/85/6d/39868.png' />
                </li>
                <li class="pa-author fitting-author"><a href='#'>username</a></li>
                <li class="pa-title">тестовый статус</li>
                <li class="pa-avatar fitting-avatar"><img src='https://forumstatic.ru/files/001c/85/6d/39868.png' /></li>
                <li class="pa-fld2 fitting-lz" style='margin-bottom: 5px;'>
                    <lz> <a href="#" style="cursor: pointer;"> Имя Фамилия </a> <span> краткое описание </span> Где-то глубоко внутри киберпространства... </lz>
                </li>
                <li class="pa-fld5 fitting-plaque">
                    <div class="plaque" style="background: linear-gradient(45deg, black, #788b7b, #0d6c5b);">
                        <p>первая строка текста</p><p>вторая строка текста</p>
                    </div>
                    <proficon><img src="https://forumstatic.ru/files/001c/17/76/35191.png"></proficon>
                </li>
            </ul>
        </div>

        <!----------------------------------- Правая колонка ------------------------------------>
        <div class="right-side-workspace">
            <div class="preview-box">
                <ul style="list-style:none; padding:0; margin:0; width: 100%; display: flex; justify-content: center;">
                    <li class="pa-fld2 fitting-lz" style="width: 100%;">
                        <lz id="lz-preview" contenteditable="true" style="outline: none; display: block;"></lz>
                    </li>
                </ul>
            </div>

            <div class="editor-area">
                <div style="position: relative;">
                    <textarea id="lz-input" maxlength="999"></textarea>
                    <div id="char-counter">0/999</div>
                </div>
            </div>

            <div class="actions">
                <!-- ДОБАВЛЕНА КНОПКА СБРОСА -->
                <button class="btn-secondary" id="reset-btn" style="margin-right: 10px;">сбросить</button>
                <button class="btn-primary" id="copy-btn">скопировать код</button>
            </div>
        </div>
    </div>
<div class="notification" id="notification">данные скопированы</div>
</section>

[/html][hideprofile]