/* ---------- Panel Alinear (panel-alinear.js), en el grupo de pestañas Organizar ---------- */
/* Usa los tokens de /comun/taller.css, que ya cambian en modo oscuro. La cabecera del grupo y
   sus pestañas están en estilos/paneles.css. */

/* ---------- Alinear ---------- */
.alinear { display: grid; gap: 6px; }
.alinear .panel-subtitulo { margin: 2px 0 0; }
.alinear-botones { display: flex; align-items: center; gap: 2px; }
.alinear-boton {
  width: 34px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--radio);
  background: transparent;
  color: var(--tinta);
  cursor: pointer;
}
.alinear-boton:hover:not(:disabled) { background: var(--superficie); }
.alinear-boton:disabled { color: var(--secundario); opacity: 0.4; cursor: default; }
.alinear-boton[aria-pressed="true"] { color: var(--acento); background: var(--superficie); border-color: var(--linea); }
.alinear-boton svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Distribuir espaciado y Alinear a, uno al lado del otro. */
.alinear-pie {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px 10px;
}
.alinear-bloque { display: grid; gap: 6px; }
.alinear-pie .alinear-boton { width: 26px; }
.alinear-espacio {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: 2px;
  font: 11.5px var(--letra);
  color: var(--secundario);
}
.alinear-espacio input {
  width: 56px;
  padding: 3px 4px;
  border: 1px solid var(--linea);
  border-radius: var(--radio);
  background: transparent;
  color: var(--tinta);
  font: 12px var(--letra);
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.alinear-espacio input::placeholder { color: var(--secundario); }
.alinear .panel-pista:empty { display: none; }

/* Objeto clave en la Mesa de trabajo: su caja, gruesa, como en Illustrator. */
.lienzo .seleccion-clave {
  fill: none;
  stroke: var(--acento);
  stroke-width: 2.5;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}