/* Lápiz, Pincel, Borrador y Tijeras del Estudio de diseño (mano-alzada.js, #86).
   Usa las variables y clases de estudio.css (el cuadro de opciones toma el de Reflejar). */

/* ---------- Rastro del gesto mientras se dibuja ---------- */
.lienzo .rastro-lapiz {
  fill: none;
  stroke: var(--acento);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}
.lienzo .rastro-pincel {
  stroke: none;
  opacity: 0.85;
  pointer-events: none;
}
/* El Borrador: su tamaño en mm (el grosor lo pone mano-alzada.js), translúcido. */
.lienzo .rastro-borrador {
  fill: none;
  stroke: var(--secundario);
  stroke-opacity: 0.35;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.lienzo[data-herramienta="borrador"] { cursor: cell; }
.lienzo[data-herramienta="tijeras"] { cursor: crosshair; }
/* Las Tijeras y el Borrador no dibujan en la Capa activa: no la necesitan editable. */
.lienzo[data-sin-dibujo]:is([data-herramienta="borrador"], [data-herramienta="tijeras"]) { cursor: crosshair; }

/* «Mayús+E» no cabe en la esquina del botón con la letra de las demás. */
.herramienta[data-herramienta="borrador"] kbd { font-size: 7px; letter-spacing: -0.02em; }

/* ---------- Cuadro de opciones (marco, grupos y campos: los comunes de taller.css, #124) ---------- */
.dialogo-mano-alzada input[type="range"] { width: 100%; }
.mano-alzada-extremos {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--secundario);
}
.mano-alzada-campo { display: flex; align-items: center; gap: 8px; }
.mano-alzada-campo input[type="number"] { width: 72px; }
.mano-alzada-campo input[type="color"] {
  width: 40px;
  height: 26px;
  padding: 0;
  border: 1px solid var(--linea);
  border-radius: var(--radio);
  background: transparent;
}