.sw-proofs-page[data-proof=collaboration] .sw-proofs-page__viewport{padding:var(--sw-demo-space-3)}.sw-clb{gap:var(--sw-demo-space-3)}.sw-clb__statusbar{min-height:auto;padding-bottom:var(--sw-demo-space-2);border-bottom:1px solid var(--sw-demo-border)}.sw-clb__scenario-title{gap:var(--sw-demo-space-3);align-items:center;display:flex}.sw-clb__scenario-title>div{gap:var(--sw-demo-space-1);display:grid}.sw-clb__scenario-title strong{color:var(--sw-demo-fg-strong);font-family:var(--sw-font-display);font-size:var(--sw-type-base)}.sw-clb__kicker,.sw-clb__challenge-state,.sw-clb__sequence>header span{color:var(--sw-demo-dim);font-family:var(--sw-font-mono);font-size:var(--sw-type-xs);letter-spacing:.08em;text-transform:uppercase}.sw-clb__status{padding-inline:var(--sw-demo-space-3);flex:none}.sw-clb__status-detail{color:var(--sw-demo-fg-soft)}.sw-clb__workbench{grid-template-columns:minmax(0, 1fr) minmax(calc(var(--sw-demo-space-4) * 11), calc(var(--sw-demo-space-4) * 13)) minmax(0, 1fr);gap:var(--sw-demo-space-3);align-items:stretch;display:grid}.sw-clb__client{gap:var(--sw-demo-space-2);padding:var(--sw-demo-space-3);background:var(--sw-demo-surface);border-top-width:1px}.sw-clb__client[data-client=a]{--sw-proofs-grid-accent:var(--sw-state-requested)}.sw-clb__client[data-client=b]{--sw-proofs-grid-accent:var(--sw-demo-accent)}.sw-clb__client-head{min-height:calc(var(--sw-demo-space-4) * 2)}.sw-clb__actor{font-size:var(--sw-type-base)}.sw-clb__grid{height:calc(var(--sw-demo-space-4) * 18);border-color:var(--sw-demo-border-strong);background:var(--sw-demo-surface)}.sw-clb__client-action{gap:var(--sw-demo-space-2);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.sw-clb__client-action p{min-width:0;color:var(--sw-demo-fg-soft);font-size:var(--sw-type-xs);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.sw-clb__client-action p span{margin-right:var(--sw-demo-space-2);color:var(--sw-demo-dim);font-family:var(--sw-font-mono);letter-spacing:.05em;text-transform:uppercase}.sw-clb__stats{border-color:var(--sw-demo-border);background:var(--sw-demo-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0;overflow:hidden}.sw-clb__stats>div{min-width:0;padding:var(--sw-demo-space-2);background:var(--sw-demo-raised)}.sw-clb__stats dt{margin:0}.sw-clb__stats dd{min-width:0;margin-top:var(--sw-demo-space-1);font-size:var(--sw-type-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sw-clb__presence{font-size:inherit;display:block}.sw-clb__presence dd{margin-inline:0}.sw-clb__presence ul{display:block}.sw-clb__presence li{color:var(--sw-demo-fg-strong);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sw-clb__sequence{gap:var(--sw-demo-space-3);min-width:0;padding:var(--sw-demo-space-3);border:1px solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-deep);flex-direction:column;display:flex}.sw-clb__sequence>header{gap:var(--sw-demo-space-2);padding-bottom:var(--sw-demo-space-2);border-bottom:1px solid var(--sw-demo-border);justify-content:space-between;align-items:center;display:flex}.sw-clb__sequence>header output{color:var(--sw-demo-fg-strong);font-family:var(--sw-font-mono);font-weight:600}.sw-clb__challenge{gap:var(--sw-demo-space-1);display:grid}.sw-clb__challenge-state{color:var(--sw-demo-accent)}.sw-clb__sequence[data-phase=offline] .sw-clb__challenge-state,.sw-clb__sequence[data-phase=queued] .sw-clb__challenge-state,.sw-clb__sequence[data-phase=reconnecting] .sw-clb__challenge-state{color:var(--sw-demo-warn)}.sw-clb__challenge h3,.sw-clb__decisions h3,.sw-clb__advanced h3{color:var(--sw-demo-fg-strong);font-family:var(--sw-font-display);font-size:var(--sw-type-sm);margin:0}.sw-clb__challenge p{color:var(--sw-demo-fg-soft);font-size:var(--sw-type-xs);margin:0;line-height:1.5}.sw-clb__steps{gap:var(--sw-demo-space-2);margin:0;padding:0;list-style:none;display:grid}.sw-clb__steps .sw-clb__button{text-align:left;justify-content:flex-start;width:100%}.sw-clb__steps .sw-clb__button span{color:currentColor;font-family:var(--sw-font-mono);font-size:var(--sw-type-xs);opacity:.72}.sw-clb__button:disabled{border-color:var(--sw-demo-border);background:var(--sw-demo-raised);color:var(--sw-demo-dim);cursor:not-allowed;opacity:.72}.sw-clb__direction{gap:var(--sw-demo-space-2);color:var(--sw-demo-dim);font-family:var(--sw-font-mono);font-size:var(--sw-type-xs);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.sw-clb__direction i{border-bottom:1px solid var(--sw-demo-border-strong);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.sw-clb__decisions{gap:var(--sw-demo-space-2);min-height:0;padding-top:var(--sw-demo-space-2);border-top:1px solid var(--sw-demo-border);margin-top:auto;display:grid}.sw-clb__server-log{max-height:calc(var(--sw-demo-space-4) * 8);overflow-y:auto}.sw-clb__server-log li{padding-block:var(--sw-demo-space-1)}.sw-clb__advanced{border:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-deep)}.sw-clb__advanced>summary{padding:var(--sw-demo-space-3);color:var(--sw-demo-fg-soft);font-family:var(--sw-font-body);font-size:var(--sw-type-sm);cursor:pointer;font-weight:600}.sw-clb__advanced>summary:hover{color:var(--sw-demo-fg-strong)}.sw-clb__advanced>summary:focus-visible{outline:2px solid var(--sw-demo-accent);outline-offset:2px}.sw-clb__advanced[open]>summary{border-bottom:1px solid var(--sw-demo-border);color:var(--sw-demo-fg-strong)}.sw-clb__advanced-body{gap:var(--sw-demo-space-3);padding:var(--sw-demo-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sw-clb__fault-client,.sw-clb__server-tools{gap:var(--sw-demo-space-2);flex-direction:column;min-width:0;display:flex}.sw-clb__fault-client+.sw-clb__fault-client,.sw-clb__server-tools{padding-left:var(--sw-demo-space-3);border-left:1px solid var(--sw-demo-border)}.sw-clb__controls{gap:var(--sw-demo-space-1)}.sw-clb__controls .sw-clb__button{min-height:auto;padding:var(--sw-demo-space-1) var(--sw-demo-space-2);font-size:var(--sw-type-xs)}.sw-clb__log{max-height:calc(var(--sw-demo-space-4) * 6)}.sw-clb__server-note{margin-top:0}@media (width<=74rem){.sw-clb__workbench{grid-template-columns:minmax(0, 1fr) minmax(calc(var(--sw-demo-space-4) * 10), .75fr) minmax(0, 1fr)}.sw-clb__status-detail{display:none}}@media (width<=60rem){.sw-proofs-page[data-proof=collaboration] .sw-proofs-page__viewport{padding:var(--sw-demo-space-2)}.sw-clb__workbench{grid-template-columns:minmax(0,1fr)}.sw-clb__grid{height:calc(var(--sw-demo-space-4) * 15)}.sw-clb__sequence{min-height:auto}.sw-clb__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.sw-clb__steps .sw-clb__button{min-height:calc(var(--sw-demo-space-4) * 3);text-align:center;place-content:center}.sw-clb__direction,.sw-clb__decisions{display:none}.sw-clb__advanced-body{grid-template-columns:minmax(0,1fr)}.sw-clb__fault-client+.sw-clb__fault-client,.sw-clb__server-tools{padding-top:var(--sw-demo-space-3);border-top:1px solid var(--sw-demo-border);border-left:0;padding-left:0}}@media (width<=32rem){.sw-clb__scenario-title{align-items:flex-start}.sw-clb__scenario-title>div{display:none}.sw-clb__client-action{grid-template-columns:minmax(0,1fr)}.sw-clb__client-action .sw-clb__button{justify-content:center}.sw-clb__steps{grid-template-columns:minmax(0,1fr)}.sw-clb__steps .sw-clb__button{min-height:calc(var(--sw-demo-space-4) * 2)}}
