body,html{width:100%;height:100%;margin:0;padding:0}body{overflow:hidden;display:block;font-family:Arial,sans-serif;background-color:#000;color:#fff}.slider-container.svelte-576m0r{position:relative;width:100%;height:40px;display:flex;align-items:center;margin-right:20px;margin-bottom:10px;touch-action:none}.track.svelte-576m0r{position:absolute;width:100%;height:5px;background-color:#888;border-radius:2px}.track-fill.svelte-576m0r{position:absolute;height:100%;background-color:#000;border-radius:2px}.handle.svelte-576m0r{position:absolute;width:20px;height:20px;background-color:#fff;border:2px solid black;border-radius:50%;transform:translate(-50%);cursor:pointer;z-index:1;touch-action:none}.handle.svelte-576m0r:hover,.handle.svelte-576m0r:active{background-color:#ddd}.freq-label.svelte-576m0r{position:absolute;top:25px;left:50%;transform:translate(-50%);white-space:nowrap}.settings-container.svelte-n4zlnz{position:fixed;top:0;left:0;color:#000}.toggle-button.svelte-n4zlnz{position:absolute;top:10px;left:10px;width:50px;height:50px;border-radius:50%;background-color:#fffc;border:2px solid rgba(0,0,0,.8);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 2px 4px #0000001a}.icon.svelte-n4zlnz{fill:currentColor;transition:transform .3s ease}.icon.open.svelte-n4zlnz{transform:rotate(180deg)}.settings-menu.svelte-n4zlnz{position:absolute;top:65px;left:10px;width:400px;max-width:calc(100dvw - 22px);background-color:#fffc;border:2px solid rgba(0,0,0,.8);border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:calc(100dvh - 70px);overflow-y:auto;animation:svelte-n4zlnz-slideDown .2s ease;resize:both}@keyframes svelte-n4zlnz-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.settings-content.svelte-n4zlnz{padding:15px}.setting.svelte-n4zlnz{width:100%;display:flex;padding:4px 0;align-items:center}label.svelte-n4zlnz{flex-shrink:0;width:7em;font-size:14px;margin-right:10px}select.svelte-n4zlnz{flex:1;padding:3px;border-radius:3px}input[type=range].svelte-n4zlnz{flex:1;padding:4px}input[type=checkbox].svelte-n4zlnz{width:20px;height:20px;margin:0}span.svelte-n4zlnz{flex-shrink:0;width:3em;font-size:12px;white-space:nowrap;text-align:right;padding:0;margin:0}.info-text.svelte-n4zlnz{width:7em}.reset-button.svelte-n4zlnz{width:100%;padding:10px;margin-top:10px;background-color:#f0f0f0;border:2px solid rgba(0,0,0,.8);border-radius:4px;cursor:pointer}.reset-button.svelte-n4zlnz:hover{background-color:#e0e0e0}@media (max-width: 768px){.settings-menu.svelte-n4zlnz{width:none}input[type=checkbox].svelte-n4zlnz{width:24px;height:24px}}.spectrogram-container.svelte-1fahm7{position:relative;width:100%;height:100%}canvas.svelte-1fahm7{width:100%;height:100%;aspect-ratio:unset;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.click-anywhere.svelte-1fahm7{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:2rem;font-weight:400;color:#fff}main.svelte-1a77r4b{width:100%;height:100%;margin:0;padding:0;overflow:hidden}