.waveform-sounds{--ws-accent:currentColor;--ws-on-accent:var(--ws-surface,rgb(from currentColor calc(255 - r) calc(255 - g) calc(255 - b)));--ws-muted:color-mix(in srgb, currentColor 62%, transparent);--ws-border:color-mix(in srgb, currentColor 12%, transparent);--ws-hover:color-mix(in srgb, currentColor 5%, transparent);--ws-current:color-mix(in srgb, var(--ws-accent) 7%, transparent);--ws-field:color-mix(in srgb, currentColor 5%, transparent);--ws-wave-color:color-mix(in srgb, currentColor 30%, transparent);--ws-progress-color:var(--ws-accent);--ws-radius:10px;--ws-control-radius:999px;--ws-row-height:3.25rem;--ws-wave-height:28px;--ws-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:inherit;font:inherit;container-type:inline-size}.waveform-sounds *,.waveform-sounds :before,.waveform-sounds :after{box-sizing:border-box}.waveform-sounds [hidden]{display:none!important}.ws-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.ws-icon{fill:currentColor;flex:none;width:1em;height:1em}.ws-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.ws-search{border:1px solid var(--ws-border);border-radius:var(--ws-control-radius);background:var(--ws-field);min-width:0;height:2.75rem;color:inherit;cursor:text;flex:16rem;align-items:center;gap:.6rem;padding:0 1rem;display:flex}.ws-search:focus-within{border-color:var(--ws-accent)}.ws-search-input{min-width:0;height:100%;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1}.ws-search .ws-icon,.ws-search-input::placeholder{color:var(--ws-muted)}.ws-search-input::-webkit-search-cancel-button{-webkit-appearance:none;opacity:.55;cursor:pointer;background:currentColor;width:.9em;height:.9em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.4 5 5 6.4 10.6 12 5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6L19 6.4 17.6 5 12 10.6z'/%3E%3C/svg%3E") 50%/contain no-repeat}.ws-menu-search::-webkit-search-cancel-button{-webkit-appearance:none;opacity:.55;cursor:pointer;background:currentColor;width:.9em;height:.9em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.4 5 5 6.4 10.6 12 5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6L19 6.4 17.6 5 12 10.6z'/%3E%3C/svg%3E") 50%/contain no-repeat}.ws-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ws-menu{position:relative}.ws-menu-btn{border:1px solid var(--ws-border);border-radius:var(--ws-control-radius);background:var(--ws-field);max-width:16rem;height:2.75rem;color:inherit;font:inherit;cursor:pointer;align-items:center;gap:.45rem;padding:0 .85rem 0 1rem;font-size:.9em;display:inline-flex}.ws-menu-btn:hover{background:var(--ws-hover)}.ws-menu-btn[aria-expanded=true]{border-color:var(--ws-accent)}.ws-menu-prefix{color:var(--ws-muted)}.ws-menu-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ws-menu-chevron{color:var(--ws-muted);font-size:1.1em;transition:transform .15s}.ws-menu-btn[aria-expanded=true] .ws-menu-chevron{transform:rotate(180deg)}.ws-menu-pop{z-index:20;border:1px solid var(--ws-border);border-radius:var(--ws-radius);background:var(--ws-popover-bg,var(--ws-surface,Canvas));width:max-content;min-width:max(100%,14rem);max-width:min(22rem,90vw);padding:.35rem;position:absolute;top:calc(100% + .4rem);left:0;box-shadow:0 18px 40px -16px #00000073}.ws-menu--end .ws-menu-pop{left:auto;right:0}.ws-menu-search{border:1px solid var(--ws-border);border-radius:calc(var(--ws-radius) * .7);background:var(--ws-field);width:100%;height:2.4rem;color:inherit;font:inherit;outline:none;margin-bottom:.3rem;padding:0 .75rem;font-size:.9em;display:block}.ws-menu-search:focus{border-color:var(--ws-accent)}.ws-menu-list{outline:none;max-height:18rem;margin:0;padding:0;list-style:none;overflow-y:auto}.ws-menu-option{border-radius:calc(var(--ws-radius) * .6);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .6rem;font-size:.9em;display:flex}.ws-menu-option:hover,.ws-menu-option.is-active{background:var(--ws-hover)}.ws-menu-option.is-active{outline:1px solid var(--ws-border)}.ws-menu-check{visibility:hidden;flex:none}.ws-menu-option[aria-selected=true]{font-weight:600}.ws-menu-option[aria-selected=true] .ws-menu-check{visibility:visible}.ws-menu-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ws-menu-count{font-family:var(--ws-mono);color:var(--ws-muted);font-size:.85em}.ws-menu-none{color:var(--ws-muted);margin:0;padding:.6rem;font-size:.9em}.ws-bpm-pop{width:17rem;padding:.85rem 1rem .7rem}.ws-bpm-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.6rem;display:flex}.ws-bpm-readout{font-variant-numeric:tabular-nums;font-weight:600}.ws-bpm-clear{color:var(--ws-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85em}.ws-bpm-clear:hover{color:inherit;text-decoration:underline}.ws-range{--ws-thumb:18px;--ws-lo:0;--ws-hi:1;height:1.75rem;position:relative}.ws-range:before,.ws-range:after{content:"";border-radius:2px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.ws-range:before{background:var(--ws-border);left:0;right:0}.ws-range:after{left:calc(var(--ws-thumb) / 2 + var(--ws-lo) * (100% - var(--ws-thumb)));right:calc(var(--ws-thumb) / 2 + (1 - var(--ws-hi)) * (100% - var(--ws-thumb)));background:var(--ws-accent);opacity:.35}.ws-range.is-active:after{opacity:1}.ws-range-input{z-index:1;pointer-events:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.ws-range.is-min-top [data-ws-bpm-min]{z-index:2}.ws-range-input::-webkit-slider-runnable-track{background:0 0;height:100%}.ws-range-input::-moz-range-track{background:0 0}.ws-range-input::-webkit-slider-thumb{width:var(--ws-thumb);height:var(--ws-thumb);margin-top:calc((1.75rem - var(--ws-thumb)) / 2);border:2px solid var(--ws-surface,Canvas);background:var(--ws-accent);box-shadow:0 0 0 1px var(--ws-border);cursor:grab;pointer-events:auto;appearance:none;border-radius:50%}.ws-range-input::-moz-range-thumb{width:var(--ws-thumb);height:var(--ws-thumb);box-sizing:border-box;border:2px solid var(--ws-surface,Canvas);background:var(--ws-accent);box-shadow:0 0 0 1px var(--ws-border);cursor:grab;pointer-events:auto;border-radius:50%}.ws-range-input:active::-webkit-slider-thumb{cursor:grabbing}.ws-range-input:focus-visible{outline:none}.ws-range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--ws-accent)}.ws-range-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--ws-accent)}.ws-range-ends{color:var(--ws-muted);font-family:var(--ws-mono);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.15rem;font-size:.75em;display:flex}.ws-loop{border:1px solid var(--ws-border);border-radius:var(--ws-control-radius);height:2.75rem;color:inherit;font:inherit;cursor:pointer;background:0 0;align-items:center;gap:.45rem;padding:0 1rem;font-size:.9em;display:inline-flex}.ws-loop[aria-pressed=true]{border-color:var(--ws-accent);background:var(--ws-accent)}.ws-loop[aria-pressed=true]>*{color:var(--ws-on-accent)}.ws-seg{border:1px solid var(--ws-border);border-radius:var(--ws-control-radius);gap:.15rem;height:2.75rem;padding:.25rem;display:inline-flex}.ws-seg-btn{border-radius:var(--ws-control-radius);color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 .85rem;font-size:.88em;transition:background .15s}.ws-seg-btn:hover{background:var(--ws-hover)}.ws-seg-btn[aria-pressed=true]{background:var(--ws-accent)}.ws-seg-btn[aria-pressed=true]>*{color:var(--ws-on-accent)}.ws-meta{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.5rem 1rem;display:flex}.ws-types{flex-wrap:wrap;flex:auto;gap:.4rem;min-width:0;display:flex}.ws-chip{border:1px solid var(--ws-border);border-radius:var(--ws-control-radius);height:2.25rem;color:inherit;font:inherit;cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:0 .9rem;font-size:.88em;transition:border-color .15s,background .15s;display:inline-flex}.ws-chip:hover{background:var(--ws-hover)}.ws-chip[aria-pressed=true]{border-color:var(--ws-accent);background:var(--ws-accent)}.ws-chip[aria-pressed=true]>*{color:var(--ws-on-accent)}.ws-chip-count{font-family:var(--ws-mono);opacity:.7;font-size:.85em}.ws-chip[aria-pressed=true] .ws-chip-count{opacity:1}.ws-count{color:var(--ws-muted);font-variant-numeric:tabular-nums;margin:0 0 0 auto;font-size:.88em}.ws-list{border-top:1px solid var(--ws-border);margin:0;padding:0;list-style:none}.ws-row{min-height:var(--ws-row-height);border-bottom:1px solid var(--ws-border);cursor:pointer;align-items:center;gap:1rem;padding:.4rem .75rem .4rem .4rem;transition:background .12s;display:flex}.ws-row:hover{background:var(--ws-hover)}.ws-row.is-current{background:var(--ws-current)}.ws-row.is-error .ws-title{opacity:.6;text-decoration:line-through}.ws-play{background:var(--ws-field);width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;font-size:.95rem;transition:background .15s,color .15s;display:grid}.ws-row:hover .ws-play{background:color-mix(in srgb, currentColor 12%, transparent)}.ws-row.is-current .ws-play{background:var(--ws-accent)}.ws-row.is-current .ws-play>*{color:var(--ws-on-accent)}.ws-play .ws-icon-pause,.ws-row.is-playing .ws-play .ws-icon-play{display:none}.ws-row.is-playing .ws-play .ws-icon-pause{display:block}.ws-play:focus-visible,.ws-chip:focus-visible,.ws-menu-btn:focus-visible,.ws-loop:focus-visible,.ws-seg-btn:focus-visible,.ws-more:focus-visible,.ws-clear:focus-visible,.ws-wave:focus-visible,.ws-download:focus-visible{outline:2px solid var(--ws-accent);outline-offset:2px}.ws-cell{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.9em;overflow:hidden}.ws-title{flex:1.4 9rem;align-items:center;gap:.4rem;font-weight:500;display:flex}.ws-title-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.ws-loop-mark{color:var(--ws-muted);flex:none;display:inline-flex}.ws-loop-mark .ws-icon{width:.95em;height:.95em}.ws-type{color:var(--ws-muted);flex:6rem}.ws-bpm,.ws-key,.ws-duration{font-family:var(--ws-mono);color:var(--ws-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.82em}.ws-bpm{text-align:right;width:3.25ch}.ws-key{width:3.5ch}.ws-duration{text-align:right;width:4.5ch}.ws-wave{height:var(--ws-wave-height);cursor:pointer;touch-action:pan-y;border-radius:4px;flex:2 8rem;min-width:6rem;position:relative}.ws-canvas{width:100%;height:100%;display:block}.ws-download{width:2.25rem;height:2.25rem;color:var(--ws-muted);border-radius:999px;flex:none;place-items:center;font-size:1.05rem;text-decoration:none;transition:color .15s,background .15s;display:grid}.ws-download:hover{color:inherit;background:var(--ws-hover)}.ws-cells{display:contents}@container (width<=560px){.ws-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"play title dl""play cells cells""play wave wave";gap:.2rem .85rem;padding:.7rem .5rem;display:grid}.ws-play{grid-area:play;align-self:center}.ws-title{white-space:normal;overflow-wrap:anywhere;grid-area:title}.ws-title-text{overflow:visible}.ws-cells{flex-wrap:wrap;grid-area:cells;align-items:baseline;gap:0 .5rem;min-width:0;display:flex}.ws-cells>.ws-cell{text-align:left;flex:none;width:auto;font-size:.78em}.ws-cells>.ws-cell:empty{display:none}.ws-cells>.ws-cell:not(:empty)~.ws-cell:not(:empty):before{content:"·";opacity:.6;margin-right:.5rem}.ws-wave{grid-area:wave;min-width:0;margin-top:.35rem}.ws-download{grid-area:dl;align-self:start}}.ws-empty{color:var(--ws-muted);margin:1.5rem 0}.ws-clear,.ws-more{border:1px solid var(--ws-border);border-radius:var(--ws-control-radius);color:inherit;font:inherit;cursor:pointer;background:0 0}.ws-clear{margin-left:.5rem;padding:.35rem .85rem;font-size:.88em}.ws-more{margin:1.25rem auto 0;padding:.7rem 1.4rem;font-size:.92em;display:block}.ws-more:hover,.ws-clear:hover{background:var(--ws-hover)}.ws-engine--strip{position:var(--ws-strip-position,static);border:1px solid var(--ws-border);border-radius:var(--ws-radius);background:var(--ws-strip-bg,var(--ws-surface,Canvas));z-index:1;margin-top:1rem;padding:.75rem;bottom:0}@media (pointer:coarse){.ws-play,.ws-download{width:2.75rem;height:2.75rem}.ws-chip{height:2.5rem}.ws-search-input,.ws-menu-search{font-size:16px}.ws-range{--ws-thumb:24px;height:2.25rem}.ws-range-input::-webkit-slider-thumb{margin-top:calc((2.25rem - var(--ws-thumb)) / 2)}.ws-menu-option{padding:.75rem .6rem}}@media (prefers-reduced-motion:reduce){.ws-row,.ws-chip,.ws-play{transition:none}}