:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--surface:#fff;--border:#e2e2e2;--text:#1c1c1c;--muted:#777;--accent:#3b6ef5;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161616;--surface:#202020;--border:#333;--text:#f0f0f0;--muted:#8a8a8a;--accent:#6c93ff}}body{margin:0}button{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;padding:.4rem 1rem}button:hover{border-color:var(--muted)}label{cursor:pointer;align-items:center;gap:.4rem;display:flex}.stepper[data-v-1983e26e]{display:contents}.arrow[data-v-1983e26e]{color:inherit;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;padding:.3rem .6rem;font-size:.7rem}.arrow[data-v-1983e26e]:hover:not(:disabled){border-color:var(--muted)}.arrow[data-v-1983e26e]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.arrow[data-v-1983e26e]:disabled{opacity:.3;cursor:default}.label[data-v-1983e26e]{color:var(--muted);text-align:center;font-size:.9rem}.stepper.subtle[data-v-1983e26e]{--subtle-dim:.6}.stepper.subtle .arrow[data-v-1983e26e]{color:var(--muted);opacity:var(--subtle-dim);background:0 0;border-color:#0000;padding:.5rem .7rem}.stepper.subtle .arrow[data-v-1983e26e]:hover:not(:disabled){border-color:#0000}.stepper.subtle .arrow[data-v-1983e26e]:disabled{opacity:.2}.stepper.subtle .label[data-v-1983e26e]{color:var(--muted);opacity:var(--subtle-dim)}.chord-select[data-v-b0a2e855]{position:relative}.name[data-v-b0a2e855]{background:0 0;border:none;padding:0;font-size:clamp(3rem,12vw,8rem);font-weight:700;line-height:1}.options[data-v-b0a2e855]{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;grid-template-columns:repeat(3,1fr);gap:.25rem;margin:.25rem 0 0;padding:.25rem;list-style:none;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 .5rem 1.5rem #0003}.options button[data-v-b0a2e855]{background:0 0;border-color:#0000;width:100%;padding:.4rem .75rem;font-size:1.1rem}.options button[data-v-b0a2e855]:hover{background:var(--bg)}.options button.selected[data-v-b0a2e855]{color:var(--accent);border-color:var(--accent)}.multi-select[data-v-fda13dab]{position:relative}.multi-select button[data-v-fda13dab]{align-items:center;gap:.4rem;display:flex}.summary[data-v-fda13dab]{text-align:left;display:grid}.summary[data-v-fda13dab]>*{grid-area:1/1}.sizer[data-v-fda13dab]{visibility:hidden}.options[data-v-fda13dab]{z-index:10;white-space:nowrap;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;min-width:100%;margin:0 0 .25rem;padding:.35rem;list-style:none;position:absolute;bottom:100%;left:0;box-shadow:0 .5rem 1.5rem #0003}.options label[data-v-fda13dab]{padding:.3rem .5rem}.piano[data-v-1f55dec0]{width:100%}.white[data-v-1f55dec0]{fill:#fff;stroke:#555;stroke-width:.03px}.black[data-v-1f55dec0]{fill:#222}.dot[data-v-1f55dec0]{fill:var(--accent);stroke:#fff;stroke-width:.04px}.fading[data-v-1f55dec0]{animation:linear forwards fade-out-1f55dec0}@keyframes fade-out-1f55dec0{to{opacity:0}}.progression-control[data-v-c46a16b4]{position:relative}.group[data-v-c46a16b4]{display:flex}.group button[data-v-c46a16b4]{border-radius:0}.lock[data-v-c46a16b4]{border-radius:.5rem 0 0 .5rem!important}.lock svg[data-v-c46a16b4]{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;display:block}.lock .body[data-v-c46a16b4]{fill:currentColor}.shackle[data-v-c46a16b4]{transform-box:view-box;transform-origin:12px 0;transition:transform .2s}.shackle.open[data-v-c46a16b4]{transform:scaleX(-1)}.lock[aria-pressed=true][data-v-c46a16b4]{color:var(--accent);background:color-mix(in srgb, var(--accent) 45%, black)}.current[data-v-c46a16b4]{margin-left:-1px;border-radius:0 .5rem .5rem 0!important}.group button[data-v-c46a16b4]{position:relative}.group button[data-v-c46a16b4]:hover,.group button[data-v-c46a16b4]:focus-visible{z-index:1}.popup[data-v-c46a16b4]{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;gap:.5rem;margin-top:.25rem;padding:.25rem;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 .5rem 1.5rem #0003}.presets[data-v-c46a16b4]{grid-template-columns:repeat(2,1fr);gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.presets button[data-v-c46a16b4]{white-space:nowrap;background:0 0;border-color:#0000;width:100%}.presets button[data-v-c46a16b4]:hover{background:var(--bg)}.presets button.selected[data-v-c46a16b4]{color:var(--accent);border-color:var(--accent)}.custom[data-v-c46a16b4]{gap:.25rem;display:flex}.custom input[data-v-c46a16b4]{min-width:0;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:.5rem;flex:1;padding:.3rem .5rem}.custom input[aria-invalid=true][data-v-c46a16b4]{border-color:#d33}button[data-v-c46a16b4]:disabled{opacity:.4;cursor:default}main[data-v-a212a325]{box-sizing:border-box;flex-direction:column;gap:1rem;height:100dvh;padding:1rem;display:flex;overflow:hidden}.chords[data-v-a212a325]{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;min-height:0;margin:0;padding:0;list-style:none;display:grid}.chord[data-v-a212a325]{background:var(--surface);border:1px solid var(--border);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:0;padding:1rem;display:flex}.chord.playing[data-v-a212a325]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.chord-header[data-v-a212a325]{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.detail[data-v-a212a325]{flex-direction:column;flex:0 auto;align-items:center;gap:.5rem;width:100%;max-width:32rem;min-height:0;display:flex}.detail-piano[data-v-a212a325]{min-height:0}.steppers[data-v-a212a325]{grid-template-columns:auto minmax(13ch,auto) auto;justify-content:center;align-items:center;gap:.35rem .5rem;width:100%;display:grid}.full-piano[data-v-a212a325]{flex:none}.bpm[data-v-a212a325]{width:4rem;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.3rem .4rem}.numeral[data-v-a212a325]{color:var(--muted);font-size:1.5rem}.numeral.hidden[data-v-a212a325]{visibility:hidden}.toolbar[data-v-a212a325]{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:.75rem 1.5rem;font-size:.9rem;display:flex}footer[data-v-a212a325]{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.5rem;font-size:.9rem;display:flex}