.sharing-state-lesson .sharing-demo{padding:var(--cf-space-250) var(--cf-space-350);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);color:var(--cf-color-text);font-size:var(--cf-font-size-325)}.sharing-state-lesson .sharing-demo p{margin:0 0 var(--cf-space-100)}.sharing-state-lesson .sharing-demo label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-150)}.sharing-state-lesson .sharing-demo input{max-width:100%;font:inherit}.sharing-state-lesson .sharing-demo input:not([type=range]){width:9rem;padding:var(--cf-space-050) var(--cf-space-150)}.sharing-state-lesson .sharing-demo button,.sharing-state-lesson .sharing-demo input:not([type=range]){border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised);color:var(--cf-color-text)}.sharing-state-lesson .sharing-demo button{margin:var(--cf-space-100) var(--cf-space-100) 0 0;padding:var(--cf-space-050) var(--cf-space-250);font:inherit;font-size:var(--cf-font-size-300);cursor:pointer}.sharing-state-lesson .sharing-demo button:hover{border-color:var(--cf-color-border-hover)}.sharing-state-lesson .search-demo input{margin-right:var(--cf-space-150)}.sharing-state-lesson .sync-field{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-200)}.sharing-state-lesson .sync-field label span{min-width:3.5rem}.sharing-state-lesson .sharing-subheading{margin:var(--cf-space-250) 0 var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.sharing-state-lesson .sync-owners{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding:0;list-style:none;font-size:var(--cf-font-size-300)}.sharing-state-lesson .sync-owners li{padding:var(--cf-space-100) var(--cf-space-200);border:1px solid var(--cf-color-success-border);border-radius:var(--cf-radius-100);background:var(--cf-color-success-subtle);overflow-wrap:anywhere}.sharing-state-lesson .sync-owners.is-disagree li{border-color:var(--cf-color-danger-border);background:var(--cf-color-danger-subtle)}.sharing-state-lesson .owner-paths,.sharing-state-lesson .owner-tree{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding:var(--cf-space-200) var(--cf-space-300);list-style:none;font-size:var(--cf-font-size-300)}.sharing-state-lesson .owner-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-150)}.sharing-state-lesson .owner-row button{padding:var(--cf-space-050) var(--cf-space-200);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);background:var(--cf-color-surface);color:var(--cf-color-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275);cursor:pointer}.sharing-state-lesson .owner-row button[aria-pressed=true]{border-color:var(--cf-color-accent-border);background:var(--cf-color-accent-subtle);font-weight:var(--cf-font-weight-semibold)}.sharing-state-lesson .owner-row.is-owner button{border-color:var(--cf-color-success-border);box-shadow:0 0 0 2px var(--cf-color-success-border)}.sharing-state-lesson .owner-depth-1{padding-left:var(--cf-space-400)}.sharing-state-lesson .owner-depth-2{padding-left:var(--cf-space-800)}.sharing-state-lesson .owner-note{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.sharing-state-lesson .owner-paths code{overflow-wrap:anywhere}.sharing-state-lesson .owner-empty{margin:0;padding:var(--cf-space-200) var(--cf-space-300);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}