.skd-demo__toolbar-right {
      margin-left: auto;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      min-width: 0;
    }
    .skd-card__body { flex: 1; }
    .skd-card__nameline {
      display: flex;
      align-items: center;
      gap: 5px;
      min-width: 0;
      min-height: 20px;
    }
    .skd-card__nameline .skd-card__name {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .skd-source-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 14px;
      height: 14px;
      flex: 0 0 14px;
      opacity: .72;
      transform: translateY(.2px);
    }
    .skd-source-icon svg {
      width: 14px;
      height: 14px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.35;
      stroke-linecap: round;
      stroke-linejoin: round;
      display: block;
    }
    .skd-source-icon img {
      width: 14px;
      height: 14px;
      object-fit: contain;
      display: block;
    }

    .skd-source-icon--official { color: #495dff; opacity: 1; }
    .skd-source-icon--enterprise {
      color: #6674E8;
      opacity: 1;
      background: transparent;
      box-shadow: none;
    }
    .skd-source-icon--enterprise svg {
      width: 15px;
      height: 15px;
      stroke-width: 1.18;
    }
    .skd-card:hover .skd-source-icon { opacity: .9; }
    .skd-card:hover .skd-source-icon--official,
    .skd-card:hover .skd-source-icon--enterprise { opacity: 1; }

    .skd-demo__cats--with-source {
      flex-wrap: nowrap;
      align-items: center;
      min-height: 32px;
      overflow: visible;
    }
    .skd-demo__cat-list {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      min-width: 0;
    }
    .skd-source-filter-wrap {
      position: relative;
      margin-left: auto;
      flex: 0 0 auto;
      height: 32px;
      z-index: 30;
    }
    .skd-source-filter-wrap > summary { list-style: none; }
    .skd-source-filter-wrap > summary::-webkit-details-marker { display: none; }
    .skd-source-filter-trigger {
      height: 32px;
      padding: 0 6px 0 8px;
      border: 0;
      border-radius: 8px;
      background: transparent;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-family: inherit;
      font-size: 13px;
      line-height: 32px;
      cursor: pointer;
      user-select: none;
      outline: none;
      transition: background .15s ease, color .15s ease;
    }
    .skd-source-filter-trigger:hover { background: rgba(0,0,0,.035); }
    .skd-source-filter-wrap[open] .skd-source-filter-trigger { background: rgba(0,0,0,.045); }
    .skd-source-filter-label { color: rgba(0,0,0,.42); font-weight: 400; }
    .skd-source-filter-value { color: rgba(0,0,0,.72); font-weight: 500; }
    .skd-source-filter-chevron {
      width: 6px;
      height: 6px;
      margin-left: 1px;
      border-right: 1.4px solid rgba(0,0,0,.38);
      border-bottom: 1.4px solid rgba(0,0,0,.38);
      transform: translateY(-2px) rotate(45deg);
      transition: transform .15s ease;
    }
    .skd-source-filter-wrap[open] .skd-source-filter-chevron {
      transform: translateY(1px) rotate(225deg);
    }
    .skd-source-menu {
      position: absolute;
      top: calc(100% + 6px);
      right: 0;
      width: 112px;
      padding: 6px;
      border: 1px solid rgba(0,0,0,.07);
      border-radius: 10px;
      background: #fff;
      box-shadow: 0 8px 24px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.04);
      transform-origin: top right;
      animation: skd-source-menu-in .12s ease-out;
    }
    @keyframes skd-source-menu-in {
      from { opacity: 0; transform: translateY(-3px) scale(.98); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }
    .skd-source-menu__item {
      width: 100%;
      height: 32px;
      padding: 0 9px;
      border: 0;
      border-radius: 7px;
      background: transparent;
      color: rgba(0,0,0,.68);
      font-family: inherit;
      font-size: 13px;
      font-weight: 400;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      transition: background .12s ease, color .12s ease;
    }
    .skd-source-menu__item:hover { background: rgba(0,0,0,.045); color: rgba(0,0,0,.88); }
    .skd-source-menu__item.is-active {
      color: #2970ff;
      background: rgba(41,112,255,.07);
      font-weight: 500;
    }
    .skd-source-menu__check { font-size: 12px; font-weight: 600; color: #2970ff; }
    @media (max-width: 980px) {
      .skd-demo__search { width: 180px; }
      .skd-demo__cats--with-source { gap: 10px; }
      .skd-source-filter-label { display: none; }
    }