.music-theme-violet{--music-a:#7958ae;--music-b:#493366}.music-theme-blue{--music-a:#386c9e;--music-b:#224565}.music-theme-rose{--music-a:#a64d75;--music-b:#653247}.music-theme-green{--music-a:#36796d;--music-b:#204d45}.music-theme-graphite{--music-a:#505662;--music-b:#2d3139}
.music-block,.music-dock{--muted:#ffffffd6;--text:#fff;--line:#ffffff30;--glass-field:#ffffff1c;--panel:#ffffff18;min-width:0;box-sizing:border-box;color:#fff;background:linear-gradient(135deg,var(--music-a,#7958ae),var(--music-b,#493366));border:0;border-radius:12px;padding:12px;box-shadow:none}
.music-block{display:block;max-width:560px;width:100%;container-type:inline-size}.note-document .note-block.music>.block-properties-trigger{display:none}.music-track{display:flex;align-items:center;gap:8px;min-width:0;padding:0!important}.music-art{width:44px;height:44px;flex:0 0 44px;border-radius:7px;overflow:hidden;background:#ffffff20;display:grid;place-items:center}.music-art img{width:100%;height:100%;object-fit:cover}.music-art-placeholder{font-size:25px;color:#ffffffda}
.music-description{display:block;flex:1;min-width:0;text-align:left}.music-description strong,.music-description small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.music-description strong{font-size:15px;font-weight:600;line-height:1.4}.music-description small{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.3}
.music-block button,.music-dock button{min-height:44px;min-width:44px;padding:4px;background:transparent;border:0;box-shadow:none;color:inherit;border-radius:7px}.music-block button:hover,.music-dock button:hover{background:#ffffff16}.music-block button:focus-visible,.music-dock button:focus-visible{outline:2px solid #fff;outline-offset:2px}.music-block button:disabled,.music-dock button:disabled{opacity:.35}.music-block .ui-icon-button,.music-dock .ui-icon-button{display:grid;padding:0}
.music-controls{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;margin:8px 0 0;flex-wrap:nowrap}.music-controls .music-play,.music-mini-line>.music-play{display:grid;place-items:center;font-size:19px;background:#fff!important;color:var(--music-b)!important;border-radius:50%;width:48px;min-width:48px;height:48px;margin:0;box-shadow:0 2px 7px #0002}.music-controls .music-embed-open{font-size:14px;max-width:190px;line-height:1.3}.music-source-action{display:flex;justify-content:center;min-height:60px;align-items:center}.music-source-action a{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;min-height:44px;text-decoration:none;color:#fff}
.music-progress{display:flex;align-items:center;gap:8px;margin-top:12px;min-height:28px}.music-progress[hidden]{display:none!important}.music-progress input[type=range]{flex:1;min-width:0;width:100%;margin:0;padding:0;min-height:28px;border:0;box-shadow:none;accent-color:#fff}.music-progress small{font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.music-volume{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;margin:8px 0}.music-volume input[type=range]{width:100px;min-height:28px;padding:0;margin:0;border:0;box-shadow:none;accent-color:#fff}.music-message{font-size:12px;line-height:1.45;margin:8px 0;color:var(--muted);overflow-wrap:break-word}.music-message:empty{display:none}
.music-bottom{position:relative;min-height:44px;margin-top:8px}.music-bottom>.ui-icon-button{position:absolute;top:0;right:0}.music-queue{margin:0;min-width:0}.music-queue summary{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer;min-height:44px;padding:0 48px 0 0;box-sizing:border-box;list-style:none}.music-queue summary::-webkit-details-marker{display:none}.music-queue[open] summary>svg{transform:rotate(90deg)}.music-queue summary>svg{flex:0 0 20px}
.music-queue ol,.music-expanded-queue ol{list-style:none;padding:0;margin:8px 0 0}.music-queue li,.music-expanded-queue li{display:grid;grid-template-columns:24px minmax(0,1fr) 36px 44px;align-items:center;gap:4px;padding:0 4px;min-height:68px;border-radius:8px;box-sizing:border-box}.music-queue li.is-selected,.music-expanded-queue li.is-selected{background:#ffffff20}.music-queue li.music-drop{box-shadow:inset 0 2px #fff}.music-track-number{grid-column:1;text-align:center;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.music-queue [data-music-action=choose],.music-expanded-queue [data-music-action=choose]{grid-column:2;display:flex;flex-direction:column;justify-content:center;height:68px;width:100%;min-width:0;text-align:left;gap:2px;padding:4px;overflow:hidden}.music-queue strong,.music-queue small,.music-expanded-queue strong,.music-expanded-queue small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;line-height:1.3}.music-queue button small,.music-expanded-queue button small{font-size:12px;color:var(--muted)}.music-track-status:empty{display:none}.music-track-status.is-unavailable{color:#ffe4dc!important}.music-track-duration{grid-column:3;font-size:11px;color:var(--muted);text-align:right;white-space:nowrap}.music-queue [data-music-action=edit],.music-expanded-queue [data-music-action=edit]{grid-column:4}.music-expanded-queue h3{font-size:14px;font-weight:500;margin:24px 0 8px}
.music-dock{position:fixed;z-index:120;right:20px;bottom:18px;width:min(400px,calc(100vw - 24px));padding:8px;border-radius:12px;box-shadow:0 8px 32px #0002}.music-mini-line{display:flex;align-items:center;gap:8px;min-width:0}.music-mini-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left}.music-mini-info .music-description strong{font-size:13px}.music-mini-info .music-description small{font-size:11px}.music-mini-line>.music-play{flex:none;width:44px;min-width:44px;height:44px}.music-mini-line>.ui-icon-button{flex:none}.music-dock:not(.is-expanded) .music-embed-host{height:0;overflow:hidden;visibility:hidden;margin:0}.music-dock .music-embed-host iframe{display:block;border:0;width:100%;border-radius:8px}.music-dock.is-expanded .music-embed-host{height:auto;visibility:visible;margin-top:16px}.music-dock.is-expanded{inset:12px 12px 12px auto;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;z-index:700;padding:16px}.music-full-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:44px;margin-bottom:20px}.music-full-head>strong{text-align:center;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-full-track{margin-top:8px}.music-full-track .music-art{width:64px;height:64px;flex-basis:64px}.music-full-track .music-description strong{font-size:18px;white-space:normal;overflow-wrap:break-word}.music-dock.is-expanded .music-volume input{width:150px}
[data-music-add-form] textarea{width:100%;min-height:96px;resize:vertical;margin:0;padding:9px;font-size:14px}[data-music-add-form] footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}[data-music-add-form] small{font-size:12px;color:var(--muted)}[data-music-edit-form] label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}[data-music-edit-form] input{display:block;margin-top:4px;width:100%}.music-track-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.music-track-actions button{font-size:13px;min-height:44px}
@media(max-width:620px){.music-block{padding:12px}.music-block .music-volume{display:none}.music-dock.is-expanded{inset:0!important;width:100%!important;max-height:100dvh;border-radius:0;padding:12px 16px max(24px,env(safe-area-inset-bottom))}.music-dock:not(.is-expanded){bottom:calc(72px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto}.music-dock .music-full-track .music-description{padding-right:0!important}.music-block .music-track{padding-right:0!important}.music-dock:not(.is-expanded) [data-music-full-queue]{display:none}.music-mini-next{display:grid!important}}
@media(max-width:379px){.music-mini-next{display:none!important}.music-queue li,.music-expanded-queue li{grid-template-columns:20px minmax(0,1fr) 32px 44px;gap:2px}}