.klyp-route-CanvasIndex{gap:var(--gap-section);width:100%;padding-inline:var(--gutter-page-x);padding-block:var(--gutter-page-y);min-height:calc(100svh - var(--header-h,56px));flex-direction:column;display:flex;container:route-canvas-index/inline-size}.klyp-route-CanvasIndex__sectionHeader{justify-content:space-between;align-items:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.klyp-route-CanvasIndex__sectionHeader .klyp-SearchField[data-size]{height:var(--control-size-lg)}.klyp-route-CanvasIndex__sectionHeader .klyp-Button,.klyp-route-CanvasIndex__sectionHeader .klyp-TabSwitcher{min-height:var(--control-size-lg)}.klyp-route-CanvasIndex__sectionTitle{font-family:var(--font-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0;line-height:1.3}.klyp-route-CanvasIndex__sectionActions{align-items:center;gap:var(--space-8);flex-wrap:nowrap;justify-content:flex-end;min-width:0;display:flex}.klyp-route-CanvasIndex__sectionActions>.klyp-Button{flex-shrink:0}.klyp-route-CanvasIndex__search{flex:1 1 0;min-width:0;max-width:320px}.klyp-route-CanvasIndex__grid{gap:var(--gutter-grid);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));margin:0;padding:0;list-style:none;display:grid}.klyp-route-CanvasIndex__item{min-width:0;display:flex}.klyp-route-CanvasIndex__menuTrigger{border-radius:var(--r-chip);background:var(--color-bg-surface-solid);width:28px;height:28px;color:var(--color-fg-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.klyp-route-CanvasIndex__menuTrigger:hover,.klyp-route-CanvasIndex__menuTrigger[data-pressed],.klyp-route-CanvasIndex__menuTrigger[aria-expanded=true]{background:var(--color-bg-surface-hover)}.klyp-route-CanvasIndex__menuTrigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.klyp-route-CanvasIndex__mockPreview{background-color:var(--color-bg-canvas);display:block}.klyp-route-CanvasIndex__templatesPane{gap:var(--space-16);flex-direction:column;display:flex}.klyp-route-CanvasIndex__filters{align-items:center;gap:var(--space-6);scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.klyp-route-CanvasIndex__filters::-webkit-scrollbar{display:none}.klyp-route-CanvasIndex__filterChip{align-items:center;gap:var(--gap-icon-text);height:var(--control-size-md);padding-inline:var(--padding-control-x);border-radius:var(--r-chip);color:var(--color-fg-muted);font-family:var(--font-sans);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);background:0 0;border:0;flex:none;display:inline-flex}.klyp-route-CanvasIndex__filterChip svg{flex:none}.klyp-route-CanvasIndex__filterChip:hover{color:var(--color-fg-primary);background:var(--color-bg-surface)}.klyp-route-CanvasIndex__filterChip[data-active=true]{color:var(--color-fg-primary);background:var(--color-bg-surface-solid)}.klyp-route-CanvasIndex__filterChip:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.klyp-route-CanvasIndex__filterSep{inline-size:1px;block-size:var(--space-16);margin-inline:var(--space-6);background:var(--color-border-subtle);flex:none;align-self:center}.klyp-route-CanvasIndex__filtersSelect{display:none}@container route-canvas-index (width<=700px){.klyp-route-CanvasIndex__filters{display:none}.klyp-route-CanvasIndex__filtersSelect{display:flex}}.klyp-route-CanvasIndex__templateThumb{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.klyp-route-CanvasIndex__skeleton{gap:var(--space-12);flex-direction:column;width:100%;display:flex}.klyp-route-CanvasIndex__skeletonThumb{aspect-ratio:16/10;width:100%}.klyp-route-CanvasIndex__skeletonBody{gap:var(--space-8);padding-inline:var(--space-4);flex-direction:column;display:flex}