deepsky 2.58.6 → 2.58.12

package/dist/index.css

@@ -726,146 +726,146 @@ img[data-v-62fa2be8] {
 }
 
 
-.cube-music[data-v-1fd4a9dc] { position: relative; box-sizing: border-box; max-width: 100%; margin-block: 10px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--selection-bg, #fd6d94) 25%, transparent); border-radius: 18px; color: var(--color, #4b4e62); background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee); box-shadow: 0 16px 38px color-mix(in srgb, #656565 20%, transparent);
-}
-.music-top[data-v-1fd4a9dc] { position: relative; z-index: 2; height: 220px; overflow: hidden; isolation: isolate; perspective: 1100px;
-}.music-flip[data-v-1fd4a9dc] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
-}.music-top.flipped .music-flip[data-v-1fd4a9dc] { transform: rotateY(180deg);
-}.music-face[data-v-1fd4a9dc] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
-}.music-now[data-v-1fd4a9dc] { overflow: visible;
-}.track-strip[data-v-1fd4a9dc] { position: absolute; z-index: 1; top: 42px; right: 16px; left: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; min-height: 72px; box-sizing: border-box; padding: 14px 16px 10px 142px; border-radius: 15px 15px 0 0; background: #fff7f7;
-}.track-copy[data-v-1fd4a9dc] { min-width: 0; display: grid; gap: 2px;
-}.track-copy strong[data-v-1fd4a9dc] { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap;
-}.track-copy span[data-v-1fd4a9dc] { color: #f86d92; font-size: 11px;
-}.playlist-toggle[data-v-1fd4a9dc] { width: 28px; height: 28px; border: 0; color: #acaebd; font-size: 18px; cursor: pointer; background: transparent;
-}.music-progress[data-v-1fd4a9dc] { grid-column: 1 / -1; width: 100%; height: 4px; margin: 5px 0 0; cursor: pointer; accent-color: #fd6d94;
-}
-.player-panel[data-v-1fd4a9dc] { position: absolute; z-index: 2; top: 112px; right: 0; left: 0; height: 108px; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580;
-}.album-disc[data-v-1fd4a9dc] { position: absolute; z-index: 3; top: -70px; left: 30px; display: grid; width: 120px; height: 120px; place-items: center; border: 5px solid #fff7f7; border-radius: 50%; cursor: pointer; background: repeating-radial-gradient(circle, #273245 0 2px, #38475d 3px 5px, #1d2638 6px 8px); box-shadow: 0 20px 30px -17px #687589;
-}.album-disc[data-v-1fd4a9dc]::after { content: ''; position: absolute; width: 26px; height: 26px; border-radius: 50%; background: #d6dee7; box-shadow: inset 0 0 0 4px #fff;
-}.album-disc span[data-v-1fd4a9dc] { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
-}.album-disc.playing[data-v-1fd4a9dc] { animation: spin-1fd4a9dc 5s linear infinite;
-}.album-disc i[data-v-1fd4a9dc] { position: absolute; inset: 15px; border-radius: inherit; border: 1px solid #ffffff30;
-}.top-controls[data-v-1fd4a9dc] { display: flex;margin-left: 136px; height: 100%;  align-items: center; justify-content: space-evenly;
-}.top-controls button[data-v-1fd4a9dc] { display: grid; min-width: 28px; padding: 8px; place-items: center; border: 0; color: #aeb8c4; font-size: 20px; cursor: pointer; background: transparent; transition: color .2s ease, transform .2s ease;
-}.top-controls button[data-v-1fd4a9dc]:hover { color: #fd6d94; transform: translateY(-1px);
-}.top-controls .play[data-v-1fd4a9dc] { color: #fd6d94; font-size: 18px;
-}.top-controls .mode[data-v-1fd4a9dc], .top-controls .lyric-toggle[data-v-1fd4a9dc] { font-size: 20px;
-}.top-controls .lyric-toggle.selected[data-v-1fd4a9dc] { color: #fd6d94;
-}
-.playlist-face[data-v-1fd4a9dc] { display: flex; overflow: hidden; flex-direction: column; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580; transform: rotateY(180deg);
-}.playlist-face header[data-v-1fd4a9dc] { display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; padding: 13px 15px; border-bottom: 1px solid #f2e7e9; text-align: center;
-}.playlist-face header button[data-v-1fd4a9dc] { border: 0; color: #fd6d94; font-size: 24px; cursor: pointer; background: transparent;
-}.playlist-face header strong[data-v-1fd4a9dc] { font-size: 14px;
-}.playlist-list[data-v-1fd4a9dc] { flex: 1; box-sizing: border-box; overflow: auto;
-}.playlist-list button[data-v-1fd4a9dc] { display: flex; width: 100%; height: 40px; flex: none; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; padding: 0 18px; border: 0; color: inherit; text-align: left; cursor: pointer; background: transparent;
-}.playlist-list button[data-v-1fd4a9dc]:hover, .playlist-list button.selected[data-v-1fd4a9dc] { color: #f86d92; background: #fff2f5;
-}.playlist-list span[data-v-1fd4a9dc] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-}.playlist-list em[data-v-1fd4a9dc] { font-size: 11px; font-style: normal; opacity: .6;
-}.playlist-list .playlist-add[data-v-1fd4a9dc] { justify-content: center; color: #a9aab5;
-}
-.lyrics-section[data-v-1fd4a9dc] { position: relative; z-index: 1; min-height: 135px; max-height: 320px; padding: 10px 25px 20px; background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee);
-}.lyrics[data-v-1fd4a9dc] { max-height: 285px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; text-align: center; scrollbar-width: none;
-}.lyrics[data-v-1fd4a9dc]::-webkit-scrollbar { display: none;
-}.lyrics p[data-v-1fd4a9dc] { margin: 10px 0; color: #737788; opacity: .42; transition: .18s; cursor: pointer;
-}.lyrics p.active[data-v-1fd4a9dc] { color: #f86d92; font-size: 17px; font-weight: 700; opacity: 1;
-}.lyrics p span + span[data-v-1fd4a9dc]::before { content: '\A'; white-space: pre;
-}.music-state[data-v-1fd4a9dc] { display: grid; min-height: 112px; place-items: center; align-content: center; gap: 10px; color: #9699a7;
-}.music-note[data-v-1fd4a9dc] { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; color: #fd6d94; font-size: 28px; background: #fff0f4; box-shadow: 0 8px 18px #f86d9230;
-}.music-note.playing[data-v-1fd4a9dc] { animation: note-pulse-1fd4a9dc 1.05s ease-in-out infinite alternate;
-}.music-empty[data-v-1fd4a9dc] { position: relative; display: block; width: 100%; min-height: 210px; box-sizing: border-box; overflow: hidden; border: 0; color: var(--color, #222); cursor: pointer; background: transparent;
-}.music-empty[data-v-1fd4a9dc]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 128px; height: 128px; border: 1px solid currentColor; border-radius: 50%; opacity: .1; transform: translate(-50%, -50%); transition: transform .25s ease, opacity .25s ease;
-}.music-empty[data-v-1fd4a9dc]:hover::before { opacity: .2; transform: translate(-50%, -50%) scale(1.08);
-}.music-empty-content[data-v-1fd4a9dc] { position: absolute; top: 50%; left: 50%; display: grid; width: max-content; max-width: calc(100% - 32px); place-items: center; gap: 7px; text-align: center; transform: translate(-50%, -50%);
-}.music-empty .iconfont[data-v-1fd4a9dc] { display: grid; width: 64px; height: 64px; place-items: center; box-sizing: border-box; border: 1px solid currentColor; border-radius: 50%; font-size: 29px; opacity: .76; transition: transform .25s ease, opacity .25s ease;
-}.music-empty:hover .iconfont[data-v-1fd4a9dc] { opacity: 1; transform: scale(1.06);
-}.music-empty strong[data-v-1fd4a9dc] { font-size: 14px; font-weight: 600;
-}.music-empty small[data-v-1fd4a9dc] { font-size: 12px; opacity: .55;
+.cube-music[data-v-1548e8dc] { position: relative; box-sizing: border-box; max-width: 100%; margin-block: 10px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--selection-bg, #fd6d94) 25%, transparent); border-radius: 18px; color: var(--color, #4b4e62); background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee); box-shadow: 0 16px 38px color-mix(in srgb, #656565 20%, transparent);
+}
+.music-top[data-v-1548e8dc] { position: relative; z-index: 2; height: 220px; overflow: hidden; isolation: isolate; perspective: 1100px;
+}.music-flip[data-v-1548e8dc] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
+}.music-top.flipped .music-flip[data-v-1548e8dc] { transform: rotateY(180deg);
+}.music-face[data-v-1548e8dc] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
+}.music-now[data-v-1548e8dc] { overflow: visible;
+}.track-strip[data-v-1548e8dc] { position: absolute; z-index: 1; top: 42px; right: 16px; left: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; min-height: 72px; box-sizing: border-box; padding: 14px 16px 10px 142px; border-radius: 15px 15px 0 0; background: #fff7f7;
+}.track-copy[data-v-1548e8dc] { min-width: 0; display: grid; gap: 2px;
+}.track-copy strong[data-v-1548e8dc] { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap;
+}.track-copy span[data-v-1548e8dc] { color: #f86d92; font-size: 11px;
+}.playlist-toggle[data-v-1548e8dc] { width: 28px; height: 28px; border: 0; color: #acaebd; font-size: 18px; cursor: pointer; background: transparent;
+}.music-progress[data-v-1548e8dc] { grid-column: 1 / -1; width: 100%; height: 4px; margin: 5px 0 0; cursor: pointer; accent-color: #fd6d94;
+}
+.player-panel[data-v-1548e8dc] { position: absolute; z-index: 2; top: 112px; right: 0; left: 0; height: 108px; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580;
+}.album-disc[data-v-1548e8dc] { position: absolute; z-index: 3; top: -70px; left: 30px; display: grid; width: 120px; height: 120px; place-items: center; border: 5px solid #fff7f7; border-radius: 50%; cursor: pointer; background: repeating-radial-gradient(circle, #273245 0 2px, #38475d 3px 5px, #1d2638 6px 8px); box-shadow: 0 20px 30px -17px #687589;
+}.album-disc[data-v-1548e8dc]::after { content: ''; position: absolute; width: 26px; height: 26px; border-radius: 50%; background: #d6dee7; box-shadow: inset 0 0 0 4px #fff;
+}.album-disc span[data-v-1548e8dc] { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
+}.album-disc.playing[data-v-1548e8dc] { animation: spin-1548e8dc 5s linear infinite;
+}.album-disc i[data-v-1548e8dc] { position: absolute; inset: 15px; border-radius: inherit; border: 1px solid #ffffff30;
+}.top-controls[data-v-1548e8dc] { display: flex;margin-left: 136px; height: 100%;  align-items: center; justify-content: space-evenly;
+}.top-controls button[data-v-1548e8dc] { display: grid; min-width: 28px; padding: 8px; place-items: center; border: 0; color: #aeb8c4; font-size: 20px; cursor: pointer; background: transparent; transition: color .2s ease, transform .2s ease;
+}.top-controls button[data-v-1548e8dc]:hover { color: #fd6d94; transform: translateY(-1px);
+}.top-controls .play[data-v-1548e8dc] { color: #fd6d94; font-size: 18px;
+}.top-controls .mode[data-v-1548e8dc], .top-controls .lyric-toggle[data-v-1548e8dc] { font-size: 20px;
+}.top-controls .lyric-toggle.selected[data-v-1548e8dc] { color: #fd6d94;
+}
+.playlist-face[data-v-1548e8dc] { display: flex; overflow: hidden; flex-direction: column; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580; transform: rotateY(180deg);
+}.playlist-face header[data-v-1548e8dc] { display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; padding: 13px 15px; border-bottom: 1px solid #f2e7e9; text-align: center;
+}.playlist-face header button[data-v-1548e8dc] { border: 0; color: #fd6d94; font-size: 24px; cursor: pointer; background: transparent;
+}.playlist-face header strong[data-v-1548e8dc] { font-size: 14px;
+}.playlist-list[data-v-1548e8dc] { flex: 1; box-sizing: border-box; overflow: auto;
+}.playlist-list button[data-v-1548e8dc] { display: flex; width: 100%; height: 40px; flex: none; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; padding: 0 18px; border: 0; color: inherit; text-align: left; cursor: pointer; background: transparent;
+}.playlist-list button[data-v-1548e8dc]:hover, .playlist-list button.selected[data-v-1548e8dc] { color: #f86d92; background: #fff2f5;
+}.playlist-list span[data-v-1548e8dc] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}.playlist-list em[data-v-1548e8dc] { font-size: 11px; font-style: normal; opacity: .6;
+}.playlist-list .playlist-add[data-v-1548e8dc] { justify-content: center; color: #a9aab5;
+}
+.lyrics-section[data-v-1548e8dc] { position: relative; z-index: 1; min-height: 135px; max-height: 320px; padding: 10px 25px 20px; background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee);
+}.lyrics[data-v-1548e8dc] { max-height: 285px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; text-align: center; scrollbar-width: none;
+}.lyrics[data-v-1548e8dc]::-webkit-scrollbar { display: none;
+}.lyrics p[data-v-1548e8dc] { margin: 10px 0; color: #737788; opacity: .42; transition: .18s; cursor: pointer;
+}.lyrics p.active[data-v-1548e8dc] { color: #f86d92; font-size: 17px; font-weight: 700; opacity: 1;
+}.lyrics p span + span[data-v-1548e8dc]::before { content: '\A'; white-space: pre;
+}.music-state[data-v-1548e8dc] { display: grid; min-height: 112px; place-items: center; align-content: center; gap: 10px; color: #9699a7;
+}.music-note[data-v-1548e8dc] { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; color: #fd6d94; font-size: 28px; background: #fff0f4; box-shadow: 0 8px 18px #f86d9230;
+}.music-note.playing[data-v-1548e8dc] { animation: note-pulse-1548e8dc 1.05s ease-in-out infinite alternate;
+}.music-empty[data-v-1548e8dc] { position: relative; display: block; width: 100%; min-height: 210px; box-sizing: border-box; overflow: hidden; border: 0; color: var(--color, #222); cursor: pointer; background: transparent;
+}.music-empty[data-v-1548e8dc]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 128px; height: 128px; border: 1px solid currentColor; border-radius: 50%; opacity: .1; transform: translate(-50%, -50%); transition: transform .25s ease, opacity .25s ease;
+}.music-empty[data-v-1548e8dc]:hover::before { opacity: .2; transform: translate(-50%, -50%) scale(1.08);
+}.music-empty-content[data-v-1548e8dc] { position: absolute; top: 50%; left: 50%; display: grid; width: max-content; max-width: calc(100% - 32px); place-items: center; gap: 7px; text-align: center; transform: translate(-50%, -50%);
+}.music-empty .iconfont[data-v-1548e8dc] { display: grid; width: 64px; height: 64px; place-items: center; box-sizing: border-box; border: 1px solid currentColor; border-radius: 50%; font-size: 29px; opacity: .76; transition: transform .25s ease, opacity .25s ease;
+}.music-empty:hover .iconfont[data-v-1548e8dc] { opacity: 1; transform: scale(1.06);
+}.music-empty strong[data-v-1548e8dc] { font-size: 14px; font-weight: 600;
+}.music-empty small[data-v-1548e8dc] { font-size: 12px; opacity: .55;
 }
 
 /* The player and playlist are two faces of one card, so lyrics flip with the controls. */
-.cube-music[data-v-1fd4a9dc] { background: transparent;
+.cube-music[data-v-1548e8dc] { background: transparent;
 }
-.music-card[data-v-1fd4a9dc] { position: relative; width: 100%; height: 100%; perspective: 1100px;
+.music-card[data-v-1548e8dc] { position: relative; width: 100%; height: 100%; perspective: 1100px;
 }
-.music-card .music-flip[data-v-1fd4a9dc] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
+.music-card .music-flip[data-v-1548e8dc] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
 }
-.music-card.flipped .music-flip[data-v-1fd4a9dc] { transform: rotateY(180deg);
+.music-card.flipped .music-flip[data-v-1548e8dc] { transform: rotateY(180deg);
 }
-.music-card .music-face[data-v-1fd4a9dc] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
+.music-card .music-face[data-v-1548e8dc] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
 }
-.music-card:not(.flipped) .playlist-face[data-v-1fd4a9dc], .music-card.flipped .music-now[data-v-1fd4a9dc] { pointer-events: none;
+.music-card:not(.flipped) .playlist-face[data-v-1548e8dc], .music-card.flipped .music-now[data-v-1548e8dc] { pointer-events: none;
 }
-.music-card .music-now[data-v-1fd4a9dc] { display: flex; overflow: hidden; flex-direction: column;
+.music-card .music-now[data-v-1548e8dc] { display: flex; overflow: hidden; flex-direction: column;
 }
-.music-card .music-top[data-v-1fd4a9dc] { position: relative; z-index: auto; flex: 0 0 220px; height: 220px; overflow: hidden; isolation: auto; perspective: none;
+.music-card .music-top[data-v-1548e8dc] { position: relative; z-index: auto; flex: 0 0 220px; height: 220px; overflow: hidden; isolation: auto; perspective: none;
 }
-.music-card .music-now.without-lyrics .music-top[data-v-1fd4a9dc] { flex-basis: 100%; height: 100%;
+.music-card .music-now.without-lyrics .music-top[data-v-1548e8dc] { flex-basis: 100%; height: 100%;
 }
-.music-card .track-strip[data-v-1fd4a9dc] { background: transparent; border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
+.music-card .track-strip[data-v-1548e8dc] { background: transparent; border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
 }
-.music-card .player-panel[data-v-1fd4a9dc] { background: transparent; box-shadow: none;
+.music-card .player-panel[data-v-1548e8dc] { background: transparent; box-shadow: none;
 }
-.music-card .lyrics-section[data-v-1fd4a9dc] { display: flex; flex: 1; min-height: 0; max-height: none; padding: 10px 25px 20px; background: transparent;
+.music-card .lyrics-section[data-v-1548e8dc] { display: flex; flex: 1; min-height: 0; max-height: none; padding: 10px 25px 20px; background: transparent;
 }
-.music-card .lyrics[data-v-1fd4a9dc] { flex: 1; min-height: 0; max-height: none;
+.music-card .lyrics[data-v-1548e8dc] { flex: 1; min-height: 0; max-height: none;
 }
-.music-card .music-state[data-v-1fd4a9dc] { flex: 1; min-height: 0;
+.music-card .music-state[data-v-1548e8dc] { flex: 1; min-height: 0;
 }
-.music-card .playlist-face[data-v-1fd4a9dc] { height: 100%; border-radius: 0; background: transparent; box-shadow: none; transform: rotateY(180deg);
+.music-card .playlist-face[data-v-1548e8dc] { height: 100%; border-radius: 0; background: transparent; box-shadow: none; transform: rotateY(180deg);
 }
-.music-card .playlist-face header[data-v-1fd4a9dc] { border-bottom-color: color-mix(in srgb, currentColor 14%, transparent);
+.music-card .playlist-face header[data-v-1548e8dc] { border-bottom-color: color-mix(in srgb, currentColor 14%, transparent);
 }
-.music-card .playlist-list button[data-v-1fd4a9dc]:hover, .music-card .playlist-list button.selected[data-v-1fd4a9dc] { background: transparent;
+.music-card .playlist-list button[data-v-1548e8dc]:hover, .music-card .playlist-list button.selected[data-v-1548e8dc] { background: transparent;
 }
-.music-empty[data-v-1fd4a9dc] { display: grid; width: 100%; height: 100%; min-height: 0; place-content: center; gap: 12px; color: inherit; text-align: center;
+.music-empty[data-v-1548e8dc] { display: grid; width: 100%; height: 100%; min-height: 0; place-content: center; gap: 12px; color: inherit; text-align: center;
 }
-.music-empty[data-v-1fd4a9dc]::before { content: none;
+.music-empty[data-v-1548e8dc]::before { content: none;
 }
-.music-empty .iconfont[data-v-1fd4a9dc] { display: block; width: auto; height: auto; border: 0; border-radius: 0; font-size: 78px; opacity: .68;
+.music-empty .iconfont[data-v-1548e8dc] { display: block; width: auto; height: auto; border: 0; border-radius: 0; font-size: 78px; opacity: .68;
 }
-.music-empty:hover .iconfont[data-v-1fd4a9dc] { opacity: 1; transform: none;
+.music-empty:hover .iconfont[data-v-1548e8dc] { opacity: 1; transform: none;
 }
-.music-empty > span[data-v-1fd4a9dc]:last-child { font-size: 13px; opacity: .58;
+.music-empty > span[data-v-1548e8dc]:last-child { font-size: 13px; opacity: .58;
 }
-.music-resizer[data-v-1fd4a9dc] { position: absolute; z-index: 90; right: 0; bottom: 0; margin: var(--cube-dragger-margin); padding: 10px; border-radius: 50%; cursor: nwse-resize; background: var(--table-dragger-bg); box-shadow: 0 0 10px deeppink; touch-action: none;
+.music-resizer[data-v-1548e8dc] { position: absolute; z-index: 90; right: 0; bottom: 0; margin: var(--cube-dragger-margin); padding: 10px; border-radius: 50%; cursor: nwse-resize; background: var(--table-dragger-bg); box-shadow: 0 0 10px deeppink; touch-action: none;
 }
-.music-card .music-state[data-v-1fd4a9dc] { gap: 8px; padding: 8px 0; color: color-mix(in srgb, currentColor 52%, transparent);
+.music-card .music-state[data-v-1548e8dc] { gap: 8px; padding: 8px 0; color: color-mix(in srgb, currentColor 52%, transparent);
 }
-.music-card .music-note[data-v-1fd4a9dc] { width: auto; height: auto; border-radius: 0; color: inherit; font-size: 36px; background: transparent; box-shadow: none;
+.music-card .music-note[data-v-1548e8dc] { width: auto; height: auto; border-radius: 0; color: inherit; font-size: 36px; background: transparent; box-shadow: none;
 }
-.music-card .album-disc[data-v-1fd4a9dc]::before { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
+.music-card .album-disc[data-v-1548e8dc]::before { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
 }
-.music-placeholder[data-v-1fd4a9dc] { display: block; width: min(190px, 66%); height: 18px; background: linear-gradient(currentColor, currentColor) center top / 100% 4px no-repeat, linear-gradient(currentColor, currentColor) center / 74% 4px no-repeat, linear-gradient(currentColor, currentColor) center bottom / 48% 4px no-repeat; opacity: .16;
+.music-placeholder[data-v-1548e8dc] { display: block; width: min(190px, 66%); height: 18px; background: linear-gradient(currentColor, currentColor) center top / 100% 4px no-repeat, linear-gradient(currentColor, currentColor) center / 74% 4px no-repeat, linear-gradient(currentColor, currentColor) center bottom / 48% 4px no-repeat; opacity: .16;
 }
-.music-state.loading .music-placeholder[data-v-1fd4a9dc] { animation: placeholder-pulse-1fd4a9dc 1.2s ease-in-out infinite alternate;
+.music-state.loading .music-placeholder[data-v-1548e8dc] { animation: placeholder-pulse-1548e8dc 1.2s ease-in-out infinite alternate;
 }
-@keyframes spin-1fd4a9dc {
+@keyframes spin-1548e8dc {
 to { transform: rotate(360deg);
 }
 }
-@keyframes note-pulse-1fd4a9dc {
+@keyframes note-pulse-1548e8dc {
 from { transform: translateY(2px) scale(.96);
 }
 to { transform: translateY(-4px) scale(1.05);
 }
 }
-@keyframes placeholder-pulse-1fd4a9dc {
+@keyframes placeholder-pulse-1548e8dc {
 from { opacity: .16;
 }
 to { opacity: .36;
 }
 }
 @media (max-width: 390px) {
-.album-disc[data-v-1fd4a9dc] { left: 25px; transform: scale(.84); transform-origin: left top;
-}.track-strip[data-v-1fd4a9dc] { padding-left: 123px;
-}.top-controls[data-v-1fd4a9dc] { margin-left: 120px;
-}.top-controls button[data-v-1fd4a9dc] { min-width: 21px; padding-inline: 4px;
+.album-disc[data-v-1548e8dc] { left: 25px; transform: scale(.84); transform-origin: left top;
+}.track-strip[data-v-1548e8dc] { padding-left: 123px;
+}.top-controls[data-v-1548e8dc] { margin-left: 120px;
+}.top-controls button[data-v-1548e8dc] { min-width: 21px; padding-inline: 4px;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.music-flip[data-v-1fd4a9dc], .track-strip[data-v-1fd4a9dc] { transition-duration: .001ms;
-}.album-disc.playing[data-v-1fd4a9dc], .music-note.playing[data-v-1fd4a9dc], .music-state.loading .music-placeholder[data-v-1fd4a9dc] { animation: none;
+.music-flip[data-v-1548e8dc], .track-strip[data-v-1548e8dc] { transition-duration: .001ms;
+}.album-disc.playing[data-v-1548e8dc], .music-note.playing[data-v-1548e8dc], .music-state.loading .music-placeholder[data-v-1548e8dc] { animation: none;
 }
 }
 
@@ -1412,9 +1412,9 @@ to {
 
 @font-face {
   font-family: "iconfont"; /* Project id 5151872 */
-  src: url(87fb582877a0ff9c8e1b.woff2?t=1788005873234) format('woff2'),
-       url(fonts/iconfont-7cff7e452b8a646c4d14.woff) format('woff'),
-       url(fonts/iconfont-a3484e2027fb8a933e71.ttf) format('truetype');
+  src: url(f7c35eebde006eb64cfc.woff2?t=1788070334969) format('woff2'),
+       url(fonts/iconfont-dc4fd5e68c756265558a.woff) format('woff'),
+       url(fonts/iconfont-2c83b1d1614bf6a94af0.ttf) format('truetype');
 }
 
 .iconfont {
@@ -1425,6 +1425,10 @@ to {
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-timeline:before {
+  content: "\f3a4";
+}
+
 .icon-star1:before {
   content: "\e65d";
 }
@@ -3251,77 +3255,67 @@ div[data-v-7371d421] {
 }
 
 
-.cube-timeline[data-v-266a962b] { --timeline-line: color-mix(in srgb, var(--color) 20%, transparent); --timeline-default: color-mix(in srgb, var(--color) 52%, var(--page-bg)); --timeline-current: var(--selection-bg); --timeline-done: #22a06b; display: flex; flex-direction: column; margin: 0.5em 0; padding: 0.2em 0;
+.cube-timeline[data-v-12d6693e] { --timeline-line: color-mix(in srgb, var(--color) 20%, transparent); --timeline-default: color-mix(in srgb, var(--color) 52%, var(--page-bg)); --timeline-current: var(--selection-bg); --timeline-done: #22a06b; display: flex; flex-direction: column; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; margin: 0.5em 0; padding: 0.2em 0;
 }
 .timeline-item {
-&[data-v-266a962b] { display: grid; grid-template-columns: minmax(6.5em, 8.75em) 2.1em minmax(0, 1fr); min-height: 3.2em; transition: opacity 0.14s ease;
+&[data-v-12d6693e] { display: grid; grid-template-columns: minmax(6.5em, 8.25em) 2.1em minmax(0, 1fr); min-width: 0; max-width: 100%; min-height: 3.55em; box-sizing: border-box; transition: opacity 0.14s ease;
  }
-&:last-child .timeline-rail[data-v-266a962b]::after { display: none;
+&:last-child .timeline-rail[data-v-12d6693e]::after { display: none;
 }
-&.dragging[data-v-266a962b] { opacity: 0.45;
+&.dragging[data-v-12d6693e] { opacity: 0.45;
 }
-&.drop-target .timeline-main[data-v-266a962b] { box-shadow: inset 0 2px 0 var(--timeline-current);
+&.drop-target .timeline-main[data-v-12d6693e] { box-shadow: inset 0 2px 0 var(--timeline-current);
 }
 }
 .timeline-rail {
-&[data-v-266a962b] { position: relative; display: flex; justify-content: center; padding-top: 0.2em;
+&[data-v-12d6693e] { position: relative; display: flex; justify-content: center; padding-top: 0.2em;
  }
-&[data-v-266a962b]::after { position: absolute; top: 1.95em; bottom: -0.2em; width: 1px; background: var(--timeline-line); content: "";
+&[data-v-12d6693e]::after { position: absolute; top: 1.95em; bottom: -0.2em; width: 1px; background: var(--timeline-line); content: "";
 }
 }
-.line-dashed .timeline-rail[data-v-266a962b]::after { background: repeating-linear-gradient(to bottom, var(--timeline-line) 0 4px, transparent 4px 8px);
+.line-dashed .timeline-rail[data-v-12d6693e]::after { background: repeating-linear-gradient(to bottom, var(--timeline-line) 0 4px, transparent 4px 8px);
 }
 .timeline-marker {
-&[data-v-266a962b] { z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 1.4em; height: 1.4em; padding: 0; border: 2px solid currentColor; border-radius: 2px; color: var(--timeline-default); background: var(--page-bg); cursor: grab; font-size: 0.88em; line-height: 1; touch-action: none; transform: rotate(45deg); transition: transform 0.16s ease, box-shadow 0.16s ease;
+&[data-v-12d6693e] { z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 1.4em; height: 1.4em; padding: 0; border: 2px solid currentColor; border-radius: 2px; color: var(--timeline-default); background: var(--page-bg); cursor: grab; font-size: 0.88em; line-height: 1; touch-action: none; transform: rotate(45deg); transition: transform 0.16s ease, box-shadow 0.16s ease;
  }
-> span[data-v-266a962b] { transform: rotate(-45deg);
+> span[data-v-12d6693e] { transform: rotate(-45deg);
 }
-&[data-v-266a962b]:active { cursor: grabbing;
+&[data-v-12d6693e]:active { cursor: grabbing;
 }
-&[data-v-266a962b]:hover, &[data-v-266a962b]:focus-visible { transform: rotate(45deg) scale(1.12); box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 18%, transparent); outline: none;
+&[data-v-12d6693e]:hover, &[data-v-12d6693e]:focus-visible { transform: rotate(45deg) scale(1.12); box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 18%, transparent); outline: none;
 }
 }
-.state-current .timeline-marker[data-v-266a962b] { color: var(--timeline-current); background: var(--timeline-current); box-shadow: 0 0 0 3px color-mix(in srgb, var(--timeline-current) 18%, transparent);
-}.state-done .timeline-marker[data-v-266a962b] { border-color: var(--timeline-done); color: white; background: var(--timeline-done);
+.state-current .timeline-marker[data-v-12d6693e] { color: var(--timeline-current); background: var(--timeline-current); box-shadow: 0 0 0 3px color-mix(in srgb, var(--timeline-current) 18%, transparent);
+}.state-done .timeline-marker[data-v-12d6693e] { border-color: var(--timeline-done); color: white; background: var(--timeline-done);
 }
-.timeline-main[data-v-266a962b] { min-width: 0; padding-bottom: 0.8em;
-}.timeline-meta[data-v-266a962b] { display: flex; align-items: flex-start; justify-content: flex-end; align-self: start; min-width: 0; padding: 0.05em 0.35em 0 0;
+.timeline-main[data-v-12d6693e] { min-width: 0; padding-bottom: 0.8em;
+}.timeline-meta[data-v-12d6693e] { display: flex; align-items: flex-start; justify-content: flex-end; align-self: start; min-width: 0; padding: 0.05em 0.35em 0 0;
 }.timeline-time {
-&[data-v-266a962b] { display: flex; flex: 0 1 auto; flex-direction: column; align-items: flex-end; min-width: 0; padding: 0; border: 0; color: color-mix(in srgb, var(--color) 68%, transparent); background: transparent; cursor: pointer; font-variant-numeric: tabular-nums; line-height: 1; transition: color 0.14s ease;
+&[data-v-12d6693e] { display: flex; flex: 0 1 auto; flex-direction: column; align-items: flex-end; min-width: 0; padding: 0; border: 0; color: color-mix(in srgb, var(--color) 68%, transparent); background: transparent; cursor: pointer; font-variant-numeric: tabular-nums; line-height: 1; transition: color 0.14s ease;
  }
-&[data-v-266a962b]:hover, &[data-v-266a962b]:focus-visible { color: var(--selection-bg); outline: none;
+&[data-v-12d6693e]:hover, &[data-v-12d6693e]:focus-visible { color: var(--selection-bg); outline: none;
 }
-&.unscheduled[data-v-266a962b] { color: color-mix(in srgb, var(--color) 42%, transparent); font-style: italic;
+&.unscheduled[data-v-12d6693e] { color: color-mix(in srgb, var(--color) 42%, transparent); font-style: italic;
 }
-}.timeline-stamp[data-v-266a962b] { display: flex; align-items: baseline; gap: 0.38em; white-space: nowrap;
-}.timeline-month[data-v-266a962b] { color: color-mix(in srgb, currentColor 72%, transparent); font-size: 0.61em; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase;
-}.timeline-date[data-v-266a962b] { font-size: 1.6em; font-weight: 680; letter-spacing: -0.035em;
-}.timeline-detail[data-v-266a962b] { display: flex; align-items: center; gap: 0.38em; margin-top: 0.17em; color: color-mix(in srgb, var(--color) 57%, transparent); font-size: 0.65em; letter-spacing: 0.07em;
+}.timeline-stamp[data-v-12d6693e] { display: flex; align-items: baseline; gap: 0.38em; white-space: nowrap;
+}.timeline-month[data-v-12d6693e] { color: color-mix(in srgb, currentColor 72%, transparent); font-size: 0.72em; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase;
+}.timeline-date[data-v-12d6693e] { font-size: 2.05em; font-weight: 680; letter-spacing: -0.035em;
+}.timeline-detail[data-v-12d6693e] { display: flex; align-items: center; gap: 0.38em; margin-top: 0.22em; color: color-mix(in srgb, var(--color) 57%, transparent); font-size: 0.76em; letter-spacing: 0.07em;
 }.timeline-clock {
-&[data-v-266a962b] { font-weight: 600; letter-spacing: 0.035em;
+&[data-v-12d6693e] { font-weight: 600; letter-spacing: 0.035em;
  }
-&[data-v-266a962b]::before { margin-right: 0.38em; color: color-mix(in srgb, currentColor 55%, transparent); content: "·";
+&[data-v-12d6693e]::before { margin-right: 0.38em; color: color-mix(in srgb, currentColor 55%, transparent); content: "·";
 }
 }.timeline-box {
-&[data-v-266a962b] { min-width: 0; border-radius: 6px;
+&[data-v-12d6693e] { min-width: 0; max-width: 100%; border-radius: 6px;
  }
-&[data-v-266a962b]:hover, &[data-v-266a962b]:focus-within { background: color-mix(in srgb, var(--selection-bg) 5%, transparent);
-}
-}@media (max-width: 560px) {
-.timeline-item[data-v-266a962b] { grid-template-columns: minmax(5.6em, 7em) 1.8em minmax(0, 1fr);
-}.timeline-date[data-v-266a962b] { font-size: 1.35em;
-}.timeline-month[data-v-266a962b] { font-size: 0.56em;
-}
+&[data-v-12d6693e]:hover, &[data-v-12d6693e]:focus-within { background: color-mix(in srgb, var(--selection-bg) 5%, transparent);
 }
-.timeline-item[data-v-266a962b] { grid-template-columns: minmax(7.75em, 10.5em) 2.1em minmax(0, 1fr); min-height: 3.55em;
-}.timeline-month[data-v-266a962b] { font-size: 0.72em;
-}.timeline-date[data-v-266a962b] { font-size: 2.05em;
-}.timeline-detail[data-v-266a962b] { margin-top: 0.22em; font-size: 0.76em;
 }@media (max-width: 560px) {
-.timeline-item[data-v-266a962b] { grid-template-columns: minmax(6.5em, 8.25em) 1.8em minmax(0, 1fr); min-height: 3.35em;
-}.timeline-month[data-v-266a962b] { font-size: 0.62em;
-}.timeline-date[data-v-266a962b] { font-size: 1.65em;
-}.timeline-detail[data-v-266a962b] { font-size: 0.69em;
+.timeline-item[data-v-12d6693e] { grid-template-columns: minmax(5.6em, 7em) 1.8em minmax(0, 1fr); min-height: 3.35em;
+}.timeline-month[data-v-12d6693e] { font-size: 0.62em;
+}.timeline-date[data-v-12d6693e] { font-size: 1.65em;
+}.timeline-detail[data-v-12d6693e] { font-size: 0.69em;
 }
 }
 
@@ -4752,24 +4746,35 @@ input[data-v-6ff89519] { position: absolute; inset: 0; width: 100%; height: 100%
 
 
 /* ── 右上角关闭按钮（覆盖 dialog-common 默认样式） ── */
-.box-custom-style .close-corner[data-v-3f05fd7c] {
+.box-custom-style .close-corner[data-v-51900102] {
     position: absolute;
     right: 0px;
 }
 
 /* 面板标题 */
-.dialog-header-box[data-v-3f05fd7c] {
+.dialog-header-box {
+&[data-v-51900102]{
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 2px 16px 10px;
+    }
+> div[data-v-51900102] {
+        text-align: center;
+}
+}
+.dialog-header-hint[data-v-51900102] {
+    margin-top: 4px;
+    color: var(--dialog-header-color);
+    font-size: 11px;
+    opacity: 0.58;
 }
 .box-custom-style {
-&[data-v-3f05fd7c]{
+&[data-v-51900102]{
     max-width: 700px;
     }
 .box-css {
-&[data-v-3f05fd7c]{
+&[data-v-51900102]{
         display: flex;
         flex-flow: row nowrap;
         align-items: flex-start;
@@ -4777,18 +4782,18 @@ input[data-v-6ff89519] { position: absolute; inset: 0; width: 100%; height: 100%
         overflow-x: scroll;
         padding: 6px 2px;
         }
-&[data-v-3f05fd7c]::-webkit-scrollbar {
+&[data-v-51900102]::-webkit-scrollbar {
             height: 4px;
 }
-&[data-v-3f05fd7c]::-webkit-scrollbar-track {
+&[data-v-51900102]::-webkit-scrollbar-track {
             background: transparent;
 }
-&[data-v-3f05fd7c]::-webkit-scrollbar-thumb {
+&[data-v-51900102]::-webkit-scrollbar-thumb {
             background: rgba(0, 0, 0, 0.12);
             border-radius: 4px;
 }
 .css-card {
-&[data-v-3f05fd7c]{
+&[data-v-51900102]{
             min-width: 140px;
             background: var(--dialog-subcard-bg);
             border-radius: 8px;
@@ -4802,7 +4807,7 @@ input[data-v-6ff89519] { position: absolute; inset: 0; width: 100%; height: 100%
             overflow: hidden;
             border: 1px solid rgba(0, 0, 0, 0.06);
             }
-.css-card-title[data-v-3f05fd7c] {
+.css-card-title[data-v-51900102] {
                 width: 100%;
                 display: flex;
                 justify-content: center;
@@ -4816,17 +4821,17 @@ input[data-v-6ff89519] { position: absolute; inset: 0; width: 100%; height: 100%
                 white-space: nowrap;
 }
 .css-itembox {
-&[data-v-3f05fd7c]{
+&[data-v-51900102]{
                 padding: 6px 8px;
                 max-height: 260px;
                 overflow-y: scroll;
                 width: 100%;
                 }
-&[data-v-3f05fd7c]::-webkit-scrollbar {
+&[data-v-51900102]::-webkit-scrollbar {
                     display: none;
 }
 .css-item {
-&[data-v-3f05fd7c]{
+&[data-v-51900102]{
                     cursor: pointer;
                     padding: 4px 8px;
                     border-radius: 6px;
@@ -4836,33 +4841,33 @@ input[data-v-6ff89519] { position: absolute; inset: 0; width: 100%; height: 100%
                     gap: 4px;
                     transition: background 0.15s;
                     }
-.css-key[data-v-3f05fd7c] {
+.css-key[data-v-51900102] {
                         color: var(--dialog-header-color);
                         font-weight: 500;
                         opacity: 0.85;
 }
-.css-sep[data-v-3f05fd7c] {
+.css-sep[data-v-51900102] {
                         opacity: 0.35;
                         font-size: 11px;
 }
-.css-val[data-v-3f05fd7c] {
+.css-val[data-v-51900102] {
                         opacity: 0.7;
                         font-size: 11px;
                         white-space: nowrap;
 }
 &:hover {
-&[data-v-3f05fd7c]{
+&[data-v-51900102]{
                         background: rgba(220, 80, 80, 0.1);
                         }
-.css-key[data-v-3f05fd7c],
-                        .css-val[data-v-3f05fd7c] {
+.css-key[data-v-51900102],
+                        .css-val[data-v-51900102] {
                             color: var(--dialog-css-item-color-hover);
                             opacity: 1;
 }
 }
 }
 }
-&[data-v-3f05fd7c]:hover {
+&[data-v-51900102]:hover {
                 box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
                 transform: translateY(-1px);
 }
@@ -4870,7 +4875,7 @@ input[data-v-6ff89519] { position: absolute; inset: 0; width: 100%; height: 100%
 }
 }
 .scroll {
-&[data-v-3f05fd7c]{
+&[data-v-51900102]{
     display: flex;
     justify-content: center;
     align-items: center;
@@ -4883,12 +4888,12 @@ input[data-v-6ff89519] { position: absolute; inset: 0; width: 100%; height: 100%
     opacity: 0.7;
     letter-spacing: 0.3px;
     }
-.scroll-sep[data-v-3f05fd7c] {
+.scroll-sep[data-v-51900102] {
         opacity: 0.4;
 }
 }
 .inputbox {
-&[data-v-3f05fd7c]{
+&[data-v-51900102]{
     display: grid;
     grid-template-columns: 1fr 1fr auto;
     align-items: end;
@@ -4899,20 +4904,67 @@ input[data-v-6ff89519] { position: absolute; inset: 0; width: 100%; height: 100%
     border: 1px solid rgba(0, 0, 0, 0.06);
     }
 .input-field {
-&[data-v-3f05fd7c]{
+&[data-v-51900102]{
         display: flex;
         flex-direction: column;
         gap: 5px;
+        position: relative;
         }
-.input-label[data-v-3f05fd7c] {
+.input-label[data-v-51900102] {
             font-size: 11px;
             opacity: 0.5;
             letter-spacing: 0.5px;
             padding-left: 2px;
 }
+.css-suggestions {
+&[data-v-51900102]{
+            position: absolute;
+            z-index: 2;
+            top: calc(100% + 4px);
+            left: 0;
+            right: 0;
+            display: flex;
+            flex-direction: column;
+            max-height: 220px;
+            overflow-y: auto;
+            padding: 4px;
+            border: 1px solid rgba(0, 0, 0, 0.1);
+            border-radius: 6px;
+            background: var(--dialog-subcard-bg);
+            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
+            }
+button {
+&[data-v-51900102]{
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: 8px;
+                padding: 6px 8px;
+                border: 0;
+                border-radius: 4px;
+                color: inherit;
+                font: inherit;
+                text-align: left;
+                cursor: pointer;
+                background: transparent;
+                }
+&[data-v-51900102]:hover,
+                &.selected[data-v-51900102] {
+                    background: rgba(0, 0, 0, 0.06);
+}
+small[data-v-51900102] {
+                    overflow: hidden;
+                    color: inherit;
+                    font-size: 11px;
+                    opacity: 0.58;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+}
+}
+}
 }
 .submit-css {
-&[data-v-3f05fd7c]{
+&[data-v-51900102]{
         cursor: pointer;
         background: var(--float-confirm-gradient);
         color: var(--float-confirm-color);
@@ -4925,7 +4977,7 @@ input[data-v-6ff89519] { position: absolute; inset: 0; width: 100%; height: 100%
             box-shadow 0.2s,
             transform 0.15s;
         }
-&[data-v-3f05fd7c]:hover {
+&[data-v-51900102]:hover {
             box-shadow: var(--float-confirm-hover-shadow);
             transform: translateY(-1px);
 }
@@ -5812,53 +5864,59 @@ button[data-v-917e68b2] { padding: 8px 12px; border-radius: 7px; cursor: pointer
 }
 
 
-.key-overlay[data-v-7f95f03a] { position: fixed; inset: 0; z-index: var(--float-zindex); display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, 0.35);
+.key-overlay[data-v-ad96cd3c] { position: fixed; inset: 0; z-index: var(--float-zindex); display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, 0.35);
 }
 .key-dialog {
-&[data-v-7f95f03a] { position: relative; width: min(500px, calc(100vw - 32px)); padding: 22px; border: var(--dialog-cubelist-border); border-radius: 12px; color: var(--dialog-cubelist-input-color); background: var(--dialog-cubelist-bg); box-shadow: var(--dialog-cubelist-box-shadow);
+&[data-v-ad96cd3c] { position: relative; width: min(500px, calc(100vw - 32px)); padding: 22px; border: var(--dialog-cubelist-border); border-radius: 12px; color: var(--dialog-cubelist-input-color); background: var(--dialog-cubelist-bg); box-shadow: var(--dialog-cubelist-box-shadow);
  }
-.close-corner[data-v-7f95f03a] { position: absolute; top: 10px; right: 10px; border: 0; color: inherit; background: transparent; cursor: pointer;
+.close-corner[data-v-ad96cd3c] { position: absolute; top: 10px; right: 10px; border: 0; color: inherit; background: transparent; cursor: pointer;
 }
 header {
-&[data-v-7f95f03a] { margin-bottom: 17px;
+&[data-v-ad96cd3c] { margin-bottom: 17px;
   }
-h2[data-v-7f95f03a], p[data-v-7f95f03a] { margin: 0;
+h2[data-v-ad96cd3c], p[data-v-ad96cd3c] { margin: 0;
+}
+p[data-v-ad96cd3c] { margin-top: 5px; font-size: 13px; opacity: 0.7;
 }
-p[data-v-7f95f03a] { margin-top: 5px; font-size: 13px; opacity: 0.7;
+kbd[data-v-ad96cd3c] { padding: 1px 4px; border: 1px solid color-mix(in srgb, currentColor 22%, transparent); border-radius: 3px; font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.05em;
 }
+.header-key-separator[data-v-ad96cd3c] { margin: 0 4px; font-weight: 700;
 }
-label[data-v-7f95f03a] { display: flex; flex-direction: column; gap: 6px; font-size: 13px;
 }
-input[data-v-7f95f03a], select[data-v-7f95f03a] { height: 34px; box-sizing: border-box; padding: 0 9px; border: var(--menu-dialog-input-border); border-radius: 6px; color: inherit; background: transparent;
+label[data-v-ad96cd3c] { display: flex; flex-direction: column; gap: 6px; font-size: 13px;
+}
+input[data-v-ad96cd3c], select[data-v-ad96cd3c] { height: 34px; box-sizing: border-box; padding: 0 9px; border: var(--menu-dialog-input-border); border-radius: 6px; color: inherit; background: transparent;
 }
 .capture {
-&[data-v-7f95f03a] { width: 100%; margin-top: 9px; padding: 8px; border: 1px dashed color-mix(in srgb, var(--selection-bg) 52%, transparent); border-radius: 6px; color: var(--selection-bg); background: color-mix(in srgb, var(--selection-bg) 7%, transparent); cursor: pointer;
+&[data-v-ad96cd3c] { width: 100%; margin: 0 0 9px; padding: 8px; border: 1px dashed color-mix(in srgb, var(--selection-bg) 52%, transparent); border-radius: 6px; color: var(--selection-bg); background: color-mix(in srgb, var(--selection-bg) 7%, transparent); cursor: pointer;
   }
-&.listening[data-v-7f95f03a] { animation: listening-pulse-7f95f03a 1.2s ease-in-out infinite;
+&.listening[data-v-ad96cd3c] { animation: listening-pulse-ad96cd3c 1.2s ease-in-out infinite;
 }
-&[data-v-7f95f03a]:focus-visible { outline: 2px solid var(--selection-bg); outline-offset: 2px;
+&[data-v-ad96cd3c]:focus-visible { outline: 2px solid var(--selection-bg); outline-offset: 2px;
 }
 }
 .preview {
-&[data-v-7f95f03a] { display: flex; gap: 6px; min-height: 42px; align-items: center; margin: 12px 0 16px; padding: 0 10px; border-radius: 7px; background: color-mix(in srgb, var(--selection-bg) 8%, transparent);
+&[data-v-ad96cd3c] { display: flex; flex-wrap: wrap; gap: 7px; min-height: 54px; align-items: center; margin: 12px 0 16px; padding: 9px 11px; border: 1px solid color-mix(in srgb, var(--selection-bg) 24%, transparent); border-radius: 8px; background: linear-gradient(135deg, color-mix(in srgb, var(--selection-bg) 12%, var(--dialog-cubelist-bg)), color-mix(in srgb, var(--selection-bg) 4%, var(--dialog-cubelist-bg))); box-shadow: inset 0 1px 0 color-mix(in srgb, white 26%, transparent);
   }
-kbd[data-v-7f95f03a] { padding: 4px 7px; border: var(--menu-dialog-input-border); border-radius: 4px; background: var(--page-bg); font-family: inherit;
+.key-separator[data-v-ad96cd3c] { color: color-mix(in srgb, var(--selection-bg) 72%, currentColor); font: 700 15px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+kbd[data-v-ad96cd3c] { display: inline-flex; min-width: 2.15em; min-height: 30px; align-items: center; justify-content: center; padding: 0 9px; border: 1px solid color-mix(in srgb, var(--selection-bg) 30%, currentColor); border-bottom-width: 2px; border-radius: 5px; color: color-mix(in srgb, var(--selection-bg) 58%, currentColor); background: var(--page-bg); box-shadow: inset 0 1px 0 color-mix(in srgb, white 38%, transparent), 0 1px 1px color-mix(in srgb, black 9%, transparent); font: 700 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 0.06em;
 }
 }
-.fields[data-v-7f95f03a] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
+.fields[data-v-ad96cd3c] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
 }
 .actions {
-&[data-v-7f95f03a] { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; margin-top: 19px;
+&[data-v-ad96cd3c] { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; margin-top: 19px;
   }
-button[data-v-7f95f03a] { padding: 8px 12px; border-radius: 7px; cursor: pointer;
+button[data-v-ad96cd3c] { padding: 8px 12px; border-radius: 7px; cursor: pointer;
 }
-.secondary[data-v-7f95f03a] { border: var(--menu-dialog-input-border); color: inherit; background: transparent;
+.secondary[data-v-ad96cd3c] { border: var(--menu-dialog-input-border); color: inherit; background: transparent;
 }
-.primary[data-v-7f95f03a] { border: 1px solid var(--menu-item-active-color); color: var(--menu-dialog-bg); background: var(--menu-item-active-color);
+.primary[data-v-ad96cd3c] { border: 1px solid var(--menu-item-active-color); color: var(--menu-dialog-bg); background: var(--menu-item-active-color);
 }
 }
 }
-@keyframes listening-pulse-7f95f03a {
+@keyframes listening-pulse-ad96cd3c {
 50% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--selection-bg) 20%, transparent);
 }
 }