.music-panel.svelte-1gkm2ew{width:390px;display:flex;align-items:center;gap:0;background:linear-gradient(135deg,#e2e2e2,#f5f5f5 55%,#fff);border:2px solid var(--color-shell-bg);box-shadow:8px 8px 0 var(--color-shell-bg);font-family:var(--font-mono);font-size:.72rem;color:var(--color-text);overflow:hidden}.play-btn.svelte-1gkm2ew{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-right:1px solid #bbb;color:var(--color-text);cursor:pointer;transition:background .15s ease}.play-btn.svelte-1gkm2ew:hover{background:var(--color-surface-overlay-hover)}.play-btn.svelte-1gkm2ew:active{background:var(--color-surface-overlay-active)}.play-btn.svelte-1gkm2ew i:where(.svelte-1gkm2ew){font-size:.8rem}.loading-dot.svelte-1gkm2ew{width:8px;height:8px;border-radius:50%;background:#d32f2f;animation:svelte-1gkm2ew-pulse .8s ease-in-out infinite}@keyframes svelte-1gkm2ew-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.track-display.svelte-1gkm2ew{flex:1;min-width:0;overflow:hidden;padding:0 .75rem;-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.track-text.svelte-1gkm2ew{display:block;white-space:nowrap;overflow:hidden;text-overflow:clip}.track-text.svelte-1gkm2ew:before{content:"♫ ";opacity:.6}.dark-mode .music-panel.svelte-1gkm2ew{background:linear-gradient(135deg,#141414,#101010 55%,#080808);box-shadow:8px 8px 0 var(--color-black-60);color:var(--color-shell-text-dim)}.dark-mode .play-btn.svelte-1gkm2ew{color:var(--color-shell-text-dim);border-right-color:var(--color-shell-divider)}.dark-mode .play-btn.svelte-1gkm2ew:hover{background:var(--color-white-10)}.dark-mode .play-btn.svelte-1gkm2ew:active{background:var(--color-border-hover)}.dark-mode .loading-dot.svelte-1gkm2ew{background:#f87171}@media(prefers-reduced-motion:reduce){.loading-dot.svelte-1gkm2ew{animation:none;opacity:1}}