<section class="ifx-panel">
  <h2>{{panel_title}}</h2>
  <p>{{panel_copy}}</p>
  <div style="display:grid;gap:10px;">
    <label for="scenario-range">Scenario input</label>
    <input id="scenario-range" class="ifx-range" type="range" min="0" max="100" value="{{default_percent}}" />
    <div style="display:flex;justify-content:space-between;gap:12px;align-items:center;">
      <strong style="font-size:28px;font-weight:500;line-height:1;">{{default_percent_display}}</strong>
      <span class="ifx-muted">Preview keeps the panel lightweight and inspectable.</span>
    </div>
    <div class="option-row">
      {{#each options}}
      <span class="option-chip">{{label}}</span>
      {{/each}}
    </div>
  </div>
</section>
