Photo Filter & Image Effects

<!-- Preset Filters -->
<div class="pf-card">
  <div class="pf-card-title">Preset Filters</div>
  <div class="pf-presets" id="pf-presets"></div>
</div>

<!-- Adjustments -->
<div class="pf-card">
  <div class="pf-card-title">Adjustments</div>
  <div id="pf-sliders"></div>
</div>

<!-- Actions -->
<div class="pf-card">
  <div class="pf-card-title">Actions</div>
  <div class="pf-actions">
    <label class="pf-compare-toggle">
      <input type="checkbox" id="pf-compare-chk"> Show Before / After
    </label>
    <button class="pf-btn pf-btn-primary" id="pf-download-btn">Download PNG</button>
    <button class="pf-btn pf-btn-secondary" id="pf-new-btn">Load New Image</button>
    <button class="pf-btn pf-btn-danger" id="pf-reset-btn">Reset Filters</button>
  </div>
</div>