.styles_button__KA1RX{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:var(--target-min);min-height:var(--control-height-md);margin:0;padding:0 var(--control-pad-md);color:var(--color-text);background:var(--color-surface-strong);border:0;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--control-text-md);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}@media(hover:hover){.styles_button__KA1RX:hover{background:var(--color-border)}}.styles_button__KA1RX.styles_widthAuto__L46TY{min-width:0;min-height:var(--control-height-sm);padding:0 var(--control-pad-sm);font-size:var(--control-text-sm)}.styles_buttonSelected__jFAIL,.styles_buttonSelected__jFAIL:hover{color:var(--color-on-brand);background:var(--color-brand)}.styles_keyVariant__fTOYO{width:var(--key-size);min-width:0;height:var(--key-size);min-height:0;padding:0;border-radius:var(--radius-md);font-size:calc(var(--control-text-md) + 2px)}.styles_splitFirst__E3Oqw,.styles_splitSecond__2igDz{position:absolute;inset:0;font-size:calc(var(--control-text-sm) + 2px)}.styles_splitFirst__E3Oqw:focus-visible,.styles_splitSecond__2igDz:focus-visible{outline:none;box-shadow:none}.styles_splitFirst__E3Oqw:focus-visible:not(.styles_buttonSelected__jFAIL),.styles_splitSecond__2igDz:focus-visible:not(.styles_buttonSelected__jFAIL){background:var(--color-focus-inner)}.styles_splitFirst__E3Oqw{-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);justify-content:flex-start;align-items:flex-start;padding:7px 0 0 8px}.styles_splitSecond__2igDz{-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%);justify-content:flex-end;align-items:flex-end;padding:0 8px 7px 0}.styles_split__tjtJX{position:relative;display:inline-block;width:var(--key-size);height:var(--key-size);border-radius:var(--radius-md);overflow:hidden}.styles_split__tjtJX:has(:focus-visible){outline:3px solid var(--color-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--color-focus-inner)}.styles_divider__KtRKA{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - .75px),var(--color-text-muted) 50%,transparent calc(50% + .75px))}.styles_keys__lrZWI{display:flex;flex-wrap:nowrap;gap:var(--control-gap);overflow-x:auto;padding:3px 3px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.styles_keys__lrZWI[data-scroll-end=true]{-webkit-mask-image:none;mask-image:none}.styles_keys__lrZWI::-webkit-scrollbar{display:none}.styles_keys__lrZWI>*{flex:none}.styles_keys__lrZWI>:first-child{margin-left:auto}.styles_keys__lrZWI>:last-child{margin-right:auto}.styles_keys__lrZWI{--key-size:52px;margin-bottom:var(--space-1)}.styles_hintWrapper__YEMa2{position:absolute;z-index:10;top:50%;left:100%;margin-left:var(--space-1);transform:translateY(-50%);font-family:var(--font-body);font-size:var(--control-text-sm);font-weight:var(--weight-regular);letter-spacing:0;line-height:1}.styles_hintToggle__NiPEc{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--color-text-muted);cursor:pointer}.styles_hintToggle__NiPEc svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.styles_hintToggle__NiPEc svg circle:last-child{fill:currentColor}@media(hover:hover){.styles_hintToggle__NiPEc:hover{color:var(--color-brand)}}.styles_hintToggle__NiPEc[aria-expanded=true]{color:var(--color-brand)}.styles_hintToggle__NiPEc:focus-visible{outline:3px solid var(--color-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--color-focus-inner)}.styles_hintBubble__9bBk6{position:absolute;z-index:10;top:calc(100% + var(--space-1));left:50%;transform:translateX(-50%);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-2);white-space:nowrap}.styles_hintButton__erNsK{min-height:var(--control-height-sm);padding:0 var(--space-2);border:0;background:none;color:var(--color-brand);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.styles_hintButton__erNsK:focus-visible{outline:3px solid var(--color-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--color-focus-inner)}.styles_types__6g1WI{display:flex;flex-wrap:nowrap;gap:var(--control-gap);overflow-x:auto;padding:3px 3px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.styles_types__6g1WI[data-scroll-end=true]{-webkit-mask-image:none;mask-image:none}.styles_types__6g1WI::-webkit-scrollbar{display:none}.styles_types__6g1WI>*{flex:none}.styles_types__6g1WI>:first-child{margin-left:auto}.styles_types__6g1WI>:last-child{margin-right:auto}.styles_groups__IB7pA>.styles_types__6g1WI+.styles_types__6g1WI{margin-top:var(--space-1)}.styles_wrapper__pOQOD{display:flex;justify-content:center;gap:var(--space-2)}.styles_button__Vmeok{display:inline-flex;align-items:center;gap:var(--space-2);min-width:124px;min-height:48px;padding:0 22px;justify-content:center;color:var(--color-on-brand);background:var(--color-brand);border:0;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-md);font-weight:var(--weight-bold);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease)}.styles_button__Vmeok:hover{background:var(--color-brand-strong)}.styles_button__Vmeok[hidden]{display:none}.styles_stop__mmcBz{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;color:var(--color-brand);background:var(--color-bg);border:2px solid var(--color-brand-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease)}@media(hover:hover){.styles_stop__mmcBz:hover:not(:disabled){background:var(--color-brand-subtle)}}.styles_stop__mmcBz:disabled{cursor:default;opacity:.4}.styles_stop__mmcBz .styles_icon__eqNbW{width:16px;height:16px}.styles_icon__eqNbW{display:block;width:18px;height:18px;fill:currentColor}.styles_segmented__azIom{--pad:3px;position:relative;display:inline-grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:var(--pad);border-radius:var(--radius-md);background:var(--color-surface-strong)}.styles_indicator__8xiZe{position:absolute;top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2*var(--pad))/var(--count));border-radius:calc(var(--radius-md) - var(--pad));background:var(--color-brand);transform:translateX(calc(var(--index) * 100%));transition:transform var(--motion-base) var(--motion-ease)}.styles_segment__2teKD{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:calc(var(--control-height-md) - 2*var(--pad));margin:0;padding:0 var(--control-pad-md);border:0;border-radius:calc(var(--radius-md) - var(--pad));background:rgba(0,0,0,0);color:var(--color-text);font-family:var(--font-body);font-size:var(--control-text-sm);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-base) var(--motion-ease)}@media(hover:hover){.styles_segment__2teKD:hover:not(.styles_segmentSelected__nfTYT){background:var(--color-border)}}.styles_segment__2teKD:focus-visible{outline:3px solid var(--color-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--color-focus-inner)}.styles_segmentSelected__nfTYT{color:var(--color-on-brand)}.styles_controls__76WIH{margin-bottom:25px}.styles_playback__UmXfe{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3) var(--space-8);max-width:560px;margin:var(--space-5) auto 0;padding:var(--space-5) var(--space-4) 0;border-top:1px solid var(--color-border)}@media only screen and (max-width:639px){.styles_playback__UmXfe{column-gap:var(--space-4)}}.styles_sequence__UMF3L{--line-gap:18px;max-width:560px;margin:var(--space-6) auto var(--space-4);padding:0 var(--space-4);text-align:center}.styles_tab__pTzu3{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:var(--space-1);gap:var(--space-1)}.styles_labels__Ihq80{padding-top:var(--space-1)}.styles_staffLabels__E5U0W{display:grid;grid-template-rows:repeat(5,var(--line-gap));align-items:center;color:var(--color-text-muted);font-size:11px;font-weight:var(--weight-semibold);line-height:1}.styles_steps__TDLCL{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));margin:0;padding:0;list-style:none}.styles_step__Ac6HL{display:flex;flex-direction:column;align-items:stretch;padding:var(--space-1) 0;border-radius:var(--radius-md);color:var(--color-text);line-height:1;transition:background-color var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease)}.styles_staff__gHpX7{display:grid;grid-template-rows:repeat(5,var(--line-gap));place-items:center;background-image:linear-gradient(to bottom,transparent calc(50% - .5px),var(--color-border-strong) calc(50% - .5px),var(--color-border-strong) calc(50% + .5px),transparent calc(50% + .5px));background-size:100% var(--line-gap)}.styles_fret__wrTiF{grid-row:var(--string);min-width:18px;padding:2px 3px;border:2px solid rgba(0,0,0,0);border-radius:6px;background:var(--color-bg);font-family:var(--font-title);font-size:14px;font-weight:var(--weight-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.styles_finger__j5W_w{margin-top:var(--space-2);font-weight:var(--weight-semibold)}.styles_count__meWk1,.styles_finger__j5W_w{color:var(--color-text-muted);font-size:var(--text-xs)}.styles_count__meWk1{margin-top:var(--space-1)}.styles_beat__fIp9D{color:var(--color-text);font-weight:var(--weight-bold)}.styles_stepDone__uphlE{opacity:.45}.styles_stepNow__XOqib{background:color-mix(in srgb,var(--color-playing) 28%,transparent)}.styles_stepNow__XOqib .styles_fret__wrTiF{border-color:var(--color-text);background:var(--color-playing);color:var(--color-on-playing)}.styles_stepNow__XOqib .styles_finger__j5W_w{color:var(--color-text)}.styles_key__ISJqt{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--text-xs)}.styles_status__bgpCb{display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:1.6em;margin:var(--space-2) 0 0;line-height:1.3;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.styles_dot__nK_Q9{flex:none;width:8px;height:8px;background:var(--color-playing);border:1px solid var(--color-text);border-radius:50%}.styles_dotPaused__69WWi{background:rgba(0,0,0,0)}.styles_srOnly___2V7U{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}@media only screen and (max-width:400px){.styles_status__bgpCb{height:2.6em;text-wrap:balance}}