.collab-header{background:var(--demo-surface);border-bottom:1px solid var(--demo-line);align-items:center;gap:24px;padding:12px 20px;display:flex}.collab-header .brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.collab-header #theme-toggle{margin-inline-start:auto}.collab-workspace{padding:12px 20px}.collab-workspace>p{max-width:1000px;color:var(--demo-muted)}.collab-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-block:16px;display:flex}.collab-editors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.collab-editors section{min-width:0}.collab-editors h2{margin:8px 0;font-size:14px}.peer-profile{color:var(--demo-muted);flex-wrap:wrap;align-items:center;gap:10px 16px;margin:8px 0 10px;font-size:12px;display:flex}.peer-profile label{align-items:center;gap:6px;display:inline-flex}.peer-profile input,.peer-profile select{border:1px solid var(--demo-line);background:var(--demo-surface);min-height:30px;color:var(--demo-ink);border-radius:4px;padding:4px 8px}.peer-profile input{width:110px}#peer-a,#peer-b{height:620px}.collab-header button,.collab-actions button{border:1px solid var(--demo-line);background:var(--demo-surface);color:var(--demo-ink);cursor:pointer;border-radius:4px;padding:7px 12px}@media (max-width:900px){.collab-editors{grid-template-columns:1fr}.collab-header{flex-wrap:wrap;gap:10px}}