@layer components{.template-leaf-chip{align-items:center;gap:var(--space-1);max-width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-brand-subtle);color:var(--color-brand);font:inherit;font-size:var(--text-size-sm);cursor:pointer;border:0;display:inline-flex}.template-leaf-chip:hover{background:var(--color-info-subtle)}.template-leaf-chip:focus-visible{outline:var(--space-1) solid var(--color-focus-ring)}.template-leaf-chip:disabled{color:var(--color-text-muted);cursor:wait}.template-leaf-chip[data-current]{background:var(--color-info-subtle)}.template-leaf-chip svg{width:var(--space-4);height:var(--space-4);flex:none}.template-leaf-chip [data-role=name]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-leaf-chip small{color:var(--color-text-muted);flex:none}}
@layer components{.template-tree{display:block}.template-tree ul{gap:var(--sp-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.template-tree details{margin-block-start:var(--sp-3)}.template-tree summary{cursor:pointer;padding-block:var(--sp-2);color:var(--color-text-muted);font-size:var(--text-size-xs);font-weight:var(--text-weight-semibold);letter-spacing:var(--text-tracking-wide);text-transform:uppercase}.template-tree details ul{margin-block-start:var(--sp-1)}.template-tree li{display:flex}.template-tree li>.template-leaf-chip{min-inline-size:0}.template-tree>p{color:var(--color-text-muted);font-size:var(--text-size-sm);margin:0}}