[html]<script type="text/javascript" src="https://forumstatic.ru/files/0019/9e/ef/73722.js?v=2"></script>
<style>
.iwant_memlane{
  display: grid;
  justify-items: center;
  gap: 10px;
  max-width: 700px;
  margin: 0 auto;
}
.iwant_line,
.iwant_face{
  text-align: center;
  font-family: Arial;
  color: var(--text-badge-color);
  background: var(--text-badge-bg);
  box-shadow: var(--container-stroke);
  border-radius: 25px;
  width: max-content;
  max-width: 610px;
  padding: 4px 15px;
}
.iwant_line{ font-size: 14px !important; }
.iwant_face{ font-size: 15px !important; }

.iwant_photo{ text-align:center; }
.iwant_photo img{ object-fit: cover; transition: all .2s linear; }

.iwant_meta{
  width: 100%;
  max-width: 610px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, max-content));
  justify-content: center;
  gap: 8px;
}
.iwant_meta_item{
  background: var(--container-element-bg);
  border: var(--container-border);
  border-radius: 15px;
  padding: 6px 10px;
  font-size: 12px;
  color: var(--container-text);
  text-align: center;
}
.iwant_text{
  width: 90%;
  max-width: 610px;
  background: var(--container-bg);
  border: var(--container-border);
  border-radius: 25px;
  padding: 10px 18px;
  line-height: 19px;
  font-size: 12px !important;
  color: var(--container-text);
  text-align: justify;
box-sizing: border-box;
}
.iwant_spoiler{
  width: 100%;
  max-width: 610px;
  background: var(--container-bg);
  border: var(--container-border);
  border-radius: 20px;
  overflow: hidden;
}
.iwant_spoiler summary{
  cursor: pointer;
  padding: 10px 14px;
  background: var(--container-element-bg);
  color: var(--container-text);
  font-weight: 600;
}
.iwant_spoiler_body{ padding: 12px 14px; white-space: pre-wrap; }

@media (max-width: 540px){
  .iwant_meta{ grid-template-columns: 1fr; }
.iwb input, .iwb textarea {
width: 100%;
box-sizing: border-box;
font-size: inherit;
}
.iwant_line, .iwant_face {width: 90%;}
}

.iwb { max-width: 700px; margin: 0 auto; }
.iwb-row { display:grid; gap:8px; margin-bottom: 8px; }
.iwb-row.cols-1 { grid-template-columns: 1fr; }
.iwb-row.cols-3 { grid-template-columns: 1fr 1fr 1fr; }

.iwb textarea{ resize: vertical; }
#iw-text, #iw-post {    min-height: 110px;}

.iwb-err{ display:none; color:darkred; font-size:12px; margin-top:4px; }
.iwb-preview{ margin-top: 14px; }
</style>

<center><div class="tem"><tem1>

Хочу в вам

</tem1>

Есть идеи по персонажу? Или просто желаемая внешность? Да даже если просто ищешь связи, тебе сюда. Можешь заполнить шаблон снизу или написать в свободной форме все, что хочешь. Главное - твое вдохновение ♥ ♥ ♥
</div> </center>
<br><br>
<center>
<div class="iwb" id="iwant-builder">

  <div class="iwb-row cols-1">
    <input id="iw-header" placeholder="кем хочешь быть, может какую роль видишь" type="text">
  </div>

  <div class="iwb-row cols-1">
    <textarea id="iw-photos" placeholder="Ссылки на фото, через пробел или с новой строки, если несколько"></textarea>
    <div class="iwb-err" id="err-iw-photos">Каждая ссылка должна вести на картинку (jpg/png/gif/webp)</div>
  </div>

  <div class="iwb-row cols-1">
    <input id="iw-face" placeholder="Внешность" type="text">
  </div>

  <div class="iwb-row cols-3">
    <input id="iw-name" placeholder="Имя" type="text">
    <input id="iw-age"  placeholder="Возраст, дата рождения" type="text">
    <input id="iw-job"  placeholder="Деятельность" type="text">
  </div>

  <div class="iwb-row cols-1">
    <textarea id="iw-text" placeholder="Общая информация"></textarea>
  </div>

  <div class="iwb-row cols-1">
    <textarea id="iw-post" placeholder="Пример поста"></textarea>
  </div>

<br><br>
  <a href="javascript:void(0);" class="memory_button" id="iw-send">Отправить</a>
<br><br>

  <div class="iwb-preview" id="iw-preview-root">
    <div class="iwant_memlane">
      <div class="iwant_line" id="pv-line">ХОЧУ К ВАМ // ...</div>

      <div id="pv-photos-wrap" style="display:none;">
        <div class="iwant_photo" id="pv-photos"></div>
      </div>

      <div class="iwant_face" id="pv-face">внешность</div>

      <div id="pv-meta-wrap" style="display:none;">
        <div class="iwant_meta" id="pv-meta"></div>
      </div>

      <div class="iwant_text" id="pv-text">общая информация…</div>

      <div id="pv-sp-host"></div>
    </div>
  </div>

</div>
</center>
[/html]