.example{min-width:0}.example-frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);overflow:visible}.example-preview{display:grid;place-items:center;min-height:144px;padding:24px;border-radius:var(--radius);min-width:0}.example-preview>.example-content{width:100%;min-width:0}.example-preview[data-width=narrow]>.example-content{max-width:480px}.example-preview[data-width=compact]>.example-content{width:auto;align-items:center}.example-preview[data-width=compact]>.example-content>.cluster{justify-content:center}.example-frame>details{border-top:1px solid var(--line);border-bottom:0;padding:0 16px}.example-frame>details>summary{min-height:44px}.example-code{display:grid;gap:16px;padding-bottom:24px;min-width:0}.example-code pre{margin:0;padding:16px;max-height:480px;overflow:auto;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);font-size:.85rem;line-height:1.6}.example-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.example-frame>.library-preview{border:0;border-radius:var(--radius) var(--radius) 0 0}@media(max-width:480px){.example-preview{padding:16px}}