/* Подгонка голоса дубля (static/takealign.js): волны над кнопками полосы «Моих дублей» */
.ta { order: -1; flex-basis: 100%; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.ta[hidden] { display: none; }
.ta-head { display: flex; align-items: center; gap: 6px 8px; flex-wrap: wrap; }
.ta-title { font-size: 13px; font-weight: 600; }
.ta-hint { font-size: 12px; color: var(--muted); min-width: 0; }
.ta-nudge { display: inline-flex; gap: 2px; }
.ta-nudge .btn.small { min-width: 0; padding: 0 9px; font-family: var(--mono); font-size: 11px; }
.ta-head [hidden] { display: none; }
.ta-strip { position: relative; height: 96px; border-radius: 12px; background: var(--canvas); border: 1px solid var(--border); overflow: hidden; }
.ta-strip canvas { display: block; width: 100%; height: 100%; cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.ta-strip canvas.drag { cursor: grabbing; }
.ta.locked .ta-strip canvas { cursor: pointer; }
.ta-msg { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 0 16px;
  font-size: 12px; color: var(--muted); text-align: center; pointer-events: none; }
.ta-msg:empty { display: none; }
/* в полосе «Моих дублей» ползунок сдвига шире: одна точка — меньше миллисекунд */
.tp-bar .tk-off input[type=range] { width: 200px; }
.tk-off .ta-open { margin-left: 2px; }
@media (max-width: 640px) {
  .ta-hint { display: none; }
  .ta-strip { height: 84px; }
  .tp-bar .tk-off input[type=range] { width: auto; }
}