写真フィルター・画像エフェクトツール

<!-- Preset Filters -->
<div class="pf-card">
  <div class="pf-card-title">プリセットフィルター</div>
  <div class="pf-presets" id="pf-presets"></div>
</div>

<!-- Adjustments -->
<div class="pf-card">
  <div class="pf-card-title">詳細調整</div>
  <div id="pf-sliders"></div>
</div>

<!-- Actions -->
<div class="pf-card">
  <div class="pf-card-title">操作</div>
  <div class="pf-actions">
    <label class="pf-compare-toggle">
      <input type="checkbox" id="pf-compare-chk"> Before / After 比較表示
    </label>
    <button class="pf-btn pf-btn-primary" id="pf-download-btn">PNGでダウンロード</button>
    <button class="pf-btn pf-btn-secondary" id="pf-new-btn">別の画像を読み込む</button>
    <button class="pf-btn pf-btn-danger" id="pf-reset-btn">フィルターをリセット</button>
  </div>
</div>