.theme-lab{gap:2rem;padding:2rem 1rem 4rem;display:grid}@media (width>=1024px){.theme-lab{grid-template-columns:18rem minmax(0,1fr);padding-inline:2rem}.theme-lab__aside{align-self:start;max-height:calc(100svh - 6rem);position:sticky;top:5rem;overflow-y:auto}}.theme-lab__aside{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.theme-lab__title{font-family:var(--font-heading);margin:0;font-size:1.75rem;font-weight:700}.theme-lab__lede{opacity:.75;margin:0;font-size:.875rem}.theme-lab__jump ul{flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.theme-lab__content{flex-direction:column;gap:3rem;min-width:0;display:flex}.theme-lab__section{scroll-margin-top:5rem}.theme-lab__section-title{font-family:var(--font-heading);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.theme-lab__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1rem;display:grid}.theme-lab__card{border:1px solid var(--border,color-mix(in oklab, currentColor 20%, transparent));border-radius:var(--radius-lg,.5rem);background:var(--surface,transparent);flex-direction:column;min-width:0;display:flex;overflow:hidden}.theme-lab__card-header{border-bottom:1px solid var(--border,color-mix(in oklab, currentColor 20%, transparent));justify-content:space-between;align-items:baseline;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.theme-lab__card-header h3{font-size:inherit;margin:0;font-weight:600}.theme-lab__card-body{flex:1;min-height:8rem;padding:.5rem;display:flex}.theme-lab__card-body .docs-story__preview{justify-content:flex-start;align-items:flex-start;min-width:0;min-height:0;padding:1rem;overflow-x:auto}.theme-lab__card-body .docs-story__preview-mount{justify-content:flex-start;align-items:flex-start;min-width:0}.theme-lab__card-body radiant-docs-canvas{min-width:0}.theme-lab__kit{border-bottom:1px solid var(--border,color-mix(in oklab, currentColor 20%, transparent));flex-direction:column;gap:1rem;padding-bottom:2rem;display:flex}.theme-lab__kit .theme-lab__section-title,.theme-lab__kit .theme-lab__lede{margin:0}radiant-theme-lab-picker{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.theme-lab-picker__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}button.theme-lab-picker__option{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;display:flex}button.theme-lab-picker__option:hover{background:color-mix(in oklab, currentColor 6%, transparent)}button.theme-lab-picker__option[aria-pressed=true]{border-color:color-mix(in oklab, currentColor 30%, transparent);background:color-mix(in oklab, currentColor 8%, transparent)}button.theme-lab-picker__option:focus-visible{outline-offset:2px;outline:2px solid}.theme-lab-picker__copy{flex-direction:column;min-width:0;display:flex}.theme-lab-picker__label{font-weight:600}.theme-lab-picker__description{opacity:.7;font-size:.75rem}.theme-lab-picker__heading{margin:0 0 var(--space-2);letter-spacing:.04em;text-transform:uppercase;opacity:.7;font-size:.75rem;font-weight:600}.theme-lab-picker__saved-item{align-items:center;gap:var(--space-1);display:flex}.theme-lab-picker__saved-item button.theme-lab-picker__option{flex:1;min-width:0}.theme-lab-picker__delete{border-radius:var(--radius-md);width:1.75rem;height:1.75rem;color:inherit;font:inherit;cursor:pointer;opacity:.6;background:0 0;border:0;flex:none}.theme-lab-picker__delete:hover,.theme-lab-picker__delete:focus-visible{background:color-mix(in oklab, currentColor 10%, transparent);opacity:1}.theme-lab-picker__reset p{margin:var(--space-2) 0 0;opacity:.7;font-size:.75rem}.theme-lab-picker__reset-button{padding:var(--space-1) var(--space-3);border:1px solid color-mix(in oklab, currentColor 30%, transparent);border-radius:var(--radius-md);color:inherit;font:inherit;cursor:pointer;background:0 0;font-size:.8125rem}.theme-lab-picker__reset-button:hover{background:color-mix(in oklab, currentColor 8%, transparent)}.theme-lab-picker__builtins{width:100%}.theme-lab-picker__builtins .rui-listbox,.theme-lab-picker__builtins{max-height:none;overflow:visible}.rui-listbox__option.theme-lab-picker__option{align-items:center;gap:var(--space-3);grid-template-columns:.75rem minmax(0,1fr);display:grid}.theme-lab-picker__swatch{border:1px solid color-mix(in srgb, currentColor 20%, transparent);background:var(--theme-lab-swatch,var(--primary));border-radius:50%;width:.75rem;height:.75rem}.theme-lab-picker__swatch[data-theme-swatch=rui-default]{--theme-lab-swatch:oklch(from var(--rui-primary,oklch(52% .19 264)) 45% calc(c * .9) h)}.theme-lab-picker__swatch[data-theme-swatch=github]{--theme-lab-swatch:#1a7f37}.theme-lab-picker__swatch[data-theme-swatch=cloudflare]{--theme-lab-swatch:#cc3a00}.theme-lab-picker__swatch[data-theme-swatch=vscode]{--theme-lab-swatch:#006bb3}.theme-lab-picker__swatch[data-theme-swatch=vercel]{--theme-lab-swatch:#000}.theme-lab-picker__swatch[data-theme-swatch=material]{--theme-lab-swatch:oklch(46% .17 293)}.theme-lab-picker__swatch[data-theme-swatch=high-contrast]{--theme-lab-swatch:#03c}.theme-lab-picker__swatch[data-theme-swatch=windows95]{--theme-lab-swatch:navy}.theme-lab-picker__swatch[data-theme-swatch=macos-classic]{--theme-lab-swatch:#339}.theme-lab-picker__swatch[data-theme-swatch=macos]{--theme-lab-swatch:#005fcc}.theme-lab-picker__swatch[data-theme-swatch=zed]{--theme-lab-swatch:#4a62cf}:root.dark .theme-lab-picker__swatch[data-theme-swatch=rui-default]{--theme-lab-swatch:oklch(from var(--rui-primary,oklch(52% .19 264)) 76% calc(c * .63) h)}.dark .theme-lab-picker__swatch[data-theme-swatch=github]{--theme-lab-swatch:#238636}.dark .theme-lab-picker__swatch[data-theme-swatch=cloudflare]{--theme-lab-swatch:#cc3a00}.dark .theme-lab-picker__swatch[data-theme-swatch=vscode]{--theme-lab-swatch:#0078d4}.dark .theme-lab-picker__swatch[data-theme-swatch=vercel]{--theme-lab-swatch:#fff}.dark .theme-lab-picker__swatch[data-theme-swatch=material]{--theme-lab-swatch:oklch(82% .11 293)}.dark .theme-lab-picker__swatch[data-theme-swatch=high-contrast]{--theme-lab-swatch:#ff0}.dark .theme-lab-picker__swatch[data-theme-swatch=windows95]{--theme-lab-swatch:#7aa7ff}.dark .theme-lab-picker__swatch[data-theme-swatch=macos-classic]{--theme-lab-swatch:#a9a9ff}.dark .theme-lab-picker__swatch[data-theme-swatch=macos]{--theme-lab-swatch:#55a6ff}.dark .theme-lab-picker__swatch[data-theme-swatch=zed]{--theme-lab-swatch:#74ade8}