.music-desk{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px 26px;align-items:stretch}.music-desk>.music-panel{min-width:0}.music-desk>.now-playing,.music-desk>.admin-ops,.music-desk>.history-panel{grid-column:1 / -1}.music-panel{padding:20px 22px;border:1px solid var(--line);border-radius:6px;background:var(--panel-bg)}.now-body{display:flex;align-items:center;gap:18px;min-width:0}.now-cover{display:grid;width:96px;height:96px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:6px;color:var(--line-strong);background:var(--panel-muted);font-size:26px}.now-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.now-copy{min-width:0;flex:1}.now-copy h3{margin:0;overflow:hidden;color:var(--text);font-size:17px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.now-artist{margin:5px 0 0;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.now-meta{display:flex;align-items:center;gap:9px;margin:9px 0 0;color:var(--muted);font-size:11px}.playing-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.playing-bars i{width:2px;height:5px;background:var(--primary);animation:music-desk-equalize .8s ease-in-out infinite alternate}.playing-bars i:nth-child(2){height:11px;animation-delay:-.3s}.playing-bars i:nth-child(3){height:8px;animation-delay:-.6s}.progress-track{height:3px;margin:20px 0 0;background:var(--panel-muted)}.progress-track>span{display:block;height:100%;background:var(--primary);transition:width .25s linear}.progress-time{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.connection-pill{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;font-size:11px;font-weight:600}.connection-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.connection-pill.is-ok{color:var(--success)}.connection-pill.is-warning{color:var(--gold)}.connection-pill.is-off{color:var(--muted)}.ops-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ops-buttons .icon-button{font-size:16px}.ops-volume{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--muted);font-size:12px}.ops-volume input[type=range]{flex:1;max-width:280px;accent-color:var(--primary)}.ops-volume .count-label{color:var(--muted);background:transparent;font-variant-numeric:tabular-nums}.source-tabs{display:inline-flex;gap:3px;margin-bottom:13px;padding:3px;border:1px solid var(--line);border-radius:6px;background:var(--panel-muted)}.source-chip{padding:5px 13px;border-radius:4px;color:var(--muted);font-size:11px;transition:background .15s,color .15s}.source-chip:hover{color:var(--text)}.source-chip.is-active{color:var(--text);background:var(--page-bg);box-shadow:0 1px 3px #00000012;font-weight:600}.search-form{display:flex;align-items:center;gap:8px}.search-field{display:flex;min-width:0;flex:1;align-items:center;gap:9px;height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:6px;color:var(--muted);background:var(--page-bg)}.search-field:focus-within{border-color:var(--primary)}.search-field input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent;font-size:12px}.search-field input::-moz-placeholder{color:var(--muted)}.search-field input::placeholder{color:var(--muted)}.track-list{margin-top:6px}.track-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 0;border-bottom:1px solid var(--line)}.track-row:last-child{border-bottom:0}.track-index{width:20px;flex-shrink:0;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;text-align:right}.track-art{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:4px;color:var(--line-strong);background:var(--panel-muted);font-size:15px}.track-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.track-copy{display:flex;min-width:0;flex:1;flex-direction:column}.track-copy strong,.track-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-copy strong{color:var(--text);font-size:12px;font-weight:600}.track-copy small{margin-top:3px;color:var(--muted);font-size:10px}.track-time{flex-shrink:0;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.track-add{min-height:30px;padding:5px 12px;font-size:11px}.load-more{width:100%;margin-top:12px}.queue-panel{display:flex;flex-direction:column}.queue-panel .count-label{color:var(--muted);background:transparent}.queue-panel .icon-button{width:28px;height:28px;font-size:14px}.queue-panel .queue-empty{flex:1 1 auto;margin-bottom:14px}.queue-panel>.queue-list{margin-bottom:14px}.queue-panel>.queue-note{margin-top:auto}.queue-note{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.music-credit{grid-column:1 / -1;margin:0;color:var(--muted);font-size:10px;text-align:center}.music-credit a{color:var(--primary);font-weight:600}.music-credit a:hover{text-decoration:underline}.now-heading-actions{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.now-heading-actions .source-chip{display:inline-flex;align-items:center;gap:6px}.now-main{min-width:0}.now-lyrics{--lyric-line-height: 28px;display:flex;min-width:0;flex:1 1 0;align-self:center;flex-direction:column;justify-content:center}.lyrics-scroll{height:calc(var(--lyric-line-height) * 3);overflow-y:auto;text-align:center;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}.lyrics-scroll::-webkit-scrollbar{display:none}.lyric-line{margin:0;overflow:hidden;color:var(--muted);font-size:15px;line-height:var(--lyric-line-height);white-space:nowrap;text-overflow:ellipsis;transition:color .2s}.lyric-line.is-active{color:var(--primary);font-size:17px;font-weight:600}.lyrics-hint{margin:0;color:var(--muted);font-size:12px;text-align:center}.history-panel .track-row{min-height:46px}.music-toast{position:fixed;right:24px;bottom:24px;z-index:60;max-width:min(420px,calc(100vw - 32px));margin:0;padding:11px 15px;border-radius:6px;color:var(--page-bg);background:var(--text);box-shadow:0 12px 30px #0000001f;font-size:12px}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translateY(6px)}.music-desk .animate-spin{animation:music-desk-spin .9s linear infinite}@keyframes music-desk-spin{to{transform:rotate(360deg)}}@keyframes music-desk-equalize{to{transform:scaleY(.45)}}@media (prefers-reduced-motion: reduce){.music-desk *,.music-toast{animation:none!important;transition:none!important}}@media (max-width: 1199px){.music-desk{grid-template-columns:minmax(0,1fr) 300px;gap:20px}}@media (max-width: 899px){.music-desk{grid-template-columns:minmax(0,1fr)}.music-desk>.now-playing,.music-desk>.admin-ops{grid-column:auto}.music-panel{padding:18px 16px}.now-cover{width:78px;height:78px}.now-copy h3{font-size:15px}.now-body{flex-wrap:wrap}.now-body>.now-lyrics{flex:1 1 100%;order:2;padding-top:8px}}@media (max-width: 560px){.track-time,.track-index{display:none}.track-add{padding:5px 9px}.music-toast{right:16px;bottom:16px;left:16px;max-width:none}}