.audio-progress[data-v-6c707ea1]{color:#8a8f98;font-variant-numeric:tabular-nums;border-top:1px solid #0000000d;grid-template-columns:76px minmax(80px,1fr);align-items:center;gap:12px;margin-top:8px;padding-top:8px;font-family:Avenir,sans-serif;font-size:12px;display:grid}.progress-hitbox[data-v-6c707ea1]{cursor:pointer;outline:none;align-items:center;height:12px;display:flex}.progress-hitbox:focus-visible .progress-track[data-v-6c707ea1]{box-shadow:0 0 0 3px #ff5b2e2e}.progress-hitbox.disabled[data-v-6c707ea1]{cursor:not-allowed;opacity:.45}.progress-track[data-v-6c707ea1]{background:#e8eaed;border-radius:3px;width:100%;height:5px;overflow:hidden}.progress-value[data-v-6c707ea1]{border-radius:inherit;background:#333;height:100%;display:block}.style-cover[data-v-c9b9aab1]{color:#fff;background:#35383f;flex:none;position:relative;overflow:hidden}.style-cover.small[data-v-c9b9aab1]{border-radius:6px;width:64px;height:64px}.style-cover.large[data-v-c9b9aab1]{border-radius:8px;width:320px;height:360px}.style-cover.electronic[data-v-c9b9aab1]{background:#205d65}.style-cover.rap[data-v-c9b9aab1]{background:#58466d}.style-cover.asset[data-v-c9b9aab1]{border:1px solid #fff;border-radius:12px;width:72px;height:72px}.style-cover.asset.electronic[data-v-c9b9aab1]{color:#ff6837;background:linear-gradient(90deg,#ff823014,#fe523f14)}.style-cover.asset.rap[data-v-c9b9aab1]{color:#7858dc;background:linear-gradient(137deg,#f2f2ff 5%,#f2e9ff 96%)}.asset .cover-mark[data-v-c9b9aab1]{color:inherit;background:0 0;border:0;border-radius:0;width:32px;height:32px;font-size:32px;top:50%;left:50%;transform:translate(-50%,-50%)}.cover-mark[data-v-c9b9aab1]{z-index:1;background:#0000002e;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:12px;left:12px}.large .cover-mark[data-v-c9b9aab1]{width:48px;height:48px;font-size:22px;top:28px;left:28px}.cover-name[data-v-c9b9aab1]{z-index:1;font-size:12px;font-weight:600;position:absolute;bottom:10px;right:12px}.large .cover-name[data-v-c9b9aab1]{font-size:28px;bottom:24px;right:28px}.cover-lines[data-v-c9b9aab1]{border:1px solid #ffffff59;border-radius:50%;width:90%;height:75%;position:absolute;bottom:-20%;right:-16%;box-shadow:0 0 0 14px #ffffff12,0 0 0 30px #00000014}.record-failure[data-v-2ac6720f]{flex-direction:column;flex:none;gap:6px;width:362px;display:flex}.record-failure-cover[data-v-2ac6720f]{box-sizing:border-box;color:#999;background:#f5f5f5;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:40px;height:40px;font-size:10px;line-height:14px;display:flex}.record-failure-cover[data-v-2ac6720f] .el-icon{color:#aaa;width:16px;height:16px;font-size:16px}.record-failure-note[data-v-2ac6720f]{color:#f04438;justify-content:space-between;align-items:center;min-width:0;padding:0 8px;font-size:12px;line-height:16px;display:flex}.record-failure-reason[data-v-2ac6720f]{flex:auto;min-width:0;display:block}.record-failure-reason[data-v-2ac6720f] .el-tooltip__trigger{width:100%;min-width:0;display:block}.record-failure-reason[data-v-2ac6720f] .ellipsis-1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-failure-retry[data-v-2ac6720f]{color:#333;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:2px;padding:0;font-size:12px;line-height:16px;display:inline-flex}.record-failure-retry[data-v-2ac6720f]:hover{color:#111}.record-failure-retry[data-v-2ac6720f]:focus-visible{outline-offset:2px;outline:2px solid #33333340}.record-failure-retry[data-v-2ac6720f]:disabled{cursor:not-allowed;opacity:.5}.record-failure-retry[data-v-2ac6720f] svg{width:14px;height:14px}.record-card.record[data-v-2ac6720f]{box-sizing:border-box;background:#fff;border:1px solid #0000000d;border-radius:12px;flex:none;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;width:362px;height:56px;padding:8px;transition:border-color .16s;display:grid;position:relative}.record-card.record.active[data-v-2ac6720f],.record-card.record[data-v-2ac6720f]:focus-within,.record-card.record[data-v-2ac6720f]:hover{border-color:#0003}.record-card.record.active[data-v-2ac6720f]{align-content:start;height:92px}.record-card.record.generating[data-v-2ac6720f]{background:0 0;border:0;padding:0;display:block;overflow:hidden}.generating-message[data-v-2ac6720f]{width:100%;height:100%}.bgm-generating-loading[data-v-2ac6720f] .loading-text{color:#333;background:0 0;border-radius:0;padding:0;font-family:PingFang SC,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.record-play-control[data-v-2ac6720f]{color:#333;cursor:pointer;background:#f5f5f5;border:0;border-radius:8px;place-items:center;width:40px;height:40px;padding:0;display:grid}.record-play-control[data-v-2ac6720f]:hover{background:#ededed}.record-play-control[data-v-2ac6720f]:focus-visible{outline-offset:2px;outline:2px solid #33333340}.record-play-control[data-v-2ac6720f] svg{width:20px;height:20px}.record-hover-play-icon[data-v-2ac6720f],.record-card.record:hover .record-default-audio-icon[data-v-2ac6720f]{display:none}.record-play-control:focus-visible .record-default-audio-icon[data-v-2ac6720f]{display:none}.record-card.record:hover .record-hover-play-icon[data-v-2ac6720f]{display:inline-flex}.record-play-control:focus-visible .record-hover-play-icon[data-v-2ac6720f]{display:inline-flex}.record-main[data-v-2ac6720f]{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;min-width:0;padding:0;display:block}.record-title[data-v-2ac6720f]{color:#333;font-size:14px;font-weight:500;line-height:20px}.record-meta[data-v-2ac6720f],.record-title[data-v-2ac6720f]{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.record-meta[data-v-2ac6720f]{color:#999;margin-top:2px;font-size:12px;line-height:18px}.record-state[data-v-2ac6720f]{color:#53787d;align-items:center;gap:6px;margin-top:9px;font-size:12px;display:flex}.failed-text[data-v-2ac6720f]{color:#f04438}.loading-dot[data-v-2ac6720f]{background:#6bbec7;border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse-2ac6720f}.record-created[data-v-2ac6720f]{color:#999;white-space:nowrap;font-size:12px;font-style:normal;line-height:18px}.record-actions[data-v-2ac6720f]{opacity:0;visibility:hidden;z-index:2;background:linear-gradient(270deg,#fff 78%,#fff0);align-items:center;gap:4px;height:40px;padding-left:20px;transition:opacity .16s,visibility .16s;display:flex;position:absolute;top:8px;right:8px}.record:focus-within .record-actions[data-v-2ac6720f],.record:hover .record-actions[data-v-2ac6720f]{opacity:1;visibility:visible}.icon-button[data-v-2ac6720f]{cursor:pointer;border:0;place-items:center;padding:0;display:grid}.record .icon-button[data-v-2ac6720f]{color:#666;background:0 0;border-radius:4px;width:24px;height:24px}.record .icon-button[data-v-2ac6720f]:hover{color:#333;background:#f5f5f5}.record .icon-button[data-v-2ac6720f] svg{width:16px;height:16px}.icon-button[data-v-2ac6720f]:disabled{cursor:not-allowed;opacity:.5}.record .record-progress[data-v-2ac6720f]{grid-column:1/-1;width:100%;margin-top:0}.record-card.asset[data-v-2ac6720f]{box-shadow:none;box-sizing:border-box;background:#fff;border:1px solid #0000000d;border-radius:12px;flex-direction:column;justify-content:center;gap:12px;min-height:104px;padding:12px 20px 12px 12px;display:flex;position:relative;overflow:hidden}.record-card.asset.active[data-v-2ac6720f],.record-card.asset[data-v-2ac6720f]:hover{box-shadow:none;border-color:#0003}.asset-card-top[data-v-2ac6720f]{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.cover-control[data-v-2ac6720f]{cursor:pointer;background:0 0;border:0;border-radius:12px;flex:0 0 72px;width:72px;height:72px;padding:0;position:relative;overflow:hidden}.cover-control[data-v-2ac6720f]:focus-visible{outline-offset:2px;outline:2px solid #333}.failure-cover[data-v-2ac6720f]{box-sizing:border-box;color:#666;background:linear-gradient(143deg,#eff0f7 13%,#f9f9fc 93%);border:1px solid #fff;border-radius:12px;flex-direction:column;flex:0 0 72px;justify-content:center;align-items:center;gap:6px;width:72px;height:72px;font-size:14px;line-height:20px;display:flex}.failure-cover[data-v-2ac6720f] .el-icon{color:#ff5b2e;width:18px;height:18px;font-size:18px}.cover-play-icon[data-v-2ac6720f]{color:#fff;opacity:0;z-index:2;background:#0000004d;place-items:center;font-size:32px;transition:opacity .16s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.cover-play-icon[data-v-2ac6720f] svg{width:32px;height:32px}.asset-playing-pause-icon[data-v-2ac6720f],.asset:hover .asset-playing-icon[data-v-2ac6720f]{display:none}.cover-control:focus-visible .asset-playing-icon[data-v-2ac6720f]{display:none}.asset:hover .asset-playing-pause-icon[data-v-2ac6720f]{display:inline-flex}.cover-control:focus-visible .asset-playing-pause-icon[data-v-2ac6720f]{display:inline-flex}.asset.active .cover-play-icon[data-v-2ac6720f],.asset:hover .cover-play-icon[data-v-2ac6720f]{opacity:1}.cover-control:focus-visible .cover-play-icon[data-v-2ac6720f]{opacity:1}.asset .record-body[data-v-2ac6720f]{flex:1;align-self:stretch;padding-top:4px}.asset .record-title[data-v-2ac6720f]{color:#333;font-size:16px;font-weight:500;line-height:22px}.record-tags[data-v-2ac6720f]{align-items:center;gap:6px;margin-top:4px;display:flex}.record-tags>span[data-v-2ac6720f]{color:#666;background:#f7f8fa;border-radius:6px;padding:4px 8px;font-size:12px;line-height:16px}.record-source[data-v-2ac6720f]{color:#999;white-space:nowrap;align-items:center;gap:12px;min-width:0;margin-top:4px;font-size:12px;line-height:22px;display:flex}.record-source>span[data-v-2ac6720f]:first-child{text-overflow:ellipsis;overflow:hidden}.record-source i[data-v-2ac6720f]{background:#0000001a;flex:0 0 1px;width:1px;height:14px}.asset .record-state[data-v-2ac6720f]{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;line-height:18px;overflow:hidden}.asset-actions[data-v-2ac6720f]{box-sizing:border-box;opacity:0;visibility:hidden;z-index:2;background:linear-gradient(270deg,#fff 79%,#fff0);justify-content:flex-end;gap:10px;width:145px;height:96px;padding:0 12px 0 32px;transition:opacity .16s,visibility .16s;display:flex;position:absolute;top:0;right:0}.asset:focus-within .asset-actions[data-v-2ac6720f],.asset:hover .asset-actions[data-v-2ac6720f]{opacity:1;visibility:visible}.asset-actions .icon-button[data-v-2ac6720f]{color:#333;background:#f7f8fa;border:0;border-radius:6px;width:32px;height:32px;font-size:20px}.asset-actions .icon-button[data-v-2ac6720f]:hover{color:#333;background:#eef0f3}.asset-actions .icon-button[data-v-2ac6720f] svg{width:20px;height:20px}.asset .asset-progress[data-v-2ac6720f]{width:100%;margin-top:0}.asset-failure-overlay[data-v-2ac6720f]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;color:#fff;opacity:0;pointer-events:none;z-index:4;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .16s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.asset-failure-overlay p[data-v-2ac6720f]{margin:0;font-size:14px;font-weight:500;line-height:22px}.asset-retry-command[data-v-2ac6720f]{color:#333;cursor:pointer;pointer-events:auto;background:#fff;border:0;border-radius:100px;justify-content:center;align-items:center;gap:2px;height:28px;padding:0 12px;font-size:12px;line-height:16px;display:flex}.asset-retry-command[data-v-2ac6720f]:hover{background:#f7f8fa}.asset-retry-command[data-v-2ac6720f]:focus-visible{outline-offset:2px;outline:2px solid #fff}.asset-retry-command[data-v-2ac6720f]:disabled{cursor:not-allowed;opacity:.5}.asset-retry-command[data-v-2ac6720f] svg{width:14px;height:14px}.asset.failed:focus-within .asset-failure-overlay[data-v-2ac6720f],.asset.failed:hover .asset-failure-overlay[data-v-2ac6720f]{opacity:1}@keyframes pulse-2ac6720f{50%{opacity:.35;transform:scale(.75)}}