.topbar.svelte-1h259us{display:flex;align-items:flex-end;gap:1rem;padding:.75rem 1rem;background:#1a1a1a;border-bottom:1px solid #2a2a2a;flex-wrap:wrap;user-select:none;-webkit-user-select:none}.field.svelte-1h259us{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#888}.field.svelte-1h259us>span:where(.svelte-1h259us){text-transform:uppercase;letter-spacing:.05em}select.svelte-1h259us,input[type=number].svelte-1h259us{background:#2a2a2a;color:#eee;border:1px solid #3a3a3a;border-radius:4px;padding:.35rem .5rem;font-size:.9rem;min-width:4ch}select.svelte-1h259us:disabled{color:#666}.bank-row.svelte-1h259us{display:flex;gap:.25rem}.arrow.svelte-1h259us{background:#2a2a2a;color:#eee;border:1px solid #3a3a3a;border-radius:4px;padding:0 .6rem;cursor:pointer;font-size:1rem}.arrow.svelte-1h259us:hover{background:#3a3a3a}.transpose.svelte-1h259us{display:flex;align-items:center;gap:.4rem}.transpose.svelte-1h259us button:where(.svelte-1h259us){background:#2a2a2a;color:#eee;border:1px solid #3a3a3a;border-radius:4px;padding:.25rem .45rem;cursor:pointer;font-size:.75rem}.trval.svelte-1h259us{min-width:3ch;text-align:center;color:#eee;font-variant-numeric:tabular-nums}.latch.svelte-1h259us{align-self:flex-end;background:#2a2a2a;color:#eee;border:1px solid #3a3a3a;border-radius:4px;padding:.45rem .9rem;cursor:pointer;font-size:.9rem}.latch.on.svelte-1h259us{background:#ff7a1a;color:#111;border-color:#ff7a1a}.gateval.svelte-1h259us{color:#eee;font-variant-numeric:tabular-nums;min-width:4ch}input[type=range].svelte-1h259us{accent-color:#ff7a1a}input[type=number].svelte-1h259us:disabled{color:#555}.seg.svelte-1h259us{display:flex;gap:0}.seg.svelte-1h259us button:where(.svelte-1h259us){background:#2a2a2a;color:#eee;border:1px solid #3a3a3a;padding:.35rem .7rem;cursor:pointer;font-size:.85rem}.seg.svelte-1h259us button:where(.svelte-1h259us):first-child{border-radius:4px 0 0 4px}.seg.svelte-1h259us button:where(.svelte-1h259us):last-child{border-radius:0 4px 4px 0;border-left:none}.seg.svelte-1h259us button.on:where(.svelte-1h259us){background:#ff7a1a;color:#111;border-color:#ff7a1a}.seg.svelte-1h259us button:where(.svelte-1h259us):disabled{color:#555;cursor:not-allowed}button.svelte-1h259us,input[type=number].svelte-1h259us,input[type=range].svelte-1h259us{touch-action:manipulation}.arrow.svelte-1h259us,.latch.svelte-1h259us,.seg.svelte-1h259us button:where(.svelte-1h259us),.transpose.svelte-1h259us button:where(.svelte-1h259us){min-width:44px;min-height:44px}.arrow.svelte-1h259us:active,.latch.svelte-1h259us:active,.seg.svelte-1h259us button:where(.svelte-1h259us):active,.transpose.svelte-1h259us button:where(.svelte-1h259us):active{filter:brightness(1.15)}.piano.svelte-1k3rcln{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));grid-template-rows:1fr 1.3fr;gap:.5rem;padding:1.5rem;max-width:1100px;margin:2rem auto;background:#000;border-radius:12px;-webkit-user-select:none;user-select:none;touch-action:none}.pad.svelte-1k3rcln{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.25rem;padding:.75rem .6rem;border-radius:8px;cursor:pointer;font-family:system-ui,sans-serif;text-align:left;border:1px solid #333;transition:background-color 60ms,transform 40ms,box-shadow 80ms;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pad.svelte-1k3rcln:active{transform:translateY(1px)}.pad.svelte-1k3rcln .key:where(.svelte-1k3rcln),.pad.svelte-1k3rcln .name:where(.svelte-1k3rcln){user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pad.svelte-1k3rcln .key:where(.svelte-1k3rcln){font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.pad.svelte-1k3rcln .name:where(.svelte-1k3rcln){font-size:1.05rem;font-weight:600;line-height:1.1;word-break:break-word}.pad.white.svelte-1k3rcln{background:#f4f1ea;color:#1a1a1a;min-height:140px}.pad.white.svelte-1k3rcln .key:where(.svelte-1k3rcln){color:#888}.pad.black.svelte-1k3rcln{background:#2e2e2e;box-shadow:inset 0 1px #ffffff14;color:#eee;min-height:110px;border-color:#2a2a2a}.pad.held.svelte-1k3rcln{background:#ff7a1a!important;color:#111!important;box-shadow:0 0 24px 4px #ff7a1a73;border-color:#ff7a1a}.pad.held.svelte-1k3rcln .key:where(.svelte-1k3rcln){color:#1a1a1a!important}main.svelte-1n46o8q{font-family:system-ui,sans-serif;color:#eee;background:#111;min-height:100vh;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}main.svelte-1n46o8q input,main.svelte-1n46o8q textarea{user-select:text;-webkit-user-select:text}footer.svelte-1n46o8q{text-align:center;color:#666;font-size:.8rem;padding:1rem 1rem 2rem}footer.svelte-1n46o8q code:where(.svelte-1n46o8q){background:#222;padding:.1rem .35rem;border-radius:3px;margin:0 .05rem;font-size:.78rem}.dev-tag.svelte-1n46o8q{margin-top:.5rem;font-size:.7rem;letter-spacing:.08em;color:#4a4a4a;font-variant-numeric:tabular-nums}@media(pointer:coarse)and (max-width:1366px){html,body{overflow:hidden;position:fixed;width:100%;height:100%;overscroll-behavior:none}}@media(pointer:coarse)and (max-width:1366px)and (max-height:480px){html,body{overflow-y:auto;position:static;height:auto;overscroll-behavior:none}}