/* ---- The daisy ----------------------------------------------------------------------------
   One waiting mark for the whole product, so a wait looks the same wherever it happens: the
   render, the blend, the change, the plan. Its own file because the two layouts share almost no
   stylesheets — the canvas shell does not load site.css — and one waiting mark defined twice is
   how the editor ended up with a flower that did not turn.

   The file is a still drawing; the turn is here. Left of the words, never on its own — a flower
   spinning with no sentence beside it says something is happening but not what. */
.daisy {
  flex: 0 0 auto;
  width: 22px; height: 22px;
  animation: daisy-turn 1.4s linear infinite;
}
/* The row a daisy and its sentence sit in. */
.daisy-row { display: flex; align-items: center; gap: 8px; }
@keyframes daisy-turn { to { transform: rotate(360deg); } }
/* Somebody who has asked not to see movement gets the flower, still, and the words unchanged. */
@media (prefers-reduced-motion: reduce) {
  .daisy { animation: none; }
}
/* The change line keeps its flower out of sight until there is something to wait for. */
#dv-change-status:not(.busy) .daisy { display: none; }