.lib-search{align-items:center;gap:var(--space-5);margin-bottom:var(--space-8);display:flex}.lib-search>.ui-search{flex:1}.lib-layout{gap:var(--space-10);grid-template-columns:216px minmax(0,1fr);align-items:start;display:grid}.lib-sidebar{top:var(--space-6);position:sticky}.lib-sidebar nav{gap:var(--space-1);flex-direction:column;display:flex}.lib-sidebar a{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);min-height:44px;color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.4;text-decoration:none;display:flex}.lib-sidebar a>span{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.lib-sidebar a:hover{background:var(--color-surface-hover)}.lib-sidebar a[aria-current=page]{background:var(--color-surface-selected);color:var(--color-text)}.lib-sidebar a[aria-current=page]>span{color:var(--color-text-secondary)}.lib-mobile-select{display:none}.lib-content{min-width:0}.lib-group+.lib-group{margin-top:var(--space-16);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.lib-group-header{margin-bottom:var(--space-8)}.lib-group-header>p{color:var(--color-text-secondary);margin-top:var(--space-3);font-size:var(--text-sm);max-width:64ch}.lib-composition{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-xs)}.lib-composition summary{cursor:pointer;min-height:32px;display:list-item}.lib-composition ul{gap:var(--space-2) var(--space-5);padding-left:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lib-composition li[data-matched=true]{color:var(--color-text)}.lib-example{border-top:1px solid var(--color-border);padding-top:var(--space-5);min-width:0}.lib-example>header{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.lib-example>header h3{font-size:var(--text-lg)}.lib-example>header code{font-size:var(--text-xs);overflow-wrap:anywhere;max-width:100%}.lib-example-note{color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-5);max-width:74ch}.lib-example-content{align-items:stretch;gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.lib-example-content>.ui-button{align-self:flex-start}.lib-example-content .ui-grid>*{min-width:0}.lib-example-content .ui-navbar{padding-inline:0}.lib-palette{gap:var(--space-5) var(--space-3);margin-top:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.lib-palette>div{min-width:0}.lib-palette>div>div{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:56px;margin-bottom:var(--space-2)}.lib-palette code{font-size:10px;display:block}.lib-palette span{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.lib-grid-cell{min-height:72px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;display:flex}.lib-spacing{align-items:flex-end;gap:var(--space-4);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.lib-spacing>div{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.lib-spacing span{background:var(--color-text-secondary);border-radius:var(--radius-sm);width:8px;display:block}.lib-next{margin-top:var(--space-12);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.lib-next p{font-size:var(--text-xs);color:var(--color-text-muted);max-width:70ch}.lib-next a{align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-top:var(--space-4);text-decoration:none;display:flex}@media (max-width:1000px){.lib-layout{gap:var(--space-6);grid-template-columns:180px minmax(0,1fr)}.lib-content .ui-grid--2{grid-template-columns:1fr}}@media (max-width:760px){.lib-layout{display:block}.lib-sidebar{display:none}.lib-mobile-select{margin-bottom:var(--space-8);display:block}.lib-search{align-items:stretch;gap:var(--space-3);flex-direction:column}.lib-search>.ui-badge{display:none}.lib-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.lib-composition ul{grid-template-columns:1fr}}@media (max-width:420px){.lib-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.lib-group-header h2{font-size:22px}}