/* ═══════════════════════════════════════
   WORKBENCH SOUNDS — a sound's steps: the player over the waveform strip
   (Trim & levels), the locked settings box and the drop zone's drag state.
   The strip itself is the shared .sound-wave (components.css), drawn by
   SoundLibraryTemplateParts.waveformHTML for both views; the steps use the
   shared generator step rules in workbench-pages.css.
   ═══════════════════════════════════════ */

/* Play button · strip with its scrubber · position readout, on one line. */
.wbsnd-player {
  display: flex;
  align-items: center;
  gap: 12px;
}

.wbsnd-wave {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.wbsnd-wave .sound-wave {
  height: 56px;
}

.wbsnd-wave input[type="range"] {
  width: 100%;
  accent-color: var(--accent);
}

.wbsnd-pos {
  min-width: 110px;
  font: 12px var(--font-mono);
  color: var(--text-secondary);
  text-align: right;
}

/* Locks the boxes inside while a change is in flight (the `disabled`
   attribute reaches every input). */
.wbsnd-set {
  min-width: 0;
  margin: 0 0 10px;
  padding: 0;
  border: none;
}

.wbsnd-set:disabled {
  opacity: 0.6;
}

/* Files dragged over the Upload drop zone. */
.wbsp-drop.wbsnd-over {
  border-color: var(--accent);
  color: var(--text-secondary);
}