.btn-midi-out.svelte-52nghq{padding:.4rem .7rem;color:red;background:#300;font-size:.8rem;border-color:red;border-style:dashed;font-weight:700}.btn-midi-out.svelte-52nghq:hover{color:#fff;border-color:#fff}.btn-midi-out.svelte-52nghq.active{color:#000;background:#fff;border-color:#000;border-style:solid}.midi-port-select .select-frame{color:#888;font-size:.72rem;max-width:180px}.midi-port-select .select-frame:hover{color:#fff}.midi-hint.svelte-52nghq{color:#555;font-size:.72rem}.key-scale.svelte-1nzhx9l{display:flex;align-items:center;gap:.4rem}.steps-row.svelte-1nzhx9l{display:flex;align-items:center;gap:.2rem}.step-btn.svelte-1nzhx9l{width:1.75em;height:1.75em;padding:0;display:flex;align-items:center;justify-content:center;background:#000;border:1px solid #222;border-radius:.3rem;border-color:#0000;color:#444;font-size:.9rem;cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.step-btn.svelte-1nzhx9l:hover{border-color:#fff;color:#fff}.step-btn.svelte-1nzhx9l.active{color:#fff;font-weight:700}.step-btn.svelte-1nzhx9l.active:hover{background:#fff;color:#000}.key-trigger .select-frame{min-width:9rem;font-size:.75rem;color:#ddd}.root-trigger .select-frame{min-width:2.5rem;text-align:center}