.player-button[data-v-1c8466b3]{cursor:pointer;border-radius:.875rem;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:background-color .14s,border-color .14s,box-shadow .14s;display:inline-flex}.player-button-primary[data-v-1c8466b3]{color:var(--brand-action-foreground);background:var(--brand-action-gradient);box-shadow:var(--brand-action-shadow);background-position:0;background-size:160% 100%}.player-button-secondary[data-v-1c8466b3]{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1f}.player-button[data-v-1c8466b3]:focus-visible{outline:2px solid var(--brand-on-dark);outline-offset:3px}.player-button[data-v-1c8466b3]:active{box-shadow:inset 0 2px 5px #0f172a59}.waveform-bar[data-v-1c8466b3]{transition:background-color .14s,opacity .14s}@media (hover:hover){.player-button-primary[data-v-1c8466b3]:hover{box-shadow:var(--brand-action-shadow-hover);background-position:100%}.player-button-secondary[data-v-1c8466b3]:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}}@media (prefers-reduced-motion:reduce){.player-button[data-v-1c8466b3],.waveform-bar[data-v-1c8466b3]{transition-duration:.01ms}}.demo-control[data-v-6da3abb2]{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:.75rem;outline:none;width:100%;min-width:0;min-height:44px;padding:.65rem .8rem;font-size:.875rem}.demo-control[data-v-6da3abb2]:focus-visible{border-color:var(--brand-on-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-on-dark) 22%,transparent)}.demo-control option[data-v-6da3abb2]{background:var(--ui-color-neutral-900);color:#fff}.demo-control[data-v-6da3abb2]::placeholder{color:#94a3b8e6}.demo-primary[data-v-6da3abb2],.demo-secondary[data-v-6da3abb2]{cursor:pointer;text-align:center;border-radius:.75rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;min-width:0;min-height:44px;padding:.65rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .16s,background-position .16s,border-color .16s,box-shadow .16s,filter .16s;display:inline-flex}.demo-primary[data-v-6da3abb2]{color:var(--brand-action-foreground);background:var(--brand-action-gradient);box-shadow:var(--brand-action-shadow);background-position:0;background-size:160% 100%}.demo-primary[data-v-6da3abb2]:hover{box-shadow:var(--brand-action-shadow-hover);background-position:100%}.demo-primary[data-v-6da3abb2]:active{box-shadow:var(--brand-action-shadow-active);filter:brightness(.94)}.demo-primary[data-v-6da3abb2]:disabled{cursor:wait;opacity:.7}.demo-secondary[data-v-6da3abb2]{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff24}.demo-secondary[data-v-6da3abb2]:hover{background:#ffffff1a;border-color:#ffffff47}.demo-primary[data-v-6da3abb2]:focus-visible,.demo-secondary[data-v-6da3abb2]:focus-visible{outline:2px solid var(--brand-on-dark);outline-offset:3px}@media (prefers-reduced-motion:reduce){.demo-shell[data-v-6da3abb2] *,.demo-shell[data-v-6da3abb2] :after,.demo-shell[data-v-6da3abb2] :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=39.999rem){.demo-shell[data-v-6da3abb2]{box-shadow:0 18px 45px #02061752}.demo-control[data-v-6da3abb2]{font-size:1rem}}