@charset "UTF-8";
/* =========================================================================
   OFFICE ABLE — 接点図／制作物図のライブ演出（2026-08-04 追加）

   AI STRATEGYの ai-net と同じ考え方だが、あちらが「静止SVGをcanvasで置き換える」
   のに対し、こちらは「静止SVGの上に透明なcanvasを重ねて信号だけを描き足す」。
   図の見た目そのものはSVGのまま＝デザインが崩れない。

   ⚠️ us.css / fx.css / figs.css は並行編集中のため触らない。ここだけに書く。
   ⚠️ JSが動かない環境・prefers-reduced-motion では canvas を出さない
      （.live が付かない＝静止SVGがそのまま残る）。
   ========================================================================= */

.fig-live{position:relative;}
/* canvasは<img>の実描画ボックスにJSが合わせ込む。ここでは器だけ用意する */
.fig-live canvas{position:absolute;left:0;top:0;display:none;pointer-events:none;}
.fig-live.live canvas{display:block;}