.app.svelte-1uha8ag{box-sizing:border-box;flex-direction:column;width:100%;max-width:1300px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.visualizer.svelte-1uha8ag{text-align:center;background:#111;width:100%;max-width:1300px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}.playback-controls.svelte-1uha8ag{justify-content:center;align-items:center;gap:10px;width:100%;max-width:1300px;margin:10px auto 0;display:flex}.loop-control.svelte-1uha8ag{text-align:center}.keyboard.svelte-1uha8ag{z-index:10;width:100%;height:120px;position:absolute;bottom:0;left:0}.white-keys.svelte-1uha8ag{display:flex;position:absolute;inset:0}.white-key.svelte-1uha8ag{box-sizing:border-box;background:#f4f4f4;border:1px solid #777;border-bottom:3px solid #555;border-radius:0;flex:1;height:100%;position:relative}.black-keys.svelte-1uha8ag{pointer-events:none;position:absolute;inset:0}.black-key.svelte-1uha8ag{box-sizing:border-box;z-index:2;background:#252525;border:1px solid #000;border-bottom-width:3px;border-radius:0;width:1.11538%;height:72px;position:absolute;top:0;transform:translate(-50%)}.notes.svelte-1uha8ag{pointer-events:none;position:absolute;inset:0}.note.svelte-1uha8ag{opacity:1;box-sizing:border-box;color:#000;pointer-events:none;border:2px solid #fff;border-radius:4px;width:1.73077%;font-size:10px;position:absolute;overflow:hidden;transform:translate(-50%)}.black-note.svelte-1uha8ag{border-color:#ffffff40;width:1.05769%}.seek-controls.svelte-1uha8ag{align-items:center;gap:10px;width:100%;max-width:1300px;margin:10px auto;display:flex}.seek-slider.svelte-1uha8ag{flex:1}.seek-time.svelte-1uha8ag{font-variant-numeric:tabular-nums;color:#666;min-width:48px;font-size:12px}.next-track-container.svelte-1uha8ag{justify-content:center;width:100%;max-width:1300px;margin:10px auto;display:flex}