Update index.html

index.html

@@ -23,7 +23,17 @@
             <div class="image-preview">
                 <canvas id="image-canvas"></canvas>
             </div>
-            
+            <div class="action-buttons">
+    <button id="reset-btn" class="btn"><i class="fas fa-undo"></i> リセット</button>
+    <button id="apply-btn" class="btn primary"><i class="fas fa-check"></i> 適用</button>
+    <button id="download-btn" class="btn"><i class="fas fa-download"></i> ダウンロード</button>
+</div>
+
+<!-- 読み込みアニメーション用の要素を追加 -->
+<div id="loading-overlay" class="loading-overlay">
+    <div class="loading-spinner"></div>
+    <div class="loading-text">処理中...</div>
+</div>
             <div class="controls">
                 <div class="control-group">
                     <h3><i class="fas fa-sliders-h"></i> 基本調整</h3>
@@ -94,17 +104,6 @@
                     </div>
                 </div>
                 
-<div class="action-buttons">
-    <button id="reset-btn" class="btn"><i class="fas fa-undo"></i> リセット</button>
-    <button id="apply-btn" class="btn primary"><i class="fas fa-check"></i> 適用</button>
-    <button id="download-btn" class="btn"><i class="fas fa-download"></i> ダウンロード</button>
-</div>
-
-<!-- 読み込みアニメーション用の要素を追加 -->
-<div id="loading-overlay" class="loading-overlay">
-    <div class="loading-spinner"></div>
-    <div class="loading-text">処理中...</div>
-</div>
             </div>
         </div>
     </div>