/* /wardley: the house page scaffold (per-tool by design — timeline/style.css
   is the reference copy) + this tool's drag affordances. */

.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
#cmhost .cm-editor{min-height:440px}
.stage .preview{--reserve-ar: 1200 / 563}   /* load-grace: default example's viewBox — see workspace.css */
.method{color:var(--muted);font-size:12.5px}

/* ---- drag affordances ---- */
#preview svg g[data-drag], #preview svg g[data-drag] *{ cursor: grab; }
#preview svg[data-narrow]{ touch-action: pan-y; }  /* Chromium honours touch-action only on the svg ROOT */
#preview svg g[data-drag].dragging{ cursor: grabbing; }
#preview svg g[data-drag].dragging rect{ filter: brightness(1.08); }

@media (prefers-reduced-motion: no-preference){
  #preview svg g[data-drag]{ transition: opacity 120ms; }
}