*{box-sizing:border-box}body{margin:0;padding:0;font-family:Arial,sans-serif;background-image:linear-gradient(180deg,#e02020,#fa6400);height:100vh;color:#fff}form.svelte-qn3q5k{display:flex;flex-direction:column;gap:10px;padding:10px;background-color:#373632;border-radius:8px;box-shadow:0 4px 4px #00000080}.form-header.svelte-qn3q5k{font-weight:700;font-size:10px;text-transform:uppercase;text-align:center}.control-group.svelte-qn3q5k{display:flex}label.svelte-qn3q5k{min-width:150px}form.svelte-1qlfqjs{display:flex;flex-direction:column;gap:10px;padding:10px;background-color:#373632;border-radius:8px;box-shadow:0 4px 4px #00000080}.form-header.svelte-1qlfqjs{font-weight:700;font-size:10px;text-transform:uppercase;text-align:center}.control-group.svelte-1qlfqjs{display:flex}label.svelte-1qlfqjs{min-width:150px}.lower-key.svelte-1p7536e{width:50px;height:200px;background-color:#eee5d5;border:1px solid #A39D95;margin:0;position:relative;z-index:1;border-bottom-right-radius:4px;border-bottom-left-radius:4px;box-shadow:0 4px 4px #00000080;touch-action:manipulation;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:10px}.lower-key.svelte-1p7536e:first-of-type{border-top-left-radius:4px}.lower-key.svelte-1p7536e:last-of-type{border-top-right-radius:4px}.upper-key.svelte-1p7536e{width:35px;height:120px;background-color:#2d2f2b;border:1px solid #2D2F2B;margin:0;position:relative;z-index:1;border-bottom-right-radius:4px;border-bottom-left-radius:4px;touch-action:manipulation;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:10px}.upper-key.svelte-1p7536e:nth-of-type(1){left:32px}.upper-key.svelte-1p7536e:nth-of-type(2){left:48px}.upper-key.svelte-1p7536e:nth-of-type(3){left:112px}.upper-key.svelte-1p7536e:nth-of-type(4){left:127px}.upper-key.svelte-1p7536e:nth-of-type(5){left:142px}.upper-key.svelte-1p7536e:nth-of-type(6){left:208px}.key-note.svelte-1p7536e{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;color:#48494a;text-transform:uppercase}.key-shortcut.svelte-1p7536e{margin-top:4px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;width:18px;height:18px;display:flex;justify-content:center;align-items:center;border-radius:4px;color:#aeaeae;border:solid 1px #c9c9c9;text-transform:uppercase;box-shadow:inset 0 0 4px #0000001a}.upper-key.svelte-1p7536e .key-note:where(.svelte-1p7536e){font-size:12px;color:#fff}.upper-key.svelte-1p7536e .key-shortcut:where(.svelte-1p7536e){font-size:10px;color:#aeaeae;border:solid 1px #c9c9c9;box-shadow:inset 0 0 4px #ffffff1a}.lower-key.svelte-1p7536e:hover,.upper-key.svelte-1p7536e:hover{cursor:pointer}.pressed.svelte-1p7536e{box-shadow:inset 0 0 4px #00000080,0 1px 1px #00000080}button.svelte-1p7536e:disabled{background-color:#ccc;cursor:not-allowed}.keyboard.svelte-1ytmokb{position:relative;padding:10px;background-color:#373632;border-radius:8px;box-shadow:0 4px 4px #00000080;width:intrinsic;cursor:grab}.moving.svelte-1ytmokb{cursor:grabbing}.lower-keys.svelte-1ytmokb{display:flex;justify-content:space-between}.upper-keys.svelte-1ytmokb{position:absolute;top:0;display:grid;grid-template-columns:repeat(6,auto)}.keys.svelte-1ytmokb{position:relative;box-shadow:inset 0 4px 8px #0003}.controls.svelte-1ytmokb{display:flex;justify-content:space-between;margin-bottom:10px}.attribute.svelte-1ytmokb{display:block;font-family:monospace;background:#4545a8;color:#add8e6;font-size:10px;font-weight:700;align-items:center;justify-content:center;text-transform:uppercase;border-radius:4px;box-shadow:inset 0 0 4px #000c;padding:4px;min-width:90px;text-align:center}button.svelte-1ytmokb{background:#373632;border:solid 1px rgba(255,255,255,.1);color:#fff;border-radius:2px;width:40px;height:20px;font-size:10px;box-shadow:0 4px 2px #00000080;cursor:pointer}button.svelte-1ytmokb:hover{background:#4f4e49}.synth-status.svelte-1uq3kcf{background:#111;color:#0f0;font-family:monospace;padding:.5rem 1rem;border-radius:6px;margin:1rem 0;display:inline-block}.midi-logs.svelte-1uq3kcf{background:#222;color:#fff;font-family:monospace;padding:.5rem 1rem;border-radius:6px;margin:1rem 0;max-height:200px;overflow-y:auto}.download-button.svelte-jx6f4i{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;background:none;border:none;opacity:1}.download-button.svelte-jx6f4i:disabled{opacity:.1}.playback.svelte-12zyh2c{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer}.playback.svelte-12zyh2c>img:where(.svelte-12zyh2c){width:24px;height:24px;pointer-events:none}.playback.svelte-12zyh2c:disabled{opacity:.1}.record-button.svelte-1twr3in{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer}.record-button.svelte-1twr3in>img:where(.svelte-1twr3in){pointer-events:none}.record-button.svelte-1twr3in:disabled{cursor:not-allowed;opacity:.1}#logo.svelte-122p4ix{filter:drop-shadow(0px 4px 4px rgba(0,0,0,.5))}.oscilloscope-bg.svelte-18ox4l{background-color:#000;background-image:linear-gradient(to right,rgba(0,255,0,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,255,0,.1) 1px,transparent 1px);background-size:10px 10px;border-radius:4px}#recording-sign.svelte-fz447g{color:red;font-weight:700;font-size:12px;text-transform:uppercase;opacity:.1}#recording-sign.enabled.svelte-fz447g{opacity:1;text-shadow:0px 0px 4px rgba(255,0,0,1)}#timer.svelte-1tubqrr{display:flex;justify-content:center;align-items:center;width:160px;height:50px;background-color:#262626;border-radius:4px;box-shadow:inset 0 1px 4px #00000080}.current-time.svelte-1tubqrr{font-family:Courier New,Courier,monospace;font-weight:700;font-size:24px;color:#fff}#navigation-bar.svelte-eevijm{display:grid;grid-template-columns:auto auto auto;gap:20px;background:#333;padding:10px;box-shadow:0 4px 4px #00000080}#navigation-bar.svelte-eevijm>div:where(.svelte-eevijm){display:flex;align-items:center;justify-content:center;gap:20px}#navigation-bar.svelte-eevijm>div:where(.svelte-eevijm):first-child{justify-content:flex-start}#navigation-bar.svelte-eevijm>div:where(.svelte-eevijm):last-child{justify-content:flex-end}.remove-button.svelte-164w6pm{background:linear-gradient(180deg,#e02020,#ff2f2c);border:none;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40px;width:40px;height:40px;cursor:pointer;border-radius:4px;box-shadow:0 4px 4px #00000080,inset 0 0 4px #ffffff80}.remove-button.svelte-164w6pm>img:where(.svelte-164w6pm){pointer-events:none}.remove-button.svelte-164w6pm:disabled{cursor:not-allowed;opacity:.1}.track.svelte-y105p4{display:grid;grid-template-columns:60px 1fr 90px;grid-gap:20px;align-items:center}.track-clip.svelte-y105p4{width:var(--width, 100px);height:30px;background-color:#ffffff1a;border-radius:4px;border:solid 1px rgba(255,255,255,.5);position:relative}.note.svelte-y105p4{background-color:#004ccf80;height:10px;border-radius:2px;position:absolute;width:var(--clip-width, 2px);left:var(--clip-left, 0)}.track-options.svelte-y105p4{display:flex;grid-gap:5px}.track-clips.svelte-y105p4{overflow-x:scroll;overflow-y:hidden}.track-clips-content.svelte-y105p4{display:flex;width:fit-content;height:100%}#timeline.svelte-c2fzif{border:dashed 1px rgba(255,255,255,.5);border-radius:4px;width:800px;height:200px;position:relative;display:grid}#marker.svelte-c2fzif{position:absolute;display:flex;flex-direction:column;align-items:center;top:0;left:var(--left, 0);width:10px}#marker-head.svelte-c2fzif{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid white;border-radius:2px}#marker-tail.svelte-c2fzif{width:1px;height:190px;background-color:#fff;margin-top:-2px}#tracks.svelte-c2fzif{margin-top:30px;display:grid;grid-gap:5px;align-items:flex-start}#axis.svelte-c2fzif{position:absolute;top:0;left:80px;width:calc(100% - 80px);height:20px;border-bottom:1px solid white;display:grid;grid-template-columns:repeat(14,50px)}#axis.svelte-c2fzif>.axis-point:where(.svelte-c2fzif){position:relative;width:1px;height:10px;top:10px;background-color:#fff}main.svelte-er9aji{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:10px}