как это выглядит

[html]<div class="tgd-wanted tgd-wanted--ams fullwidth-template">

    <div class="tgd-wanted__image">

        <img
            src="https://i.pinimg.com/736x/08/db/ce/08dbce7ae785ff0c846335c95c7fc6a9.jpg"
            alt="Предлагаемая внешность"
        >

        <div class="tgd-wanted__image-label">
            <span>Original character</span>
            Предлагаемая внешность
        </div>

    </div>

    <div class="tgd-wanted__content">

        <header class="tgd-wanted__header">

            <div class="tgd-wanted__source">
                <i class="fa-solid fa-star"></i>
                заявка от администрации
            </div>

            <div class="tgd-wanted__heading">

                <div>
                    <h2>Adrian Blackwood</h2>
                    <div class="tgd-wanted__name">
                        Эдриан Блэквуд
                    </div>
                </div>

                <div class="tgd-wanted__number">
                    STORY FILE · 001
                </div>

            </div>

            <div class="tgd-wanted__badges">

                <span class="tgd-wanted__badge tgd-wanted__badge--type">
                    extra-human
                </span>

                <span class="tgd-wanted__badge tgd-wanted__badge--age">
                    38 лет
                </span>

            </div>

        </header>

        <div class="tgd-wanted__facts">

            <div class="tgd-wanted__fact">
                <b>Принадлежность</b>
                <span>Астра / оперативный отдел</span>
            </div>

            <div class="tgd-wanted__fact">
                <b>Идентичность</b>
                <span>известна властям и корпорациям</span>
            </div>

        </div>

        <div class="tgd-wanted__tags">

            <span>сюжетная роль</span>
            <span>серая мораль</span>
            <span>корпорации</span>
            <span>антагонист</span>

        </div>

        <section class="tgd-wanted__description">

            <div class="tgd-wanted__section-title">
                <span>01</span>

                <div>
                    <h3>Character</h3>
                    <small>кто этот персонаж</small>
                </div>
            </div>

            <div class="tgd-wanted__text">

                <p>
                    Эдриан Блэквуд — бывший военный и действующий оперативник
                    Астры, которого организация использует для решения задач,
                    не предназначенных для официальных отчётов. Сдержанный,
                    расчётливый и пугающе терпеливый человек, привыкший
                    воспринимать окружающих как фигуры на доске.
                </p>

                <p>
                    Персонаж требуется для основной сюжетной линии, связанной
                    с деятельностью корпораций, государственным контролем
                    extra-human и внутренним конфликтом Астры.
                </p>

            </div>

        </section>

        <section class="tgd-wanted__wishes">

            <div class="tgd-wanted__wishes-label">
                <i class="fa-solid fa-bullhorn"></i>

                <div>
                    <b>Комментарий АМС</b>
                    <small>зачем персонаж нужен в игре</small>
                </div>
            </div>

            <div class="tgd-wanted__wishes-text">

                <p>
                    Мы ищем активного игрока, готового участвовать в сюжетных
                    эпизодах и самостоятельно развивать персонажа между ними.
                    Основные факты биографии обсуждаемы, однако принадлежность
                    к Астре и связь с центральным конфликтом необходимо
                    сохранить.
                </p>

            </div>

        </section>

    </div>

</div>

[/html]

[html]
<br>
<div class="tgd-wanted tgd-wanted--player fullwidth-template">

    <div class="tgd-wanted__image">

        <img
            src="https://i.pinimg.com/736x/21/cd/df/21cddfc77c1b086b926efa1cdfc534e5.jpg"
            alt="Предлагаемая внешность"
        >

        <div class="tgd-wanted__image-label">
            <span>Original character</span>
            Предлагаемая внешность
        </div>

    </div>

    <div class="tgd-wanted__content">

        <header class="tgd-wanted__header">

            <div class="tgd-wanted__source">
                <i class="fa-solid fa-heart"></i>
                заявка от игрока
            </div>

            <div class="tgd-wanted__heading">

                <div>
                    <h2>Victoria Hayes</h2>
                    <div class="tgd-wanted__name">
                        Виктория Хейз
                    </div>
                </div>

                <div class="tgd-wanted__number">
                    PERSONAL FILE · 002
                </div>

            </div>

            <div class="tgd-wanted__badges">

                <span class="tgd-wanted__badge tgd-wanted__badge--type">
                    human
                </span>

                <span class="tgd-wanted__badge tgd-wanted__badge--age">
                    34 года
                </span>

            </div>

        </header>

        <div class="tgd-wanted__facts">

            <div class="tgd-wanted__fact">
                <b>Принадлежность</b>
                <span>Кузница / научный отдел</span>
            </div>

            <div class="tgd-wanted__fact">
                <b>Идентичность</b>
                <span>секретная</span>
            </div>

        </div>

        <div class="tgd-wanted__tags">

            <span>лавстори</span>
            <span>драма</span>
            <span>старые знакомые</span>
            <span>slow burn</span>

        </div>

        <section class="tgd-wanted__description">

            <div class="tgd-wanted__section-title">
                <span>01</span>

                <div>
                    <h3>Character</h3>
                    <small>кто этот персонаж</small>
                </div>
            </div>

            <div class="tgd-wanted__text">

                <p>
                    Виктория — талантливый инженер Кузницы, занимающаяся
                    разработкой защитного оборудования для людей, вынужденных
                    противостоять extra-human. Умна, язвительна и производит
                    впечатление человека, у которого всё под контролем.
                </p>

                <p>
                    На самом деле она давно находится между лояльностью
                    организации и собственными моральными принципами.
                    Персонаж тесно связан с прошлым моего героя и знает
                    несколько фактов, которые он предпочёл бы забыть.
                </p>

            </div>

        </section>

        <section class="tgd-wanted__wishes">

            <div class="tgd-wanted__wishes-label">
                <i class="fa-solid fa-message"></i>

                <div>
                    <b>Пожелания игрока</b>
                    <small>ожидаемые отношения и динамика</small>
                </div>
            </div>

            <div class="tgd-wanted__wishes-text">

                <p>
                    Ищу персонажа для сложной эмоциональной линии: старые
                    чувства, взаимные претензии, вынужденное сотрудничество
                    и медленное восстановление доверия. Итог отношений заранее
                    не фиксирую — интереснее прийти к нему непосредственно
                    в игре.
                </p>

                <p>
                    Буду рада инициативному соигроку, который любит драму,
                    развитие через эпизоды и не боится конфликтов между
                    персонажами.
                </p>

            </div>

        </section>

    </div>

</div>

[/html]

[hideprofile][html]<div class="tgd-generator tgd-wanted-generator"
     id="tgd-wanted-generator">

    <header class="tgd-generator__header">

        <div class="tgd-generator__issue">
            THE GLORY DAYS · WANTED CREATOR
        </div>

        <div class="tgd-generator__heading">
            <h2>Генератор нужных</h2>
            <span>WANTED FILE</span>
        </div>

        <p>
            Выберите автора заявки, заполните информацию и скопируйте
            полученный HTML-код.
        </p>

    </header>

    <!-- РЕЖИМ ЗАЯВКИ -->

    <div class="tgd-generator__section">

        <div class="tgd-generator__section-title">
            <span>01</span>

            <div>
                <h3>Request type</h3>
                <small>автор заявки</small>
            </div>
        </div>

        <div class="wanted-generator__mode">

            <input
                type="hidden"
                id="wg-mode"
                value="ams"
            >

            <button
                type="button"
                class="wanted-generator__mode-button is-active"
                data-wg-mode="ams"
            >
                <i class="fa-solid fa-star"></i>
                для АМС
            </button>

            <button
                type="button"
                class="wanted-generator__mode-button"
                data-wg-mode="player"
            >
                <i class="fa-solid fa-heart"></i>
                для игрока
            </button>

            <div class="wanted-generator__mode-note"
                 id="wg-mode-note">
                Сюжетная заявка от администрации проекта.
            </div>

        </div>

    </div>

    <!-- ПЕРСОНАЖ -->

    <div class="tgd-generator__section">

        <div class="tgd-generator__section-title">
            <span>02</span>

            <div>
                <h3>Character</h3>
                <small>информация о персонаже</small>
            </div>
        </div>

        <div class="tgd-generator__grid">

            <div class="tgd-generator__field">
                <label for="wg-file">Номер заявки</label>

                <input
                    id="wg-file"
                    type="text"
                    placeholder="001"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="wg-name-en">
                    Имя и фамилия на английском
                </label>

                <input
                    id="wg-name-en"
                    type="text"
                    placeholder="ADRIAN BLACKWOOD"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="wg-name-ru">
                    Имя и фамилия на русском
                </label>

                <input
                    id="wg-name-ru"
                    type="text"
                    placeholder="Эдриан Блэквуд"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="wg-type">Тип персонажа</label>

                <select id="wg-type">
                    <option value="human">human</option>
                    <option value="extra-human">extra-human</option>
                </select>
            </div>

            <div class="tgd-generator__field">
                <label for="wg-age">Возраст</label>

                <input
                    id="wg-age"
                    type="text"
                    inputmode="numeric"
                    placeholder="38"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="wg-affiliation">Принадлежность</label>

                <input
                    id="wg-affiliation"
                    type="text"
                    placeholder="Астра / оперативный отдел"
                >
            </div>

            <div class="tgd-generator__field tgd-generator__full">
                <label for="wg-identity">Идентичность</label>

                <input
                    id="wg-identity"
                    type="text"
                    placeholder="публичная / секретная / анрег"
                >
            </div>

        </div>

    </div>

    <!-- ИЗОБРАЖЕНИЕ -->

    <div class="tgd-generator__section">

        <div class="tgd-generator__section-title">
            <span>03</span>

            <div>
                <h3>Face claim</h3>
                <small>изображение и прототип</small>
            </div>
        </div>

        <div class="tgd-generator__grid">

            <div class="tgd-generator__field tgd-generator__full">
                <label for="wg-image">
                    Прямая ссылка на изображение
                </label>

                <input
                    id="wg-image"
                    type="url"
                    placeholder="https://...jpg"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="wg-fandom">Название фандома</label>

                <input
                    id="wg-fandom"
                    type="text"
                    placeholder="Original character"
                >
            </div>

            <div class="tgd-generator__field">
                <label for="wg-face">
                    Предлагаемая внешность
                </label>

                <input
                    id="wg-face"
                    type="text"
                    placeholder="Character Name"
                >
            </div>

        </div>

    </div>

    <!-- ТЕГИ И ОПИСАНИЕ -->

    <div class="tgd-generator__section">

        <div class="tgd-generator__section-title">
            <span>04</span>

            <div>
                <h3>Description</h3>
                <small>содержание заявки</small>
            </div>
        </div>

        <div class="tgd-generator__grid">

            <div class="tgd-generator__field tgd-generator__full">
                <label for="wg-tags">Теги заявки</label>

                <input
                    id="wg-tags"
                    type="text"
                    placeholder="сюжетная роль, драма, корпорации, антагонист"
                >

                <div class="tgd-generator__hint">
                    Разделяйте теги запятыми, точками с запятой
                    или переносами строк. Символ # добавится автоматически.
                </div>
            </div>

            <div class="tgd-generator__field tgd-generator__full">
                <label for="wg-description">
                    Кто этот персонаж
                </label>

               <div class="wg-textarea"
     id="wg-description"
     data-placeholder="Характер, деятельность, место персонажа в мире"></div>
</div>

            <div class="tgd-generator__field tgd-generator__full">
                <label for="wg-required">
                    Кому и для чего требуется
                </label>

                <div class="wg-textarea"
     id="wg-required"
     data-placeholder="Связи, сюжетная функция и ожидаемое участие"></div>

        </div>
</div>
</div>

    <!-- ПОЖЕЛАНИЯ -->

    <div class="tgd-generator__section">

        <div class="tgd-generator__section-title">
            <span>05</span>

            <div>
                <h3>Requirements</h3>
                <small id="wg-wishes-subtitle">
                    комментарий администрации
                </small>
            </div>
        </div>

        <div class="tgd-generator__field tgd-generator__full">

            <label for="wg-wishes" id="wg-wishes-label">
                Комментарий АМС
            </label>

            <div class="wg-textarea"
     id="wg-wishes"
     data-placeholder="Зачем персонаж нужен сюжету и что ожидается от игрока"></div>

        </div>

    </div>

    <!-- КНОПКИ -->

    <div class="tgd-generator__buttons">

        <button type="button" id="wg-generate">
            сгенерировать заявку
        </button>

        <button
            type="button"
            class="wg-copy"
            data-copy-target="wg-result"
        >
            скопировать код
        </button>

        <button
            type="button"
            id="wg-clear"
            class="tgd-generator__button--secondary"
        >
            очистить черновик
        </button>

    </div>

    <!-- РЕЗУЛЬТАТ -->

    <div class="tgd-generator__result">

        <label>Готовый код заявки</label>

        <pre id="wg-result"></pre>

        <div id="wg-copy-note"
             class="tgd-generator__note"></div>

    </div>

</div>

<script>
document.querySelectorAll('.tgd-wanted-generator .wg-textarea').forEach(function (element) {
    var field = document.createElement('textarea');
    field.id = element.id;
    field.placeholder = element.getAttribute('data-placeholder') || '';
    element.replaceWith(field);
});
</script>

<script src="https://forumstatic.ru/files/001c/25/f9/68886.js"></script>
[/html]