CODE1

<div style="display:flex; justify-content:center; margin-top:20px;">

<div style="border:2px solid #444; border-radius:12px; width:300px; background:#f8f8f8; padding:12px; font-family:Arial, sans-serif; color:#222;">
  <div style="text-align:center; font-weight:700; font-size:1.4em; margin-bottom:10px; color:#333;">
    CHARACTER ID CARD
  </div>
  <div style="display:flex; gap:10px; align-items:center;">
    <img src="IMG_HERE" alt="Character Photo" style="width:110px; height:110px; object-fit:cover; border-radius:8px; border:1px solid #bbb;" />
    <div style="flex-grow:1; font-size:0.95em;">
      <div><strong>Name:</strong> NAME</div>
      <div><strong>Alias:</strong> ALIAS</div>
      <div><strong>Age:</strong> AGE</div>
      <div><strong>Pronouns:</strong> PRO/NOUNS</div>
      <div><strong>Occupation:</strong> OCCUPATION</div>
      <div><strong>ID Number:</strong> X7G9-P2L4</div>
    </div>
  </div>
  <!-- Coding credit, dont remove -->
<div class="col-12 mx-auto" style="text-align:center;"><a href="https://toyhou.se/sokie_Visuvel" style="color:#444;"> <i class="fa-solid fa-cloud"></i></a></div>