body,html{height:100%;width:100%;background-color:#000;margin:0;padding:0}.visualizer-page-wrapper.svelte-1auk1nn{font-family:SansSerif,sans-serif;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.visualizer-container.svelte-1auk1nn{display:flex;flex-direction:column;align-items:center;gap:15px;background:#222;padding:20px;border-radius:8px;box-shadow:0 0 20px #00000080}.file-inputs.svelte-1auk1nn{display:flex;justify-content:space-around;width:100%;gap:10px}.audio-players.svelte-1auk1nn{display:flex;gap:10px;width:100%;max-width:600px;justify-content:space-between;height:auto;opacity:1;transition:opacity .3s}.audio-players.hidden.svelte-1auk1nn{height:0;opacity:0;overflow:hidden;margin:0}.file-label.svelte-1auk1nn{background-color:#ddd;color:#000;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .2s;font-weight:700;width:280px;overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.file-label.svelte-1auk1nn:hover{background-color:#aaa}input[type=file].svelte-1auk1nn{display:none}canvas.svelte-1auk1nn{background:#000;border:2px solid #555;max-width:100%;height:auto}audio.svelte-1auk1nn{flex-grow:1;max-width:calc(50% - 5px)}.start-button.svelte-1auk1nn{padding:12px 30px;background-color:#ddd;color:#000;border:none;border-radius:5px;font-size:1.2em;cursor:pointer;transition:background-color .3s,transform .1s;font-weight:700;margin-top:15px}.start-button.svelte-1auk1nn:hover{background-color:#aaa}.start-button.svelte-1auk1nn:active{transform:scale(.98)}.controls-container.svelte-1auk1nn{display:flex;flex-direction:column;align-items:center;gap:10px}.score-display.svelte-1auk1nn{display:flex;justify-content:center;align-items:center;max-width:100%;padding:10px}.score-values.svelte-1auk1nn{font-size:2.5em;font-weight:900;color:#fff}.score-left.svelte-1auk1nn{color:#9c0d33}.score-right.svelte-1auk1nn{color:#0d8f3f}.score-separator.svelte-1auk1nn{margin:0 15px}.audio-toggle.svelte-1auk1nn{display:flex;align-items:center}.switch-label.svelte-1auk1nn{position:relative;display:inline-block;width:90px;height:40px}.switch-label.svelte-1auk1nn input:where(.svelte-1auk1nn){opacity:0;width:0;height:0}.slider.svelte-1auk1nn{position:absolute;cursor:pointer;inset:0;background-color:#9c0d33;transition:.4s;border-radius:34px;display:flex;align-items:center;justify-content:space-between}.slider.svelte-1auk1nn:before{position:absolute;content:"";height:32px;width:32px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input.svelte-1auk1nn:checked+.slider:where(.svelte-1auk1nn){background-color:#0d8f3f}input.svelte-1auk1nn:checked+.slider:where(.svelte-1auk1nn):before{transform:translate(50px)}