리펙토링 - 전체 프로젝트 코드 (Codex + Claude)

src/renderer/index.html

@@ -43,7 +43,7 @@
       <span class="format-sep">_</span>
       <input type="number" id="input-digits" value="4" min="1" max="6" />
       <span class="format-sep">자리 순번</span>
-      <span style="color:var(--muted);font-size:12px;">→</span>
+      <span class="format-arrow">→</span>
       <span id="preview-name">photo_001.jpg</span>
       <span id="sel-count"></span>
       <span id="file-count">0개 파일</span>
@@ -53,7 +53,7 @@
       <div id="empty-state">
         <div class="icon">🗂️</div>
         <p>폴더를 열어 이미지를 불러오세요<br>
-        <span style="font-size:12px;opacity:.6;">JPG · PNG · GIF · BMP · TIFF · WEBP · HEIC</span></p>
+        <span class="empty-state-hint">JPG · PNG · GIF · BMP · TIFF · WEBP · HEIC</span></p>
       </div>
       <div id="grid" style="display:none;"></div>
     </section>
@@ -64,7 +64,7 @@
 <footer>
   <div class="status-dot" id="status-dot"></div>
   <span id="status-text">준비</span>
-  <span class="dir-path" id="dir-path" style="margin-left:auto;">폴더를 선택하세요</span>
+  <span class="dir-path" id="dir-path">폴더를 선택하세요</span>
 </footer>
 
 <div id="rubber-band"></div>