.lcdj-pack-demo-intro{font:12px/1.7 Inter,system-ui,sans-serif;color:#a9b4c4;margin:0 0 18px}
.lcdj-pack-tracklist .lcdj-pack-track{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px 14px;align-items:center;padding:15px 12px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:8px;transition:background .15s}
.lcdj-pack-tracklist .lcdj-pack-trackTitle{min-width:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.lcdj-pack-tracklist .lcdj-pack-trackNum{width:auto;font-size:11px;color:#7e8b9d}
.lcdj-pack-tracklist .lcdj-pack-track.is-demo-current{background:linear-gradient(115deg,rgba(116,224,229,.055),rgba(164,133,231,.05))}
.lcdj-pack-tracklist .lcdj-pack-track.is-demo-playing .lcdj-pack-trackTitle{color:#c0f1f2}
.lcdj-pack-demo-start{display:grid;grid-template-columns:38px 60px;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:80px}
.lcdj-pack-tracklist .lcdj-pack-demo-button{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0!important;border:1px solid rgba(130,226,230,.35)!important;border-radius:50%!important;color:#b5ebee!important;background:rgba(108,213,222,.07)!important;box-shadow:none!important;cursor:pointer}
.lcdj-pack-tracklist .lcdj-pack-demo-button:hover{border-color:#9ee2e5!important;background:rgba(108,213,222,.17)!important}
.lcdj-pack-demo-button svg{width:18px;height:18px;fill:currentColor;pointer-events:none}
.lcdj-pack-demo-button:disabled{opacity:.5;cursor:wait}
.lcdj-pack-demo-button:focus-visible,.lcdj-pack-demo-range:focus-visible{outline:2px solid #92dce1;outline-offset:4px}
.lcdj-pack-demo-label{align-self:end;color:#c4cbd6;font-size:10px;font-weight:650}
.lcdj-pack-demo-clock{align-self:start;color:#9aa9ba;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.lcdj-pack-demo-controls{grid-column:2/-1;display:grid;grid-template-columns:auto minmax(80px,1fr);gap:9px 16px;align-items:center;padding:3px 0 9px}
.lcdj-pack-demo-controls[hidden]{display:none!important}
.lcdj-pack-demo-caption{font-size:9px;color:#aab7c8;letter-spacing:.045em}
.lcdj-pack-demo-timeline{position:relative;line-height:1;min-width:0;display:flex;align-items:center;height:24px}
.lcdj-pack-demo-range{width:100%;height:20px;margin:0;accent-color:#8edfe2;cursor:pointer;position:relative;z-index:1}
.lcdj-pack-demo-drop{position:absolute;top:1px;width:2px;height:22px;background:#bca2f0;pointer-events:none;z-index:2;opacity:.75}
.lcdj-pack-demo-status{grid-column:1/-1;font-size:11px;color:#deccef}
.lcdj-pack-demo-status:empty{display:none}
.lcdj-pack-demo-pending{font-size:10px;color:#8794a6;white-space:nowrap}
@media(max-width:600px){.lcdj-pack-tracklist .lcdj-pack-track{grid-template-columns:21px minmax(0,1fr) 56px;padding:14px 2px;gap:10px}.lcdj-pack-tracklist .lcdj-pack-trackTitle{font-size:12px}.lcdj-pack-demo-start{display:flex;flex-direction:column;gap:5px;min-width:0}.lcdj-pack-tracklist .lcdj-pack-demo-button{width:42px;height:42px;min-width:42px;min-height:42px}.lcdj-pack-demo-label{display:none}.lcdj-pack-demo-clock{align-self:center;font-size:9px}.lcdj-pack-demo-controls{grid-template-columns:1fr;gap:4px}.lcdj-pack-demo-caption{font-size:9px}.lcdj-pack-demo-pending{font-size:9px;white-space:normal;text-align:center}.lcdj-pack-demo-intro{font-size:11px}}
@media(prefers-reduced-motion:reduce){.lcdj-pack-tracklist .lcdj-pack-track{transition:none}}