#musicDockHost{flex:none;min-width:0}
.zmd{margin:8px 12px 10px;border:1px solid rgba(169,139,229,.24);border-radius:14px;background:linear-gradient(140deg,rgba(79,53,117,.22),rgba(24,29,45,.82));color:#f2edf9;box-shadow:0 8px 24px rgba(0,0,0,.1);font:inherit;overflow:hidden}
.zmd *{box-sizing:border-box}
.zmd button,.zmd input{font:inherit}
.zmd-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 12px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.zmd-note{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:#7353ab;color:#fff;font-size:19px}
.zmd-heading{font-weight:700;font-size:13px}
.zmd-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bcb0ce;font-size:12px}
.zmd-chevron{margin-left:auto;color:#bda7dd;font-size:20px;line-height:1;transition:transform .18s}
.zmd-toggle[aria-expanded="true"] .zmd-chevron{transform:rotate(180deg)}
.zmd-content{padding:2px 12px 12px;border-top:1px solid rgba(169,139,229,.17);max-height:min(340px,42vh);overflow-y:auto;overscroll-behavior:contain}
.zmd-content[hidden]{display:none}
.zmd-now{display:flex;flex-direction:column;gap:2px;padding:12px 2px 11px;min-width:0}
.zmd-overline{color:#b998e9;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.zmd-title{overflow-wrap:anywhere;font-size:14px;line-height:1.3}
.zmd-state{color:#aea8ba;font-size:11px}
.zmd-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.zmd button[data-zmd-action],.zmd button[data-zmd-play]{min-height:44px;padding:7px 8px;border:1px solid rgba(186,159,225,.27);border-radius:9px;background:#39314e;color:#f3eefe;cursor:pointer;font-size:12px;font-weight:650;line-height:1.2}
.zmd button[data-zmd-action]:hover:not(:disabled),.zmd button[data-zmd-play]:hover:not(:disabled){background:#59436f}
.zmd button[data-zmd-action]:disabled,.zmd button[data-zmd-play]:disabled,.zmd input:disabled{opacity:.48;cursor:not-allowed}
.zmd [data-zmd-action="stop"]{background:#49303c}
.zmd-search{margin-top:13px}
.zmd-search label{display:block;margin-bottom:6px;color:#c8bfd5;font-size:11px;font-weight:650}
.zmd-search-row{display:flex;gap:6px}
.zmd-search input{min-width:0;flex:1;height:44px;padding:0 10px;border:1px solid #544767;border-radius:9px;background:#191b29;color:#f5f2f9;font-size:12px;outline:none}
.zmd-search input::placeholder{color:#858094}
.zmd-search-row button{flex:none}
.zmd-queue-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;font-size:12px}
.zmd-count,.zmd-empty{color:#aaa3b8;font-size:11px}
.zmd-queue{list-style:none;margin:6px 0 0;padding:0;max-height:170px;overflow:auto}
.zmd-queue li{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 0;border-top:1px solid rgba(169,139,229,.13);font-size:12px}
.zmd-queue li span{min-width:0;flex:1;overflow-wrap:anywhere}
.zmd-queue [data-zmd-action="remove"]{flex:none}
.zmd-empty{margin:8px 0 0}
.zmd-empty[hidden]{display:none}
.zmd-feedback{min-height:16px;margin:8px 0 0;color:#d0bdec;font-size:11px;line-height:1.4}
.zmd-feedback.zmd-error{color:#ffb9c2}
.zmd :is(button,input):focus-visible{outline:2px solid #65d5c6;outline-offset:2px}
@media(max-width:410px){.zmd-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.zmd-search-row{flex-wrap:wrap}.zmd-search-row input,.zmd-search-row button{width:100%;flex:auto}}
@media(prefers-reduced-motion:reduce){.zmd-chevron{transition:none}}