/* Preview-release landing: live model catalog gallery (hfpc-*).
         Active only with ?blogs_with_graphs=1 / ?landing_blogs_with_graphs=1. */
      body.hfpc-active .model-search,
      body.hfpc-active .model-search-hit-shield { display: none !important; }
      body.hfpc-active [data-page="landing"] .gallery:not(.hfpc-gallery) { display: none !important; }
      /* Preview layout: gallery directly under the hero input; the proof
         (feature cards) and creators strip move below the gallery so search
         results render right where the user is typing. */
      body.hfpc-active .gallery-section[data-page="landing"] { margin-top: 26px; }
      body.hfpc-active .gallery-section[data-page="landing"] + .proof { margin-top: 44px; }
      body.hfpc-active .proof + .hf-models-launch { margin-top: 20px; }
      .hfpc-toolbar { display: grid; gap: 12px; margin: 4px 0 20px; }
      .hfpc-toolbar__row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
      .hfpc-sort {
        background: rgba(255, 255, 255, 0.04); border: 1px solid var(--stroke, rgba(255,255,255,0.1));
        border-radius: 999px; color: inherit; font: 13px "Inter", sans-serif;
        padding: 9px 14px; outline: none; cursor: pointer;
      }
      .hfpc-sort option { background: #0a121f; }
      .hfpc-count { color: var(--muted, #91a0ba); font-size: 13px; font-variant-numeric: tabular-nums; }
      .hfpc-browse {
        margin-left: auto; color: var(--lime, #9cff63); font-size: 0.8rem; font-weight: 600;
        letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none;
      }
      .hfpc-browse:hover { text-decoration: underline; }
      .hfpc-filter {
        background: transparent; border: 1px solid var(--stroke, rgba(255,255,255,0.1));
        border-radius: 999px; color: var(--muted, #91a0ba); font: 12.5px "Inter", sans-serif;
        padding: 6px 13px; cursor: pointer; transition: all 0.15s;
      }
      .hfpc-filter:hover { color: inherit; border-color: rgba(156, 255, 99, 0.35); }
      .hfpc-filter.is-on {
        color: #07100d; background: var(--lime, #9cff63);
        border-color: var(--lime, #9cff63); font-weight: 600;
      }
      .hfpc-filter__count { opacity: 0.6; margin-left: 3px; font-variant-numeric: tabular-nums; }
      .hfpc-gallery { position: relative; }
      .hfpc-gallery .gallery-card { position: absolute; top: 0; left: 0; margin: 0; }
      .hfpc-gallery .gallery-card__image { width: 100%; height: auto; display: block; }
      .hfpc-gallery .gallery-card__sub { color: var(--muted, #91a0ba); font-size: 0.82rem; }
      .hfpc-gallery .gallery-card__label.hfpc-has-avatar::before { display: none; }
      .hfpc-avatar {
        width: 20px; height: 20px; flex: 0 0 20px; border-radius: 6px;
        object-fit: cover; background: #fff; padding: 1px; box-sizing: border-box;
        align-self: center;
      }
      .hfpc-avatar--user { border-radius: 50%; }
      .hfpc-empty { display: none; color: var(--muted, #91a0ba); padding: 34px 4px; font-size: 15px; }
      .hfpc-empty.is-visible { display: block; }