.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_play__GrtZr{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target-min);margin:0;padding:0 var(--space-4);color:var(--color-on-brand);background:var(--color-brand);border:0;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:0;line-height:1;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease)}@media(hover:hover){.styles_play__GrtZr:hover:not(:disabled){background:var(--color-brand-strong)}}.styles_play__GrtZr:focus-visible{outline:3px solid var(--color-focus-outer);outline-offset:2px;box-shadow:0 0 0 2px var(--color-focus-inner)}.styles_play__GrtZr:disabled{cursor:default;opacity:.4}.styles_icon__hTo27{display:block;width:16px;height:16px;fill:currentColor}