.layout-editor-help {
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  background: #f6f9f4;
}
.layout-editor-help b { display: block; margin-bottom: 4px; }
.layout-editor-help p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.45; }
.layout-controls { padding: 14px 16px; border-top: 1px solid var(--line); background: white; }
.layout-controls label { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 750; }
.layout-controls select { flex: 1; min-width: 0; padding: 9px 10px; border: 1px solid var(--line); border-radius: 9px; background: white; }
.layout-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.layout-actions button { min-height: 44px; }
.layout-actions [data-layout-nudge] { min-width: 44px; padding-inline: 10px; font-size: 19px; }
.layout-status { margin: 9px 0 0; color: var(--muted); font-size: 13px; }
.garden-stage .plant { touch-action: none; user-select: none; cursor: grab; transition: none; }
.garden-stage .plant.dragging { cursor: grabbing; z-index: 90 !important; filter: drop-shadow(0 8px 9px rgba(10,25,18,.35)); }
.garden-stage .plant::after { pointer-events: none; }
.garden-stage .plant span { pointer-events: none; }
.plan .dot { white-space: nowrap; }
@media (max-width: 650px) {
  .layout-controls label { display: block; }
  .layout-controls select { width: 100%; margin-top: 7px; }
  .layout-editor-help, .layout-controls { padding: 12px; }
}