.audio-cutter-page .gt-tool-card,
.audio-cutter-page .gt-side-card { border-color: rgba(34, 211, 238, .22); }
.audio-cutter-page .gt-upload-zone { min-height: 150px; }
.audio-waveform-wrap { margin: 1.25rem 0 1rem; overflow: hidden; border: 1px solid rgba(103, 232, 249, .22); border-radius: 14px; background: #0b1728; }
.audio-waveform { display: block; width: 100%; height: 190px; }
.audio-waveform-help { margin: 0; padding: .65rem .8rem; color: #94a3b8; font-size: .8rem; border-top: 1px solid rgba(148, 163, 184, .15); }
.audio-range-stack { display: grid; gap: .8rem; margin-top: 1.1rem; }
.audio-range-row { display: grid; grid-template-columns: 72px minmax(0, 1fr) 90px; align-items: center; gap: .7rem; }
.audio-range-row label { color: #cbd5e1; font-size: .84rem; font-weight: 650; }
.audio-range-row input[type="range"] { min-width: 0; accent-color: #22d3ee; }
.audio-time-input { width: 100%; padding: .55rem .6rem; border: 1px solid rgba(148, 163, 184, .25); border-radius: 9px; color: #f8fafc; background: #0f1f33; }
.audio-time-input:focus { outline: 2px solid rgba(34, 211, 238, .5); outline-offset: 2px; }
.audio-selection { margin: .85rem 0 0; color: #67e8f9; font-size: .9rem; font-variant-numeric: tabular-nums; }
.audio-format-note { margin: .9rem 0 0; color: #94a3b8; font-size: .84rem; }
.audio-dropzone[data-dragging="true"] { border-color: #22d3ee; background: rgba(34, 211, 238, .1); }
@media (max-width: 640px) {
  .audio-waveform { height: 150px; }
  .audio-range-row { grid-template-columns: 58px minmax(0, 1fr) 78px; gap: .45rem; }
  .audio-range-row label { font-size: .78rem; }
  .audio-time-input { padding-inline: .45rem; font-size: .82rem; }
}
