.bar.svelte-1lq0pam{color:#e5e5e5;background:#171717;border-top:1px solid #ffffff14;border-bottom:1px solid #0006;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.4rem .75rem;font-size:.8125rem;display:flex}.btn.svelte-1lq0pam{color:#e5e5e5;cursor:pointer;background:#ffffff14;border:1px solid #0000;border-radius:.4rem;align-items:center;gap:.35rem;min-width:2rem;height:1.9rem;padding:0 .6rem;display:inline-flex}.btn.svelte-1lq0pam:hover:not(:disabled){background:#ffffff29}.btn.svelte-1lq0pam:disabled{opacity:.4;cursor:default}.btn.on.svelte-1lq0pam{color:#171717;background:#e5e5e5}.btn-rec.svelte-1lq0pam .dot:where(.svelte-1lq0pam){background:#ef4444;border-radius:9999px;width:.6rem;height:.6rem}.btn-rec.on.svelte-1lq0pam{background:#ef444433}.dot.stop.svelte-1lq0pam{border-radius:2px}.group.svelte-1lq0pam{gap:.3rem;display:inline-flex}.btn-play.svelte-1lq0pam{justify-content:center;width:2.4rem;padding:0}.seek.svelte-1lq0pam{accent-color:#d4d4d4;flex:8rem;min-width:6rem}.time.svelte-1lq0pam{font-variant-numeric:tabular-nums;opacity:.8;text-align:center;min-width:6.5rem}.sep.svelte-1lq0pam{background:#ffffff1f;align-self:stretch;width:1px}.toggle.svelte-1lq0pam{border:1px solid #ffffff1f;border-radius:.4rem;display:inline-flex;overflow:hidden}.toggle.svelte-1lq0pam button:where(.svelte-1lq0pam){color:#cfcfcf;cursor:pointer;background:0 0;padding:.3rem .6rem}.toggle.svelte-1lq0pam button.on:where(.svelte-1lq0pam){color:#171717;background:#e5e5e5}.field.svelte-1lq0pam{color:#a3a3a3;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;display:inline-flex}.field.svelte-1lq0pam input:where(.svelte-1lq0pam){color:#f5f5f5;background:#ffffff1a;border:none;border-radius:.375rem;outline:none;height:1.8rem;padding:0 .4rem;font-size:.8125rem;font-weight:600}.field.svelte-1lq0pam input:where(.svelte-1lq0pam):hover{background:#ffffff29}.field.svelte-1lq0pam input:where(.svelte-1lq0pam):focus-visible{box-shadow:0 0 0 2px #fff6}.field.svelte-1lq0pam input[type=number]:where(.svelte-1lq0pam){accent-color:#d4d4d4;width:3.25rem}.field.svelte-1lq0pam input:where(.svelte-1lq0pam):disabled{opacity:.4;cursor:default}.check.svelte-1lq0pam{color:#a3a3a3;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;display:inline-flex}.check.on.svelte-1lq0pam{color:#e5e5e5}.check.svelte-1lq0pam input:where(.svelte-1lq0pam){accent-color:#d4d4d4;cursor:pointer}.vol.svelte-1lq0pam{accent-color:#d4d4d4;flex:none;width:4rem}.vol.svelte-1lq0pam:disabled{opacity:.4;cursor:default}.spacer.svelte-1lq0pam{flex:.5rem}.instrument.svelte-1lq0pam{opacity:.7;font-size:.75rem}.ico.svelte-1lq0pam{width:1rem;height:1rem}.roll.svelte-az8arj{background:var(--roll-bg,transparent);color:currentColor;width:100%;height:100%;position:relative;overflow:auto}.note.svelte-az8arj{transition:y .22s,height .22s}.empty.svelte-az8arj{text-align:center;opacity:.6;pointer-events:none;justify-content:center;align-items:center;padding:1rem;font-size:.875rem;display:flex;position:absolute;top:0;left:0}.score.svelte-ylcxxn{flex-direction:column;align-items:flex-start;width:100%;height:100%;display:flex;overflow:auto}.sheet-wrap.svelte-ylcxxn{display:inline-block;position:relative}.sheet.svelte-ylcxxn{color:#000;background:#fff;border-radius:.5rem;padding:.25rem;display:inline-block}.cursor.svelte-ylcxxn{opacity:.85;pointer-events:none;background:#ef4444;width:2px;position:absolute;top:.25rem}.preview.svelte-ylcxxn{opacity:.9;pointer-events:none;border-left:1px dashed #9ca3af;width:0;position:absolute;top:.25rem}.msg.svelte-ylcxxn{color:#525252;padding:1rem;font-size:.875rem}.page.svelte-1dw2trp{flex-direction:column;display:flex;position:fixed;inset:3.5rem 0 0;overflow:hidden}.header.svelte-1dw2trp{flex:none}.view.svelte-1dw2trp{flex:auto;min-height:0}.view.svelte-1dw2trp .roll,.view.svelte-1dw2trp .score{border:1px solid #78787833;border-radius:.75rem;height:100%}.view.svelte-1dw2trp .roll{background:var(--view-bg,#7f7f7f0a)}.view.svelte-1dw2trp .score{background:#fff}.transport-dock.svelte-1dw2trp{left:0;right:0;bottom:var(--piano-height,180px);z-index:40;position:fixed}