AI setup tab: masonry columns, even form controls, one labels-only hint

src/routes/trackers/ai/setup/+page.svelte

@@ -383,7 +383,7 @@
 								{/each}
 							</ul>
 						{/if}
-						{#if s.key === 'plan'}
+						{#if s.key === 'plan' && list && editing !== `n:${p.id}:${s.key}`}
 							<p class="hint"><KeyRound size={12} /> Labels only, never key values.</p>
 						{/if}
 					</details>
@@ -478,11 +478,14 @@
 		color: #f87171;
 		background: rgb(248 113 113 / 0.1);
 	}
+	/* Masonry-style columns: cards differ a lot in height (Grok has dozens of entries). */
 	.cards {
-		display: grid;
+		columns: 2 26rem;
-		gap: 0.75rem;
+		column-gap: 0.75rem;
-		grid-template-columns: repeat(auto-fill, minmax(min(100%, 26rem), 1fr));
+	}
-		align-items: start;
+	.cards > .card {
+		break-inside: avoid;
+		margin-bottom: 0.75rem;
 	}
 	.card {
 		display: flex;
@@ -760,6 +763,11 @@
 		border-radius: 0.5rem;
 		padding: 0.35rem 0.5rem;
 		min-width: 0;
+		box-sizing: border-box;
+	}
+	.edit input:not([type='radio']),
+	.edit select {
+		height: 2.1rem;
 	}
 	.edit textarea {
 		resize: vertical;