/* Optional local pour planner; default paint canvas and controls are unchanged. */
.cf-planner{margin:.75rem 0;border:1px solid #cbd5e1;border-radius:10px;background:#fff;overflow:hidden;font-size:.85rem}
.cf-planner summary{min-height:44px;padding:.8rem 1rem;cursor:pointer;font-weight:700;touch-action:manipulation}
.cf-planner summary:focus-visible,.cf-planner select:focus-visible{outline:3px solid #1e293b;outline-offset:-3px}
.cf-plan-body{padding:0 1rem 1rem}
.cf-plan-body>p{line-height:1.5;color:#475569}
.cf-plan-fields{display:grid;gap:.65rem;margin:.75rem 0}
.cf-plan-fields label{display:grid;gap:.3rem;font-weight:600}
.cf-planner select{min-height:44px;width:100%;min-width:0;padding:.5rem;border:1px solid #94a3b8;border-radius:6px;font:inherit;background:#fff;color:#1e293b}
.cf-plan-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}
.cf-plan-actions .cf-tool{min-width:112px;flex:1}
#cf-plan-result{min-height:3em;margin-top:.75rem}
#cf-plan-result[data-kind="conflict"],#cf-plan-result[data-kind="empty"]{color:#b91c1c}
#card-grid .tile.cf-plan-target{outline:3px dashed #0f172a;outline-offset:-5px;z-index:1}
#card-grid .tile.cf-plan-neighbor{outline:1px dotted #0f172a;outline-offset:-4px}
.cf-plan-legend{font-size:.75rem;margin-top:.5rem}