*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background:#111;color:#eee;font-family:system-ui,sans-serif;display:flex;flex-direction:column;align-items:center}main.svelte-dwx4g7{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.song-header.svelte-dwx4g7{margin:1rem 0}.song-header.svelte-dwx4g7 h1:where(.svelte-dwx4g7){margin:0;font-size:1.4rem;font-weight:500;text-align:center}.visualizer-block.svelte-dwx4g7{display:flex;align-items:center;margin:1rem;border:1px solid #333;background:#1a1a1a}canvas.svelte-dwx4g7{background:#000;display:block}.visualizer-controls.svelte-dwx4g7{width:300px;height:600px;border-left:1px solid #333;padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:scroll}.visualizer-controls h2{margin:0 0 .5rem;font-size:1rem;font-weight:600}.visualizer-controls button,.visualizer-controls select,.visualizer-controls input[type=range]{width:100%;padding:.5rem;border:1px solid #444;background:#222;color:#eee;cursor:pointer}.visualizer-controls [type=file],.visualizer-controls button:hover{background:#053b88;background:#333}.visualizer-controls label{display:flex;flex-direction:column;gap:.3rem}