.demo[data-astro-cid-kbhxc5rp]{border-radius:var(--radius-card);color:#eee;font-family:var(--font-display);user-select:none;background:linear-gradient(160deg,#1e1e20eb,#121214f5);border:1px solid #ffffff1f;padding:18px;box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff1f}.demo-top[data-astro-cid-kbhxc5rp]{justify-content:space-between;align-items:center;padding:4px 6px 16px;display:flex}.demo-brand[data-astro-cid-kbhxc5rp] .s[data-astro-cid-kbhxc5rp]{font-family:var(--font-logo);font-weight:900}.demo-brand[data-astro-cid-kbhxc5rp] .l[data-astro-cid-kbhxc5rp]{font-family:var(--font-script);color:var(--color-accent);margin-left:2px;font-size:1.15em}.demo-transport[data-astro-cid-kbhxc5rp]{align-items:center;gap:14px;display:flex}.bpm[data-astro-cid-kbhxc5rp]{opacity:.6;font-variant-numeric:tabular-nums;font-size:13px}.play[data-astro-cid-kbhxc5rp]{cursor:pointer;background:var(--color-accent);color:#fff;width:40px;height:40px;transition:transform .2s var(--ease-spring);border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 #fd2e2e80}.play[data-astro-cid-kbhxc5rp]:hover{transform:scale(1.08)}.play[data-astro-cid-kbhxc5rp] .ico-stop[data-astro-cid-kbhxc5rp],.demo[data-astro-cid-kbhxc5rp].playing .play[data-astro-cid-kbhxc5rp] .ico-play[data-astro-cid-kbhxc5rp]{display:none}.demo[data-astro-cid-kbhxc5rp].playing .play[data-astro-cid-kbhxc5rp] .ico-stop[data-astro-cid-kbhxc5rp]{display:block}.demo[data-astro-cid-kbhxc5rp].playing .play[data-astro-cid-kbhxc5rp]{animation:.5s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #fd2e2e80}to{box-shadow:0 0 0 14px #fd2e2e00}}.beat[data-astro-cid-kbhxc5rp]{gap:5px;display:flex}.beat[data-astro-cid-kbhxc5rp] i[data-astro-cid-kbhxc5rp]{background:#ffffff26;border-radius:50%;width:8px;height:8px;transition:background 80ms}.beat[data-astro-cid-kbhxc5rp] i[data-astro-cid-kbhxc5rp].on{background:#6cff8a}.demo-body[data-astro-cid-kbhxc5rp]{grid-template-columns:96px 1fr;gap:12px;display:grid}.sections[data-astro-cid-kbhxc5rp]{flex-direction:column;gap:8px;display:flex}.sections[data-astro-cid-kbhxc5rp] button[data-astro-cid-kbhxc5rp]{color:#ddd;cursor:pointer;transition:background .2s, transform .2s var(--ease-spring);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:14px 8px;font-size:13px;font-weight:700}.sections[data-astro-cid-kbhxc5rp] button[data-astro-cid-kbhxc5rp]:hover{background:#ffffff1a}.sections[data-astro-cid-kbhxc5rp] button[data-astro-cid-kbhxc5rp][aria-selected=true]{color:#111;background:#fff;transform:scale(1.03)}.channels[data-astro-cid-kbhxc5rp]{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.channel[data-astro-cid-kbhxc5rp]{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;display:flex}.ch-name[data-astro-cid-kbhxc5rp]{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:12px;font-weight:700}.loops[data-astro-cid-kbhxc5rp]{flex-direction:column;flex:1;gap:6px;width:100%;display:flex}.loop[data-astro-cid-kbhxc5rp]{color:#cfcfcf;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 6px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.loop[data-astro-cid-kbhxc5rp]:before{content:"";background:#ffffff40;border-radius:50%;flex:none;width:6px;height:6px;transition:background .15s,box-shadow .15s}.loop[data-astro-cid-kbhxc5rp].on{color:#fff;background:#6cff8a1f}.loop[data-astro-cid-kbhxc5rp].on:before{background:#6cff8a;box-shadow:0 0 8px #6cff8a}.loop[data-astro-cid-kbhxc5rp].queued:before{animation:.3s steps(2,end) infinite blink}@keyframes blink{to{background:#ffd84a}}.rec[data-astro-cid-kbhxc5rp]{background:0 0;border:4px solid #fd2e2ee6;border-radius:50%;width:34px;height:34px;margin-top:4px;transition:background .15s;position:relative;box-shadow:inset 0 0 0 4px #111}.channel[data-astro-cid-kbhxc5rp].active .rec[data-astro-cid-kbhxc5rp]{background:var(--color-accent);box-shadow:inset 0 0 0 4px #111,0 0 16px #fd2e2e99}.demo-hint[data-astro-cid-kbhxc5rp]{opacity:.55;text-align:center;margin:14px 4px 0;font-size:13px}@media (width<=640px){.demo-body[data-astro-cid-kbhxc5rp]{grid-template-columns:1fr}.sections[data-astro-cid-kbhxc5rp]{flex-direction:row}.sections[data-astro-cid-kbhxc5rp] button[data-astro-cid-kbhxc5rp]{flex:1}.channels[data-astro-cid-kbhxc5rp]{grid-template-columns:repeat(2,1fr)}}