/* v0.357.595 — A full listening collection without expanding the search card.
 * The headphones button shares the narrow player heading with Featured demo,
 * NEW and the existing per-artist Heard marker. The collection is portalled
 * to body, so no WP Grid Builder card is resized or clipped. */
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-heading{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:4px!important;min-width:0!important;width:100%!important;height:16px!important;
 margin:0!important;padding:0!important;
}
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-heading .vukx-sc-demo-label{
 display:flex!important;align-items:center!important;gap:3px!important;flex:1 1 auto!important;
 min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
 font-size:9px!important;line-height:1.2!important;letter-spacing:-.02em!important;
}
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-heading .vukx-sc-new{
 flex:none!important;margin:0!important;padding:1px 3px!important;
 font-size:8px!important;letter-spacing:0!important;line-height:1.3!important;
}
html body.vukx-search-preview-active .wpgb-card.vukx-listening-heard .vukx-sc-demo-heading .vukx-sc-demo-label::after{
 flex:none!important;margin-left:1px!important;padding:1px 3px!important;
 font-size:8px!important;line-height:1.3!important;letter-spacing:-.02em!important;
}
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-chooser{
 appearance:none!important;display:grid!important;place-items:center!important;
 flex:0 0 27px!important;width:27px!important;min-width:27px!important;
 height:19px!important;min-height:19px!important;margin:0!important;padding:2px!important;
 color:#2b756d!important;background:#e8f4ee!important;border:1px solid #c3ded1!important;
 border-radius:7px!important;box-shadow:none!important;cursor:pointer!important;
 transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important;
}
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-chooser svg{
 width:15px!important;height:15px!important;display:block!important;fill:none!important;
}
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-chooser:is(:hover,[aria-expanded="true"]){
 background:#d6ebdf!important;border-color:#81b9a9!important;color:#155f58!important;
}
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-chooser:active{transform:scale(.96)!important;}
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-chooser[hidden]{display:none!important;}
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-heading + .vukx-sc-wave{
 height:27px!important;min-height:27px!important;
}

/* Floating collection chooser. Body scope also covers its portal. */
body.vukx-search-preview-active .vukx-sc-demo-shade[hidden],
body.vukx-search-preview-active .vukx-sc-demo-menu[hidden]{display:none!important;}
body.vukx-search-preview-active .vukx-sc-demo-shade{
 position:fixed;inset:0;z-index:99997;background:rgba(14,45,43,.33);
 backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
}
body.vukx-search-preview-active .vukx-sc-demo-menu{
 box-sizing:border-box;position:fixed;z-index:99998;display:flex;flex-direction:column;
 width:380px;max-width:calc(100vw - 24px);max-height:min(72vh,550px);
 overflow:hidden;padding:0;border:1px solid #cfe5da;border-radius:17px;
 color:#234c48;background:#fff;
 box-shadow:0 15px 42px rgba(19,66,58,.19),0 2px 9px rgba(19,66,58,.08);
 font-family:'Open Sans',Arial,sans-serif;text-align:left;
 animation:vukx-demo-appear .15s ease-out both;
}
body.vukx-search-preview-active .vukx-sc-demo-menu *,
body.vukx-search-preview-active .vukx-sc-demo-menu *::before,
body.vukx-search-preview-active .vukx-sc-demo-menu *::after{box-sizing:border-box;}
body.vukx-search-preview-active .vukx-sc-demo-menu-head{
 display:flex;justify-content:space-between;align-items:center;gap:10px;
 padding:14px 15px 11px;background:linear-gradient(140deg,#f1f9f5,#f9fcfa);
 border-bottom:1px solid #e2eee7;
}
body.vukx-search-preview-active .vukx-sc-demo-menu-head>div{display:flex;flex-direction:column;gap:5px;min-width:0;}
body.vukx-search-preview-active .vukx-sc-demo-menu-head strong{
 color:#215f56;font-size:10px;font-weight:800;letter-spacing:.14em;line-height:1.2;
}
body.vukx-search-preview-active .vukx-sc-demo-menu-head small{
 color:#68817b;font-size:10px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.vukx-search-preview-active .vukx-sc-demo-close{
 display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;padding:0;
 border:1px solid #d9e9e0;border-radius:50%;background:#fff;
 color:#6d8780;cursor:pointer;font:400 20px/1 Arial,sans-serif;
}
body.vukx-search-preview-active .vukx-sc-demo-close:hover{background:#e5f2eb;color:#235f56;}
body.vukx-search-preview-active .vukx-sc-demo-list{
 display:flex;flex-direction:column;gap:3px;min-height:0;overflow-y:auto;
 padding:8px;overscroll-behavior:contain;scrollbar-color:#c5ddd2 transparent;scrollbar-width:thin;
}
body.vukx-search-preview-active .vukx-sc-demo-item{
 appearance:none;display:grid;grid-template-columns:31px minmax(0,1fr) auto;
 align-items:center;gap:10px;flex:0 0 auto;width:100%;min-height:53px;
 padding:7px 9px;background:#fff;color:#264e48;border:1px solid transparent;
 border-radius:11px;text-align:left;font-family:inherit;cursor:pointer;
 transition:background .14s ease,border-color .14s ease;
}
body.vukx-search-preview-active .vukx-sc-demo-item:is(:hover,:focus-visible){
 background:#f0f8f4;border-color:#d9e9df;
}
body.vukx-search-preview-active .vukx-sc-demo-item.is-active{
 background:#e6f4ed;border-color:#aed7c5;
}
body.vukx-search-preview-active .vukx-sc-demo-glyph{
 display:grid;place-items:center;width:31px;height:31px;border-radius:9px;
 color:#32786b;background:#edf6f1;border:1px solid #daece2;
}
body.vukx-search-preview-active .vukx-sc-demo-item.is-active .vukx-sc-demo-glyph{
 color:#fff;background:#28756c;border-color:#28756c;
}
body.vukx-search-preview-active .vukx-sc-demo-glyph svg{width:17px;height:17px;}
body.vukx-search-preview-active .vukx-sc-demo-item-text{display:flex;flex-direction:column;gap:4px;min-width:0;}
body.vukx-search-preview-active .vukx-sc-demo-item-text strong{
 color:#26594f;font-size:11px;font-weight:800;line-height:1.16;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.vukx-search-preview-active .vukx-sc-demo-item-text small{
 color:#76918a;font-size:9px;font-weight:550;line-height:1.2;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.vukx-search-preview-active .vukx-sc-demo-item-end{display:flex;align-items:center;justify-content:flex-end;gap:5px;}
body.vukx-search-preview-active .vukx-sc-demo-menu-new{
 padding:2px 4px;color:#29695c;background:#e0f2e8;border-radius:5px;
 font:800 8px/1.2 'Open Sans',Arial,sans-serif;letter-spacing:.04em;
}
body.vukx-search-preview-active .vukx-sc-demo-duration{
 font:650 9px/1.2 'Open Sans',Arial,sans-serif;color:#83988f;font-variant-numeric:tabular-nums;
}
body.vukx-search-preview-active .vukx-sc-demo-checked{
 display:grid;place-items:center;width:19px;height:19px;border-radius:50%;
 color:#fff;background:#28766b;
}
body.vukx-search-preview-active .vukx-sc-demo-checked svg{width:12px;height:12px;}
body.vukx-search-preview-active .vukx-sc-demo-menu-foot{
 display:flex;justify-content:space-between;gap:8px;align-items:center;
 padding:9px 14px;border-top:1px solid #e6eee9;background:#fbfdfb;
 color:#7c948b;font:600 9px/1.3 'Open Sans',Arial,sans-serif;
}
body.vukx-search-preview-active .vukx-sc-demo-menu :is(button):focus-visible{
 outline:2px solid #328c7e;outline-offset:2px;
}
@keyframes vukx-demo-appear{from{opacity:0;transform:translateY(5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:559px){
 body.vukx-search-preview-active .vukx-sc-demo-menu{
  width:auto!important;max-width:none!important;max-height:min(70vh,530px);
  border-radius:18px;box-shadow:0 14px 55px rgba(11,40,37,.24);
 }
 body.vukx-search-preview-active .vukx-sc-demo-item{min-height:58px;}
 body.vukx-search-preview-active .vukx-sc-demo-menu-head{padding:17px 16px 13px;}
}
@media(prefers-reduced-motion:reduce){
 body.vukx-search-preview-active .vukx-sc-demo-menu{animation:none;}
 body.vukx-search-preview-active .vukx-sc-demo-item,
 html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-chooser{transition:none!important;}
}

/* 0.357.596: keep audio selection inside the dialog and clear floating badges. */
body.vukx-search-preview-active .vukx-sc-demo-item{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}
body.vukx-search-preview-active .vukx-sc-demo-item-action{appearance:none;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:53px;padding:7px 9px;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;font-family:inherit}
body.vukx-search-preview-active .vukx-sc-demo-inline{display:flex;align-items:center;gap:10px;padding:0 12px 11px 50px}
body.vukx-search-preview-active .vukx-sc-demo-progress{flex:1;min-width:0;accent-color:#28766b;height:20px;cursor:pointer}
body.vukx-search-preview-active .vukx-sc-demo-times{flex:0 0 auto;color:#6c857f;font-size:10px;font-variant-numeric:tabular-nums}
body.vukx-search-preview-active .vukx-sc-demo-menu{max-height:min(68vh,calc(100dvh - 110px))}
@media(max-width:559px){body.vukx-search-preview-active .vukx-sc-demo-menu{max-height:min(70vh,calc(100dvh - 125px))}}

/* 0.357.598: the same category selector is available on similarity players. */
html body .vukx-similar-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;}
html body .vukx-similar-demo-heading .vukx-similar-demo-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html body .vukx-similar-overlay button.vukx-similar-demo-chooser{
 display:grid!important;place-items:center!important;flex:0 0 30px!important;
 width:30px!important;min-width:30px!important;height:23px!important;min-height:23px!important;
 margin:0!important;padding:3px!important;border:1px solid #c3ded1!important;
 border-radius:7px!important;background:#e8f4ee!important;color:#2b756d!important;
 cursor:pointer!important;box-shadow:none!important;
}
html body .vukx-similar-overlay button.vukx-similar-demo-chooser svg{
 width:17px!important;height:17px!important;display:block!important;fill:none!important;
}
html body .vukx-similar-overlay button.vukx-similar-demo-chooser[hidden]{display:none!important;}
html body .vukx-similar-overlay button.vukx-similar-demo-chooser:is(:hover,[aria-expanded="true"]){
 background:#d6ebdf!important;border-color:#81b9a9!important;color:#155f58!important;
}
html body .vukx-similar-overlay button.vukx-similar-demo-chooser[aria-expanded="true"] svg{transform:rotate(180deg)}
body.vukx-similar-open.vukx-search-preview-active .vukx-sc-demo-shade{z-index:100051;}
body.vukx-similar-open.vukx-search-preview-active .vukx-sc-demo-menu{z-index:100052;}
/* Header and recording list provide all the information; no instruction footer. */
body.vukx-search-preview-active .vukx-sc-demo-menu-foot{display:none!important;}

/* 0.357.599: opacity-only entrance; never translate or scale anchored popups. */
body.vukx-search-preview-active .vukx-sc-demo-menu{
 animation:vukx-demo-fade .12s ease-out both!important;
}
@keyframes vukx-demo-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
 body.vukx-search-preview-active .vukx-sc-demo-menu{animation:none!important;}
}

/* 0.357.597: real shared-player waveform and fully visible category chevron. */
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-chooser{flex:0 0 30px!important;width:30px!important;min-width:30px!important;height:23px!important;min-height:23px!important;padding:3px!important;overflow:visible!important}
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-chooser svg{width:17px!important;height:17px!important;overflow:visible!important}
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-heading{height:23px!important;min-height:23px!important;overflow:visible!important}
html body.vukx-search-preview-active .vukx-search-card .vukx-sc-demo-chooser[aria-expanded="true"] svg{transform:rotate(180deg)}
body.vukx-search-preview-active .vukx-sc-demo-waveform{display:block;flex:1 1 auto;width:100%;min-width:0;height:40px;cursor:pointer;touch-action:pan-y}
body.vukx-search-preview-active .vukx-sc-demo-waveform:focus-visible{outline:2px solid #328c7e;outline-offset:2px;border-radius:3px}
body.vukx-search-preview-active .vukx-sc-demo-inline{padding:0 10px 10px 49px;gap:8px}

/* 0.357.608: a single transport beside the seekable waveform, matching
 * the directory, showcase and audition-room player language. */
body.vukx-search-preview-active .vukx-sc-demo-menu-head{padding:17px 17px 14px}
body.vukx-search-preview-active .vukx-sc-demo-menu-head strong{font-size:11px;letter-spacing:.13em}
body.vukx-search-preview-active .vukx-sc-demo-menu-head small{font-size:11px;line-height:1.4}
body.vukx-search-preview-active .vukx-sc-demo-list{gap:5px;padding:10px}
body.vukx-search-preview-active .vukx-sc-demo-item{min-height:0;border-color:transparent;border-radius:13px;cursor:default}
body.vukx-search-preview-active .vukx-sc-demo-item:hover{background:#f4faf6;border-color:#e2eee8}
body.vukx-search-preview-active .vukx-sc-demo-item.is-active{
 background:#e8f5ee;border:1px solid #a9d7c2;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
body.vukx-search-preview-active .vukx-sc-demo-item-action{
 grid-template-columns:37px minmax(0,1fr) auto;gap:12px;min-height:61px;padding:10px 12px;
 border-radius:12px;
}
body.vukx-search-preview-active .vukx-sc-demo-item-action:hover{background:#f0f8f4}
body.vukx-search-preview-active .vukx-sc-demo-item-heading{
 display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding:12px 13px 6px;
}
body.vukx-search-preview-active .vukx-sc-demo-item-text{gap:5px}
body.vukx-search-preview-active .vukx-sc-demo-item-text strong{font-size:12px;line-height:1.35;color:#245b52}
body.vukx-search-preview-active .vukx-sc-demo-item-text small{font-size:10px;line-height:1.35;color:#718b82}
body.vukx-search-preview-active .vukx-sc-demo-glyph{
 width:37px;height:37px;border-radius:11px;background:#edf7f2;border-color:#d8eae1;
}
body.vukx-search-preview-active .vukx-sc-demo-glyph svg{width:19px;height:19px}
body.vukx-search-preview-active .vukx-sc-demo-item-end{flex:0 0 auto;align-self:center;gap:6px}
body.vukx-search-preview-active .vukx-sc-demo-menu-new{padding:4px 6px;border-radius:6px;font-size:9px}
body.vukx-search-preview-active .vukx-sc-demo-checked{width:22px;height:22px}
body.vukx-search-preview-active .vukx-sc-demo-checked svg{width:13px;height:13px}
body.vukx-search-preview-active .vukx-sc-demo-inline{
 display:flex;align-items:center;gap:11px;min-width:0;margin:3px 9px 9px;padding:9px;
 background:rgba(255,255,255,.75);border:1px solid #c7e1d5;border-radius:12px;
}
body.vukx-search-preview-active .vukx-sc-demo-transport{
 appearance:none;display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;
 margin:0;padding:0;border:0;border-radius:50%;background:#28766b;color:#fff;
 cursor:pointer;box-shadow:0 2px 5px rgba(26,91,78,.12);
 transition:background-color .15s ease,transform .15s ease;
}
body.vukx-search-preview-active .vukx-sc-demo-transport:hover{background:#1c6159}
body.vukx-search-preview-active .vukx-sc-demo-transport:active{transform:scale(.96)}
body.vukx-search-preview-active .vukx-sc-demo-transport svg{display:block;width:21px;height:21px}
body.vukx-search-preview-active .vukx-sc-demo-wave-details{
 display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:center;
 gap:1px;min-width:0;
}
body.vukx-search-preview-active .vukx-sc-demo-waveform{display:block;width:100%;height:35px;flex:0 0 35px}
body.vukx-search-preview-active .vukx-sc-demo-times{
 align-self:flex-end;min-height:13px;padding-right:1px;font-size:10px;line-height:1.3;
 color:#66867d;font-weight:650;font-variant-numeric:tabular-nums;
}
body.vukx-search-preview-active .vukx-sc-demo-menu :is(button,.vukx-sc-demo-waveform):focus-visible{
 outline:2px solid #328c7e;outline-offset:3px;
}
@media(max-width:559px){
 body.vukx-search-preview-active .vukx-sc-demo-menu-head{padding:16px 16px 13px}
 body.vukx-search-preview-active .vukx-sc-demo-list{padding:10px 9px}
 body.vukx-search-preview-active .vukx-sc-demo-item-action{min-height:65px}
 body.vukx-search-preview-active .vukx-sc-demo-transport{flex-basis:45px;width:45px;height:45px}
}
@media(prefers-reduced-motion:reduce){
 body.vukx-search-preview-active .vukx-sc-demo-transport{transition:none}
}