body{margin:0;min-height:100vh}*{box-sizing:border-box}.playground-shell.svelte-1moe9tz{display:grid;grid-template-columns:17rem minmax(0,1fr);min-height:100vh;background:var(--smrt-color-background);color:var(--smrt-color-on-background);font-family:var(--smrt-font-family)}button.svelte-1moe9tz,input.svelte-1moe9tz{font:inherit}button.svelte-1moe9tz{color:inherit}.catalog-nav.svelte-1moe9tz{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:1.4rem;padding:1.25rem;overflow:hidden;border-right:1px solid var(--smrt-color-outline-variant);background:var(--smrt-color-surface-container-low);color:var(--smrt-color-on-surface)}.brand.svelte-1moe9tz{display:flex;min-width:0;align-items:center;gap:.75rem}.brand__mark.svelte-1moe9tz{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:.55rem;background:var(--smrt-color-primary);color:var(--smrt-color-on-primary);font-weight:700}.brand.svelte-1moe9tz>div:where(.svelte-1moe9tz){min-width:0}.brand.svelte-1moe9tz h1:where(.svelte-1moe9tz){margin:0;overflow:hidden;font-size:.9rem;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap}.brand.svelte-1moe9tz p:where(.svelte-1moe9tz){margin:.12rem 0 0;overflow:hidden;color:var(--smrt-color-on-surface-variant);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.search-field.svelte-1moe9tz{display:grid;gap:.4rem}.search-field.svelte-1moe9tz span:where(.svelte-1moe9tz){color:var(--smrt-color-on-surface-variant);font-size:.72rem}.search-field.svelte-1moe9tz input:where(.svelte-1moe9tz){width:100%;padding:.65rem .75rem;border:1px solid var(--smrt-color-outline-variant);border-radius:.55rem;background:var(--smrt-color-surface);color:var(--smrt-color-on-surface)}.catalog-scroll.svelte-1moe9tz{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.catalog-scroll.svelte-1moe9tz nav:where(.svelte-1moe9tz),.foundation-catalog.svelte-1moe9tz,.nav-group.svelte-1moe9tz,.package-groups.svelte-1moe9tz{display:grid}.catalog-scroll.svelte-1moe9tz nav:where(.svelte-1moe9tz){gap:1.15rem}.foundation-catalog.svelte-1moe9tz{gap:.95rem}.foundation-heading.svelte-1moe9tz,.nav-group.svelte-1moe9tz button:where(.svelte-1moe9tz),details.svelte-1moe9tz button:where(.svelte-1moe9tz){width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.foundation-heading.svelte-1moe9tz{display:flex;align-items:center;justify-content:space-between;padding:0 0 .7rem;border-bottom:1px solid var(--smrt-color-outline-variant);font-size:.82rem;font-weight:650}.foundation-heading.svelte-1moe9tz small:where(.svelte-1moe9tz),details.svelte-1moe9tz summary:where(.svelte-1moe9tz) small:where(.svelte-1moe9tz){color:var(--smrt-color-on-surface-variant);font-size:.7rem;font-weight:500}.nav-group.svelte-1moe9tz{gap:.12rem}.nav-group.svelte-1moe9tz h2:where(.svelte-1moe9tz),.package-groups.svelte-1moe9tz>h2:where(.svelte-1moe9tz){margin:0 0 .35rem;color:var(--smrt-color-on-surface-variant);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.nav-group.svelte-1moe9tz button:where(.svelte-1moe9tz),details.svelte-1moe9tz button:where(.svelte-1moe9tz){padding:.52rem .6rem;border-radius:.45rem;font-size:.82rem}.nav-group.svelte-1moe9tz button:where(.svelte-1moe9tz):hover,.nav-group.svelte-1moe9tz button.active:where(.svelte-1moe9tz),details.svelte-1moe9tz button:where(.svelte-1moe9tz):hover,details.svelte-1moe9tz button.active:where(.svelte-1moe9tz){background:var(--smrt-color-secondary-container);color:var(--smrt-color-on-secondary-container)}.package-groups.svelte-1moe9tz{gap:.15rem;padding-top:.4rem}details.svelte-1moe9tz summary:where(.svelte-1moe9tz){display:flex;align-items:center;justify-content:space-between;padding:.58rem .3rem;cursor:pointer;font-size:.82rem;list-style:none}details.svelte-1moe9tz summary:where(.svelte-1moe9tz)::-webkit-details-marker{display:none}details.svelte-1moe9tz>div:where(.svelte-1moe9tz){padding-left:.45rem}.theme-controls.svelte-1moe9tz{display:flex;align-items:end;gap:.5rem;padding-top:.8rem;border-top:1px solid var(--smrt-color-outline-variant)}.theme-controls.svelte-1moe9tz .smrt-theme-switcher__label{display:none}.theme-controls.svelte-1moe9tz .smrt-theme-switcher__select{min-width:7rem;padding-block:.48rem}.workspace.svelte-1moe9tz{display:grid;min-width:0;align-content:start;gap:1.25rem;padding:1.25rem clamp(1.25rem,3vw,3rem) 3rem}.workspace-header.svelte-1moe9tz{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--smrt-color-outline-variant)}.breadcrumbs.svelte-1moe9tz{display:flex;min-width:0;gap:.55rem;color:var(--smrt-color-on-surface-variant);font-size:.76rem}.breadcrumbs.svelte-1moe9tz span:where(.svelte-1moe9tz),.breadcrumbs.svelte-1moe9tz strong:where(.svelte-1moe9tz){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs.svelte-1moe9tz i:where(.svelte-1moe9tz){opacity:.5}.breadcrumbs.svelte-1moe9tz strong:where(.svelte-1moe9tz){color:var(--smrt-color-on-surface)}.mode-control.svelte-1moe9tz{display:flex;flex:0 0 auto;gap:.25rem;padding:.2rem;border-radius:999px;background:var(--smrt-color-surface-container)}.mode-control.svelte-1moe9tz button:where(.svelte-1moe9tz){padding:.4rem .7rem;border:0;border-radius:999px;background:transparent;color:var(--smrt-color-on-surface-variant);cursor:pointer;font-size:.72rem;text-transform:capitalize}.mode-control.svelte-1moe9tz button.active:where(.svelte-1moe9tz){background:var(--smrt-color-surface);color:var(--smrt-color-on-surface);box-shadow:var(--smrt-elevation-1)}.package-landing.svelte-1moe9tz{width:min(68rem,100%);padding:clamp(1.5rem,4vw,3.5rem) 0 2rem}.package-landing.svelte-1moe9tz>header:where(.svelte-1moe9tz){position:relative;display:grid;gap:.55rem;padding-bottom:clamp(1.75rem,4vw,3rem);border-bottom:1px solid var(--smrt-color-outline-variant)}.package-landing.svelte-1moe9tz>header:where(.svelte-1moe9tz) p:where(.svelte-1moe9tz){margin:0;color:var(--smrt-color-primary);font-size:.68rem;letter-spacing:.08em;text-transform:none}.package-landing.svelte-1moe9tz>header:where(.svelte-1moe9tz) h2:where(.svelte-1moe9tz){max-width:48rem;margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:520;letter-spacing:-.045em;line-height:1}.package-landing.svelte-1moe9tz>header:where(.svelte-1moe9tz) span:where(.svelte-1moe9tz){max-width:42rem;color:var(--smrt-color-on-surface-variant);line-height:1.55}.package-landing.svelte-1moe9tz>header:where(.svelte-1moe9tz)>small:where(.svelte-1moe9tz){position:absolute;right:0;bottom:1rem;color:var(--smrt-color-on-surface-variant);font-size:.75rem}.package-index.svelte-1moe9tz{padding-top:2rem}.package-index.svelte-1moe9tz>h3:where(.svelte-1moe9tz){margin:0 0 .65rem;color:var(--smrt-color-on-surface-variant);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.package-index.svelte-1moe9tz>button:where(.svelte-1moe9tz){display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto 1.5rem;align-items:center;gap:1.25rem;padding:1.15rem 0;border:0;border-bottom:1px solid var(--smrt-color-outline-variant);background:transparent;text-align:left;cursor:pointer}.package-index__copy.svelte-1moe9tz{display:grid;min-width:0;gap:.25rem}.package-index__copy.svelte-1moe9tz strong:where(.svelte-1moe9tz){font-size:.95rem;font-weight:600}.package-index__copy.svelte-1moe9tz small:where(.svelte-1moe9tz),.package-index__modes.svelte-1moe9tz{color:var(--smrt-color-on-surface-variant);font-size:.76rem;line-height:1.4}.package-index__modes.svelte-1moe9tz{text-transform:capitalize}.package-index__arrow.svelte-1moe9tz{color:var(--smrt-color-primary);transition:transform .14s ease}.package-index.svelte-1moe9tz>button:where(.svelte-1moe9tz):hover .package-index__copy:where(.svelte-1moe9tz) strong:where(.svelte-1moe9tz),.package-index.svelte-1moe9tz>button:where(.svelte-1moe9tz):focus-visible .package-index__copy:where(.svelte-1moe9tz) strong:where(.svelte-1moe9tz){color:var(--smrt-color-primary)}.package-index.svelte-1moe9tz>button:where(.svelte-1moe9tz):hover .package-index__arrow:where(.svelte-1moe9tz),.package-index.svelte-1moe9tz>button:where(.svelte-1moe9tz):focus-visible .package-index__arrow:where(.svelte-1moe9tz){transform:translate(.2rem)}.preview-heading.svelte-1moe9tz{padding:1rem 0 .25rem}.preview-heading.svelte-1moe9tz p:where(.svelte-1moe9tz){margin:0 0 .35rem;color:var(--smrt-color-primary);font-size:.68rem;letter-spacing:.08em;text-transform:none}.preview-heading.svelte-1moe9tz h2:where(.svelte-1moe9tz){margin:0;font-size:clamp(1.45rem,2.6vw,2.15rem);font-weight:550;letter-spacing:-.025em}.preview-heading.svelte-1moe9tz span:where(.svelte-1moe9tz){display:block;max-width:48rem;margin-top:.45rem;color:var(--smrt-color-on-surface-variant);line-height:1.5}.preview-heading.svelte-1moe9tz .mode-description:where(.svelte-1moe9tz){font-size:.85rem}.preview-panel.svelte-1moe9tz{min-width:0}.preview-stage.svelte-1moe9tz{min-width:0;min-height:30rem;padding:clamp(1rem,2.2vw,2rem);overflow:auto;border:1px solid var(--smrt-color-outline-variant);border-radius:1rem;background:var(--smrt-color-surface);color:var(--smrt-color-on-surface)}.preview-state.svelte-1moe9tz{display:grid;min-height:25rem;place-content:center;justify-items:center;padding:1rem;color:var(--smrt-color-on-surface-variant);text-align:center}.preview-state.svelte-1moe9tz p:where(.svelte-1moe9tz),.empty-state.svelte-1moe9tz p:where(.svelte-1moe9tz){margin:.4rem 0 0;line-height:1.5}.full-height.svelte-1moe9tz{min-height:60vh}.empty-state.svelte-1moe9tz{padding:1rem .25rem;color:var(--smrt-color-on-surface-variant)}.loader.svelte-1moe9tz{width:1.25rem;height:1.25rem;border:2px solid var(--smrt-color-outline-variant);border-top-color:var(--smrt-color-primary);border-radius:50%;animation:svelte-1moe9tz-spin .8s linear infinite}@keyframes svelte-1moe9tz-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.playground-shell.svelte-1moe9tz{grid-template-columns:1fr}.catalog-nav.svelte-1moe9tz{position:static;height:auto;border-right:0;border-bottom:1px solid var(--smrt-color-outline-variant)}.catalog-scroll.svelte-1moe9tz{max-height:18rem}.catalog-scroll.svelte-1moe9tz nav:where(.svelte-1moe9tz){grid-template-columns:1fr}}@media(max-width:600px){.theme-controls.svelte-1moe9tz .smrt-theme-switcher{display:none}.workspace-header.svelte-1moe9tz{align-items:flex-start}.breadcrumbs.svelte-1moe9tz{display:grid;gap:.15rem}.breadcrumbs.svelte-1moe9tz i:where(.svelte-1moe9tz){display:none}.package-landing.svelte-1moe9tz>header:where(.svelte-1moe9tz)>small:where(.svelte-1moe9tz){position:static;margin-top:.35rem}.package-index.svelte-1moe9tz>button:where(.svelte-1moe9tz){grid-template-columns:minmax(0,1fr) 1.5rem}.package-index__modes.svelte-1moe9tz{display:none}}@media(prefers-reduced-motion:reduce){.loader.svelte-1moe9tz{animation:none}}.playground-embed.svelte-1e40evm{min-height:720px;border:1px solid var(--site-line-strong);border-radius:9px;background:var(--site-surface);overflow:hidden}.playground-embed.compact.svelte-1e40evm{min-height:620px}.playground-embed.svelte-1e40evm .playground-shell{min-height:inherit}