/* Author-mode-only styling (content-pipeline §11.5). Reuses style.css for the
   shared stage/panel chrome; this adds the box-draw layer + editor widgets. */

.author #draw {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: crosshair;
}
.author #draw .seed-box {
  fill: rgba(80, 200, 255, 0.12);
  stroke: #50c8ff;
  stroke-width: 0.4;
  vector-effect: non-scaling-stroke;
}
.author #draw .track-box {
  fill: rgba(120, 255, 160, 0.10);
  stroke: #78ffa0;
  stroke-width: 0.4;
  stroke-dasharray: 1.5 1;
  vector-effect: non-scaling-stroke;
}
.author #draw .affect-dot {
  fill: rgba(190, 150, 255, 0.85);
  stroke: #fff;
  stroke-width: 0.25;
  vector-effect: non-scaling-stroke;
}

.author .scrub {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.author .scrub input[type="range"] { flex: 1; }
.author .mono { font-family: ui-monospace, monospace; font-size: 12px; opacity: 0.85; }

.author .row { display: flex; gap: 8px; margin-top: 6px; flex-wrap: wrap; }
.author fieldset label { display: block; margin: 4px 0; font-size: 13px; }
.author fieldset input[type="text"],
.author fieldset input[type="number"] { width: 100%; box-sizing: border-box; }
.author fieldset input[type="number"] { width: 5em; }

.author ul.authored { list-style: none; padding: 0; margin: 6px 0; }
.author ul.authored li {
  font-size: 12px;
  padding: 3px 6px;
  margin: 2px 0;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  gap: 6px;
}
.author ul.authored .rm {
  background: none;
  border: none;
  color: #f88;
  cursor: pointer;
  font-size: 12px;
}
.author header .hint { font-size: 12px; opacity: 0.8; max-width: 70ch; }
