.join-keys-note{font-size:var(--font-size-12);color:var(--color-muted);margin:var(--space-3) 0 0}.demo-content>p{margin-bottom:var(--space-4)}.demo-group{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-4);margin-bottom:var(--space-3)}.demo-group h2{font-size:var(--font-size-15);margin:0}.demo-group>p{font-size:var(--font-size-12);color:var(--color-muted);margin:var(--space-1) 0 var(--space-3)}.demo-actors{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.demo-content .demo-actor{text-align:left;font-size:var(--font-size-13);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);justify-content:flex-start}.demo-setup{width:100%;margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);text-align:left;justify-content:start;justify-items:start;gap:2px;display:grid}.demo-setup:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.demo-setup span{font-size:var(--font-size-15)}.demo-setup small{color:inherit;opacity:.9;font-weight:var(--font-weight-regular);margin:0}.demo-more{margin-top:var(--space-2)}.demo-actors[hidden]{display:none}.demo-more-toggle{color:var(--color-ink-2);font-size:var(--font-size-13);font-weight:var(--font-weight-semibold);padding:var(--space-2) 0;text-underline-offset:4px;background:0 0;border:none;text-decoration:underline}.demo-more-toggle:hover{color:var(--color-ink);background:0 0}.demo-more-toggle[aria-expanded=true]{margin-bottom:var(--space-2)}[aria-busy=true]{cursor:progress}