<form class="{{cssClass}}" autocomplete="off">
  {{! Sheet Header }}
  <header class="sheet-header card clipped-bot">
    <h1 class="name">
      <input
        class="lancer-input header-field"
        name="name"
        type="text"
        value="{{item.name}}"
        placeholder="{{localize 'lancer.placeholder.name'}}"
      >
    </h1>
    {{{ref-portrait-img item.img "img" item}}}
  </header>

  {{{textarea-card "DESCRIPTION" "system.description"}}}

  <div class="flexcol card clipped-top lancer-border-primary" style="margin: 10px">
    <div class="lancer-header lancer-primary major">
      <span class="major">BASE FEATURES</span>
    </div>

    {{{lid-item-list "system.base_features" base_features "npc_feature"}}}
  </div>

  <div class="flexcol card clipped-top lancer-border-primary" style="margin: 10px">
    <div class="lancer-header lancer-primary major">
      <span class="major">OPTIONAL FEATURES</span>
    </div>

    {{{lid-item-list "system.optional_features" optional_features "npc_feature"}}}
  </div>
</form>
