feat(설정): 357-1·2 저장 버튼 [닫기]와 같은 크기 · 저장하면 바로 닫힘 · 단축키 탭 한 줄씩(입력 = 동작) · 키 칩

- 단추 → 버튼 (마우스 · 다른 곳 단축키 글)
- test_app_settings 저장 뒤 닫힘으로 고침

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013QyNXY2TUKXCFMwAca2APG

A00_Common/app_settings.css

@@ -51,3 +51,36 @@
 .app-settings__error:empty {
   display: none;
 }
+
+.app-settings__rules {
+  margin: 0 0 var(--spacing-8);
+  padding: 0;
+  list-style: none;
+}
+
+.app-settings__rules > li {
+  display: grid;
+  grid-template-columns: minmax(0, 15em) 1fr;
+  align-items: center;
+  gap: var(--spacing-12);
+  padding: var(--spacing-4) 0;
+  border-bottom: 1px solid var(--color-border);
+  white-space: nowrap;
+}
+
+.app-settings__keys {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-4);
+}
+
+.app-settings__keys > kbd {
+  padding: 0 var(--spacing-8);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: var(--color-surface-raised);
+  color: var(--color-text);
+  font-family: var(--font-mono);
+  font-size: 0.85em;
+  line-height: 1.7;
+}