Improve settings hints and workspace log clarity

frontend/src/styles.css

@@ -976,6 +976,32 @@ button:disabled {
   color: var(--color-text-muted);
 }
 
+.settings-field-hint {
+  margin: 0;
+  font-size: 0.72rem;
+  font-weight: 400;
+  color: #95a6c4;
+  line-height: 1.35;
+}
+
+.settings-subsection-divider {
+  grid-column: span 12;
+  display: grid;
+  gap: 0.2rem;
+  padding-top: 0.2rem;
+  border-top: 1px solid rgba(70, 89, 122, 0.55);
+}
+
+.settings-subsection-divider h4 {
+  margin: 0;
+  font-family: var(--font-display);
+  font-size: 0.82rem;
+}
+
+.settings-subsection-divider p {
+  margin: 0;
+}
+
 .inline-checkbox {
   display: grid;
   grid-template-columns: auto 1fr;
@@ -1004,6 +1030,15 @@ button:disabled {
   color: #dbe8ff;
 }
 
+.settings-checkbox-with-hint {
+  align-items: start;
+}
+
+.settings-checkbox-copy {
+  display: grid;
+  gap: 0.15rem;
+}
+
 .settings-catalog-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));