.component-library-page{display:grid;gap:var(--lfh-spacing-md, 1rem);min-width:0}.component-library-page h2,.component-library-page h3{margin:0;font-family:var(--lfh-font-heading)}.component-library-page p{margin-block:.25em}.component-library-muted{color:var(--lfh-colour-muted-text);margin:0}.component-library-stack{display:grid;gap:var(--lfh-spacing-md, 1rem);min-width:0}.component-library-help{border-bottom:1px solid var(--lfh-colour-border);padding-bottom:var(--lfh-spacing-sm, .5rem)}.component-library-page summary{min-height:44px;align-content:center;font-weight:700;cursor:pointer}.component-library-workspace{display:grid;grid-template-columns:minmax(15rem,19rem) minmax(0,1fr);gap:var(--lfh-spacing-lg, 1.5rem);align-items:start;min-width:0}.component-library-list{display:grid;grid-auto-rows:max-content;gap:var(--lfh-spacing-xs, .25rem);max-height:35rem;overflow-y:auto;padding:3px}.component-library-list-item{min-height:44px;height:auto;display:grid;gap:var(--lfh-spacing-xs, .25rem);width:100%;padding:var(--lfh-spacing-sm, .5rem);border:1px solid transparent;border-radius:var(--lfh-radius-sm);background:transparent;color:var(--lfh-colour-text);text-align:left;font:inherit;cursor:pointer;overflow-wrap:anywhere}.component-library-list-item small{color:var(--lfh-colour-muted-text)}.component-library-list-item[aria-pressed=true],.component-library-list-item:hover{background:var(--lfh-colour-surface-muted);border-color:var(--lfh-colour-border)}.component-library-page :is(button,a,summary,input,select,[tabindex="0"]):focus-visible{outline:3px solid var(--lfh-colour-focus-ring);outline-offset:2px}.component-library-preview-tools{display:grid;gap:var(--lfh-spacing-md, 1rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:end}.component-library-example{min-width:0;overflow-x:auto;padding:var(--lfh-spacing-md, 1rem);border:1px solid var(--lfh-colour-border);border-radius:var(--lfh-radius-sm);background:var(--lfh-colour-background);color:var(--lfh-colour-text)}.component-example-stack{display:grid;gap:var(--lfh-spacing-md, 1rem);min-width:0}.component-example-actions{display:flex;flex-wrap:wrap;gap:var(--lfh-spacing-sm, .5rem);align-items:center}.component-library-example progress{width:100%;accent-color:var(--lfh-colour-primary)}.component-library-example input[type=range]{min-height:44px;accent-color:var(--lfh-colour-primary)}.component-library-code-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--lfh-spacing-sm, .5rem)}.component-library-code{max-width:100%;overflow-x:auto;padding:var(--lfh-spacing-md, 1rem);margin:0;background:var(--lfh-colour-surface-muted);border:1px solid var(--lfh-colour-border);border-radius:var(--lfh-radius-sm);line-height:1.6}.component-library-props{display:flex;flex-wrap:wrap;gap:var(--lfh-spacing-sm, .5rem);padding-block:var(--lfh-spacing-sm, .5rem)}.component-library-props code{padding:.15em .4em;border:1px solid var(--lfh-colour-border);border-radius:var(--lfh-radius-sm);background:var(--lfh-colour-surface-muted)}.component-spacing-row{display:grid;grid-template-columns:4rem minmax(0,1fr) 4rem;align-items:center;gap:var(--lfh-spacing-sm, .5rem)}.component-spacing-row>span{display:block;height:.5rem;max-width:100%;background:var(--lfh-colour-primary)}.component-shell-example .lfh-page-shell-grid{min-height:14rem!important}.component-library-example .lfh-workspace-sidebar{position:relative!important;inset:auto!important;transform:none!important;min-height:14rem!important;height:auto!important;max-height:20rem;width:min(100%,18rem)!important}.component-library-example .lfh-workspace-sidebar.is-collapsed{width:4.5rem!important}.component-library-example .lfh-workspace-header{min-width:0;flex-wrap:wrap}.component-spreadsheet-example{border-collapse:collapse;width:100%}.component-spreadsheet-example :is(th,td){padding:var(--lfh-spacing-sm, .5rem);border:1px solid var(--lfh-colour-border);text-align:left}.component-spreadsheet-example th{background:var(--lfh-colour-surface-muted)}@media(max-width:65rem){.component-library-workspace{grid-template-columns:minmax(0,1fr)}.component-library-list{max-height:14rem}}