More space around the title and inside field groups

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

app/ui/composer/elements/layout.css

@@ -56,7 +56,8 @@
   container-type: inline-size;
 }
 /* A group of plain fields (label, control, hint) needs air between them and from the edges; a group of settings rows brings its own. */
-.cx-group-rows:has(> .cx-field) { display: flex; flex-direction: column; gap: var(--sp-6); padding-block: var(--sp-6); }
+.cx-group-rows:has(> .cx-field) { display: flex; flex-direction: column; gap: var(--sp-7); padding: var(--sp-8); }
+.cx-group:has(> .cx-group-rows > .cx-field) { gap: var(--sp-5); }
 
 .cx-panel {
   border: var(--bw) solid var(--line); border-radius: var(--r-4);