*{box-sizing:border-box;margin:0;padding:0}html,body{min-width:100vw;max-width:100vw;height:100%;min-height:100vh}body{background-color:#332d53;flex-direction:column;align-items:center;gap:2rem;margin:5rem 0;padding:2rem 4rem 0;display:flex;overflow-y:auto}#audio-options{flex-direction:column;gap:1rem;display:flex}label[for=db-audio-toggle]{color:#0ff;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;margin:1rem;display:flex}input[type=file]{background-color:#404040;border-radius:10px;padding:12px 6px}audio#music{min-height:2rem}main{flex-flow:row;justify-content:space-evenly;align-items:center;gap:.5rem;display:flex;width:100%!important;height:50svh!important}main>*{height:100%}main>.options{color:#fff;background-color:#00000020;border-radius:.5rem;flex-direction:column;flex:2;align-items:center;gap:.5rem;padding:1rem .25rem;display:flex;overflow:auto}main>.options>input:active{cursor:pointer}.options:has(#fft-ratio-input.warn)>label[for=fft-ratio-input]{color:#ff0}.options:has(#fft-ratio-input.danger)>label[for=fft-ratio-input]{color:red}main>#visualizer{aspect-ratio:1;background-color:#000;border:2px dashed #584878bf;border-radius:4px;flex:3;width:100%}