tips.html

<div style="
    padding: 12px;
    border: 1px solid #333333;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
  ">
  <b style="font-size: 18px;">Tips for best results</b>

  <ul style="
      display: flex;
      gap: 16px;
      justify-content: center;
      list-style: none;
      padding: 0;
      margin: 0;
      flex-wrap: wrap;
    ">
    <li>Single person, clearly visible</li>
    <li>|</li>
    <li>Match category to garment type</li>
    <li>|</li>
    <li>Use "flat-lay" for product shots</li>
    <li>|</li>
    <li>2:3 aspect ratio optimal</li>
  </ul>
</div>