style: finales CSS-Finishing, inline styles zu CSS-Klassen

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

style.css

@@ -117,3 +117,38 @@ button.action-btn:hover { background: #f0f0f0; }
 }
 .harmony-swatch .swatch { width: 56px; height: 56px; }
 .harmony-swatch span { font-size: 0.75rem; font-family: monospace; }
+
+/* --- Utility classes --- */
+.swatch-cell {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.25rem;
+  margin: 0.25rem;
+}
+
+.harmony-btn-row {
+  display: flex;
+  gap: 0.25rem;
+}
+
+.btn-row {
+  display: flex;
+  gap: 0.5rem;
+}
+
+/* --- Finale Styles --- */
+h2 { font-size: 1.1rem; margin-bottom: 1rem; }
+h3 { font-size: 0.95rem; }
+
+.tab-content { padding-top: 0.5rem; }
+
+.color-preview { transition: background 0.15s; }
+
+.action-btn:active { transform: scale(0.97); }
+
+@media (max-width: 600px) {
+  nav { flex-wrap: wrap; }
+  .color-codes { flex-direction: column; }
+  .color-code-group input { width: 100%; }
+}