/* drawing-set.css: styles for drawing-set.js (a port of hero-variations/f-drawing-set.html taken 2026-10-09).
   Scoped to .drawing-set, the root element DrawingSet.mount() creates. Transparent: the drawing sits on the wall.

   Colour comes from the host: ink = currentColor (set color on .drawing-set or any ancestor).
   Optional custom properties, read from any ancestor (deliberately not declared here, so the host's value wins):
     --ds-accent  the wet pen tip and the sweeping section plane (default: var(--ink), else currentColor)
     --ds-paper   the sheet the drawing is composed on (default #fff). With multiply, white vanishes into the wall
                  and the model's fills still hide what is behind them, as in the source.

   Multiply blends only with what is painted behind it inside the same stacking context. If an ancestor of
   .drawing-set makes a stacking context without the wall painted in it (opacity < 1, transform, filter, isolation,
   positioned + z-index), the white sheet will show. In that case set --ds-paper to the wall tone (e.g. #d4d6d1)
   and mix-blend-mode: normal on .drawing-set svg. */

.drawing-set { display: block; width: 100%; background: transparent; }

.drawing-set svg {
  display: block; width: 100%; height: auto; aspect-ratio: 600 / 420;   /* viewBox 0 44 600 420 */
  overflow: visible;
  mix-blend-mode: multiply;
}

.drawing-set text { font-family: ui-monospace, "SF Mono", Menlo, monospace; }