:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#121212;color:#e6e6e6}body{margin:0 auto;max-width:900px;padding:1rem;background:#121212;color:#e6e6e6}h1{font-size:1.4rem;margin-block:0 1rem}h2{font-size:1rem;margin-block:0 .5rem;color:#a0a0a0}.panel{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;padding:.75rem 1rem;margin-block:.75rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}#selections-section.panel{display:block}#waveform{border:1px solid #2a2a2a;border-radius:6px;margin-block:.5rem;overflow:hidden}#spectrum{border:1px solid #2a2a2a;border-radius:6px;margin-block:.5rem;display:block;width:100%;box-sizing:border-box}.error{color:#ff6b6b;width:100%;margin:0}button{background:#2a2a2a;color:#e6e6e6;border:1px solid #3a3a3a;border-radius:4px;padding:.4rem .9rem;font-size:.9rem;cursor:pointer}button:hover:not(:disabled){background:#333;border-color:#4f6df5}button:disabled{opacity:.5;cursor:default}.file-button{display:inline-block;background:#2a2a2a;color:#e6e6e6;border:1px solid #3a3a3a;border-radius:4px;padding:.4rem .9rem;font-size:.9rem;cursor:pointer}.file-button:hover{background:#333;border-color:#4f6df5}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#upload-filename{color:#a0a0a0;font-size:.9rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:140px;height:4px;background:#333;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#4f6df5;cursor:pointer;border:none}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#4f6df5;cursor:pointer;border:none}input[type=range]::-moz-range-track{background:#333;height:4px;border-radius:2px}#active-label{color:#8ea0ff;font-size:.9rem}#selections-list{list-style:none;padding:0;margin:0}#selections-list li{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;border:1px solid transparent;border-radius:4px}#selections-list li.active{border-color:#4f6df5;background:#1f2545;font-weight:700}#selections-list button{padding:.2rem .6rem;font-size:.8rem}.selections-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.selections-header h2{margin:0}.row-buttons{display:flex;gap:.4rem}footer{margin-top:1.5rem;padding-top:.75rem;text-align:center;font-size:.8rem;color:#6a6a6a}footer a{color:inherit}