.demo__top{gap:12px;padding:10px 20px}.demo__brand{color:var(--fg);text-decoration:none}.demo__badge{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--drums);border:1px solid color-mix(in srgb,var(--drums) 45%,transparent);background:color-mix(in srgb,var(--drums) 10%,transparent);padding:3px 8px;border-radius:999px;white-space:nowrap}.demo__spacer{flex:1}.btn.demo__cta{background:var(--drums);border-color:var(--drums);color:#17110a;font-weight:700;font-size:14px;padding:9px 16px}.btn.demo__cta:hover{filter:brightness(1.08);background:var(--drums)}.demo__short{display:none}.demo__songs{display:flex;gap:8px;padding:10px 20px 0;overflow-x:auto;scrollbar-width:none;flex:none}.demo__songs::-webkit-scrollbar{display:none}.demo__song{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:170px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);text-align:left}.demo__song b{font-size:14px;font-weight:500}.demo__song span{font-family:var(--mono);font-size:11px;color:var(--muted)}.demo__song:hover{border-color:#3a3d44}.demo__song--on{border-color:var(--drums);background:color-mix(in srgb,var(--drums) 9%,var(--panel))}.demo__song--on span{color:var(--fg)}.demo__info{flex:none;padding:8px 20px 0;display:flex;flex-direction:column;gap:6px}.demo__desc{margin:0;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.demo__synth{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--muted);border:1px dashed var(--line);border-radius:4px;padding:1px 6px}.demo__tips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.demo__tips li{padding:4px 9px;border-radius:999px;background:var(--panel-2);color:var(--muted)}.demo__tips li b{color:var(--fg);font-weight:500}.demo__tips li.demo__tips-close{background:none;padding-left:2px}.demo__main{margin-top:8px;border-top:1px solid var(--line)}.demo__end{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#08080aa8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.demo__end-card{position:relative;width:min(480px,100%);padding:26px 24px 22px;border-radius:14px;border:1px solid var(--line);background:var(--panel);box-shadow:0 30px 80px #0000008c}.demo__end-card h2{margin:6px 0 8px;font-size:22px;line-height:1.25}.demo__end-card .muted{margin:0 0 18px;line-height:1.5;font-size:14px}.demo__end-actions{display:flex;flex-wrap:wrap;gap:8px}.demo__end-x{position:absolute;top:10px;right:10px}@media (max-width: 760px){.demo .brand{display:flex}.demo__top{padding:8px 12px;gap:8px}.demo__long{display:none}.demo__short{display:inline}.btn.demo__cta{font-size:13px;padding:8px 12px}.demo__badge{font-size:10px;padding:2px 6px}.demo__songs{padding:8px 12px 0}.demo__song{min-width:0;padding:6px 10px}.demo__song b{font-size:13px}.demo__info{padding:6px 12px 0}.demo__desc{font-size:12px}.demo__desc{flex-wrap:nowrap}.demo__desc-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo__synth,.demo__tips{display:none}.demo__end-actions .btn{flex:1 1 100%}}