Blame for assets/reference.html

<div class="reference">
 <div class="drop-area" tabindex="0" role="button" aria-label="Upload a reference voice clip">
  <span data-file-name>Drop a voice clip here</span><span class="help">0.5–60 seconds · up to 25 MB</span>
 </div>
 <input type="file" accept="audio/*,.wav,.mp3,.flac,.m4a,.ogg,.webm" data-file hidden>
 <div class="reference-actions"><button type="button" data-upload>Choose audio</button><button type="button" data-record>Record voice</button><button type="button" data-remove hidden>Remove</button></div>
 <div class="reference-player" hidden><button type="button" data-play aria-label="Play reference voice">Play</button><span data-time>0:00</span><input type="range" data-seek min="0" max="1000" value="0" aria-label="Reference playback position"><span data-duration>0:00</span></div>
 <details data-trim hidden><summary>Trim clip</summary><div class="trim-controls"><label>Start <input type="number" min="0" step="0.1" data-start value="0" aria-label="Trim start in seconds"></label><label>End <input type="number" min="0" step="0.1" data-end aria-label="Trim end in seconds"></label><button type="button" data-apply>Use selection</button><button type="button" data-reset>Reset trim</button></div><p class="help">Seconds · choose between 0.5 and 60 seconds.</p></details>
 <p class="reference-status" role="status" aria-live="polite"></p>
 <audio preload="metadata" hidden></audio>
</div>