.audio-demo[data-v-7e3a6d18]{margin:16px 0 28px;max-width:750px}.audio-demo[data-v-7e3a6d18],.audio-demo-card[data-v-7e3a6d18]{display:flex;flex-direction:column;gap:12px;width:100%}.audio-demo-card[data-v-7e3a6d18]{align-items:flex-start;background:#08bc841a;border:1px solid rgba(8,188,132,.1);border-radius:16px;box-sizing:border-box;padding:12px 16px 16px}.audio-demo-title[data-v-7e3a6d18]{color:#000000e6;font-family:Segoe UI,Arial,sans-serif;font-size:16px;font-weight:600;line-height:24px;margin:0}.audio-demo-player[data-v-7e3a6d18]{align-items:center;background:#fff;border-radius:8px;box-sizing:border-box;display:flex;gap:16px;min-height:60px;min-width:0;padding:6px 12px;width:100%}.audio-demo-split[data-v-7e3a6d18]{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.audio-demo-play[data-v-7e3a6d18]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='url(%23a)' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24'/%3E%3Cpath fill='%23000' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.667' d='M20 16.5 31.667 24 20 31.5z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='7.296' x2='40.812' y1='18.486' y2='18.605' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2365f480'/%3E%3Cstop offset='1' stop-color='%2308d998'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% /contain;border:none;cursor:pointer;flex:0 0 auto;height:48px;padding:0;width:48px}.audio-demo-play.is-playing[data-v-7e3a6d18]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='url(%23a)' d='M0 24C0 10.745 10.745 0 24 0s24 10.745 24 24-10.745 24-24 24S0 37.255 0 24'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M19 17v15M29 17v15'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='7.296' x2='40.812' y1='18.486' y2='18.605' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2365f480'/%3E%3Cstop offset='1' stop-color='%2308d998'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")}.audio-demo-main[data-v-7e3a6d18]{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;justify-content:center;min-width:0}.audio-demo-name[data-v-7e3a6d18]{color:#000000e6;font-family:Segoe UI,Arial,sans-serif;font-size:14px;font-weight:600;line-height:17px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-demo-progress[data-v-7e3a6d18]{align-items:center;display:grid;gap:9px;grid-template-columns:auto minmax(80px,1fr) auto;width:100%}.audio-demo-time[data-v-7e3a6d18]{color:#00000080;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px}.audio-demo-range[data-v-7e3a6d18]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:12px;margin:0;width:100%}.audio-demo-range[data-v-7e3a6d18]::-webkit-slider-runnable-track{background:linear-gradient(to right,#08bc84 0 var(--progress),#efefef var(--progress) 100%);border-radius:999px;height:4px}.audio-demo-range[data-v-7e3a6d18]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #08bc84;border-radius:50%;height:12px;margin-top:-4px;width:12px}.audio-demo-range[data-v-7e3a6d18]::-moz-range-track{background:#efefef;border-radius:999px;height:4px}.audio-demo-range[data-v-7e3a6d18]::-moz-range-progress{background:#08bc84;border-radius:999px;height:4px}.audio-demo-range[data-v-7e3a6d18]::-moz-range-thumb{background:#fff;border:1px solid #08bc84;border-radius:50%;height:12px;width:12px}.audio-demo-stem-list[data-v-7e3a6d18]{display:flex;flex-wrap:wrap;gap:12px;width:100%}.audio-demo-stem[data-v-7e3a6d18]{align-items:center;background:#fff;border:none;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-family:Segoe UI,Arial,sans-serif;font-size:14px;font-weight:600;gap:8px;height:32px;line-height:20px;padding:6px 9px}.audio-demo-stem-icon[data-v-7e3a6d18]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%2308bc84' d='M0 4a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z'/%3E%3Cpath stroke='%23fff' stroke-opacity='.5' d='M4 .5h8A3.5 3.5 0 0 1 15.5 4v8a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 12V4A3.5 3.5 0 0 1 4 .5Z'/%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linejoin='round' stroke-width='2' d='M6 8.175V5l2.75 1.588 2.75 1.587-2.75 1.588L6 11.351z'/%3E%3C/svg%3E") no-repeat 50% /contain;height:16px;width:16px}.audio-demo-stem.is-playing .audio-demo-stem-icon[data-v-7e3a6d18]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%2308bc84' d='M0 4a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z'/%3E%3Cpath stroke='%23fff' stroke-opacity='.5' d='M4 .5h8A3.5 3.5 0 0 1 15.5 4v8a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 12V4A3.5 3.5 0 0 1 4 .5Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 5v6M10 5v6'/%3E%3C/svg%3E")}audio[data-v-7e3a6d18]{display:none}@media screen and (max-width:768px){.audio-demo[data-v-7e3a6d18]{gap:10px;margin:14px 0 24px}.audio-demo-card[data-v-7e3a6d18]{border-radius:14px;padding:12px}.audio-demo-split[data-v-7e3a6d18]{gap:10px;grid-template-columns:1fr}.audio-demo-player[data-v-7e3a6d18]{gap:12px;padding:6px 10px}.audio-demo-progress[data-v-7e3a6d18]{gap:7px}.audio-demo-stem-list[data-v-7e3a6d18]{gap:10px}}