.baker-overview, #bakerEditor { min-width: 0; }
#bakerPlans { display: flex; flex-wrap: wrap; gap: 10px; }
#bakerPlans button { display: grid; gap: 5px; text-align: left; white-space: normal; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
#bakerEditor { margin: 16px 20px; padding: 18px; display: grid; gap: 12px; }
#bakerEditor p { margin: 0; line-height: 1.5; }
#bakerEditor label { display: grid; gap: 6px; }
#bakerEditor .manual-check { display: flex; align-items: center; gap: 9px; margin: 8px 0; }
#bakerEditor .manual-check input { width: auto; flex: 0 0 auto; }
#bakerEditor textarea { width: 100%; min-height: 80px; padding: 12px; font: inherit; color: inherit; background: var(--panel, #202728); border: 1px solid #657071; border-radius: 10px; box-sizing: border-box; }
#bakerEditor .dialog-actions { flex-wrap: wrap; padding: 0; }
@media (max-width: 600px) {
  .app-view, .app-view > * { min-width: 0; }
  #bakerEditor { margin: 10px; padding: 12px; }
  #bakerEditor .dialog-grid { grid-template-columns: 1fr; }
  #bakerEditor .dialog-actions button { flex: 1 1 100%; white-space: normal; }
}