.channel-demo{gap:3rem;padding-block:1.5rem;display:grid}.channel-demo h2{margin-bottom:.5rem;font-size:1rem;font-weight:600}.channel-demo p{color:var(--muted-foreground);font-size:.875rem}.channel-demo-studio{border:1px solid var(--border);border-radius:1.5rem;gap:2rem;padding:clamp(1rem,4vw,2rem);display:grid}.channel-demo-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.channel-demo-heading button{border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:.35rem .8rem;font-size:.8rem}.channel-demo-row{grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.channel-demo-status{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.channel-demo-status label{align-items:center;gap:.5rem;display:flex}.channel-demo-sizes{gap:1.5rem;margin-top:2rem;display:grid}.channel-demo-size-row{grid-template-columns:2.5rem 6rem minmax(0,1fr);align-items:center;gap:1rem;display:grid}.channel-demo-size-row code{font-size:.75rem}@media (max-width:480px){.channel-demo-size-row{grid-template-columns:2rem minmax(0,1fr)}.channel-demo-size-row>.pm-channel{grid-column:1/-1}}