/**
 * WhatsApp → MP3 extras on the shared mtool audio converter shell.
 * Do not fork media-tools.css / audio-tools.css here.
 */
.wa2mp3-howto {
  margin: 0 18px 16px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--mtool-line);
  background: var(--mtool-card);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wa2mp3-howto p {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--mtool-muted);
}
.wa2mp3-howto strong {
  color: var(--mtool-text);
}
.wa2mp3-howto code {
  font-size: 0.76em;
  background: rgba(255, 255, 255, 0.08);
  padding: 0 5px;
  border-radius: 4px;
}
.mtool-wrap:has(#wa2mp3-editor.is-open) .wa2mp3-howto {
  display: none;
}

.wa2mp3-play-hint {
  margin: 6px 0 0;
  font-size: 0.78rem;
  line-height: 1.4;
  color: var(--mtool-muted);
}
.wa2mp3-multi-hint {
  margin: 0 0 8px;
  font-size: 0.78rem;
  line-height: 1.4;
  color: var(--mtool-muted);
}
#wa2mp3-multi {
  margin: 4px 0 0;
}

.wa2mp3-honest {
  margin: 4px 18px 0;
  font-size: 0.74rem;
  line-height: 1.4;
  color: var(--mtool-faint);
}

.wa2mp3-out-list {
  margin-top: 12px;
}
.wa2mp3-out-list[hidden] {
  display: none !important;
}
.wa2mp3-out-list .atool-list-item {
  padding: 8px 10px;
}
.wa2mp3-out-list .mtool-btn {
  flex: none;
  padding: 6px 10px;
  font-size: 0.76rem;
}

.wa2mp3-noplay {
  display: none;
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--mtool-faint);
  text-align: center;
}
.mtool-wrap.no-preview .wa2mp3-noplay {
  display: block;
}
.mtool-wrap.no-preview #wa2mp3-audio {
  display: none;
}

.wa2mp3-ab {
  margin-top: 8px;
}

#wa2mp3-quality-chips[hidden],
#wa2mp3-quality-row[hidden],
#wa2mp3-gap-chips[hidden],
#wa2mp3-gap-label[hidden] {
  display: none !important;
}

#wa2mp3-status:empty {
  display: none;
}

#wa2mp3-queue .atool-list-main {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  font: inherit;
  cursor: pointer;
  flex: 1;
  min-width: 0;
}

@media (max-width: 640px) {
  .wa2mp3-howto,
  .wa2mp3-honest {
    margin-left: 12px;
    margin-right: 12px;
  }
}