/* Additions to style.css: release covers and the audio preview player (releases.html). */
.release-visual.cover-original{background:none;border:0}
.release-visual img{display:block;width:100%;height:100%;object-fit:cover}
.release-meta-multiline{line-height:1.8}

.audio-sample{max-width:360px;margin-top:30px}
.sample-controls{display:flex;align-items:center;gap:18px}
.sample-controls[hidden],.sample-toggle [hidden]{display:none}
.sample-toggle{flex:none;width:54px;height:54px;display:grid;place-items:center;padding:0;background:transparent;border:1px solid #606060;color:#fff;transition:background .2s,border-color .2s}
.sample-toggle:hover{background:#111;border-color:#eee}
.sample-toggle svg{width:20px;height:20px}
.sample-body{flex:1;min-width:0}
.sample-info{display:flex;justify-content:space-between;gap:16px;margin-bottom:6px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#929292}
.sample-time{letter-spacing:.08em;font-variant-numeric:tabular-nums}
.sample-seek{--played:0%;display:block;width:100%;height:20px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}
.sample-seek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#fff var(--played),#3a3a3a var(--played))}
.sample-seek::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border:0;border-radius:50%;background:#fff}
.sample-seek::-moz-range-track{height:2px;background:#3a3a3a}
.sample-seek::-moz-range-progress{height:2px;background:#fff}
.sample-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff}
.sample-error{margin-top:8px;font-size:12px;line-height:1.6;color:#b0b0b0}
.sample-error:empty{display:none}