.hnf-bar{background:var(--card);border:1px solid var(--border);border-radius:22px;flex-wrap:wrap;gap:10px;margin-top:28px;padding:10px;display:flex}.hnf-search,.hnf-select{background:var(--muted);border-radius:14px;align-items:center;gap:8px;min-width:0;height:44px;padding:0 14px;font-size:14px;display:flex}.hnf-bar .hnf-search{flex:100%}.hnf-bar .hnf-select{flex:160px}.hnf-search [data-slot=input],.hnf-select [data-slot=select-trigger]{width:100%;min-width:0;height:100%;font:inherit;color:var(--foreground);cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:0}.hnf-chips{gap:8px;margin-top:14px;padding-bottom:4px;display:flex;overflow-x:auto}.hnf-chip{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:99px;flex-shrink:0;align-items:center;gap:8px;height:auto;padding:9px 16px;font-size:14px;font-weight:600;line-height:1.5;transition:background .2s,color .2s;display:inline-flex}.hnf-tone-c4 .hnf-chip:hover{background:var(--card);border-color:var(--hn-c4)}.hnf-tone-c4 .hnf-chip-on,.hnf-tone-c4 .hnf-chip-on:hover{background:var(--hn-c4);border-color:var(--hn-c4);color:var(--hn-on-ink)}.hnw-save,.hnw-save:hover{background:var(--card);width:34px;height:34px;color:var(--hn-accent);box-shadow:var(--prototype-card-shadow);top:12px;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:12px}.hnw-pill-accent{background:var(--hn-accent)}@supports (color:color-mix(in lab, red, red)){.hnw-pill-accent{background:color-mix(in oklab, var(--hn-accent) 13%, transparent)}}.hnw-pill-accent{color:var(--hn-accent)}.hnw-pedigree{gap:10px;display:grid}.hnw-ped-row{grid-template-columns:1fr 1fr;align-items:center;gap:10px;display:grid}.hnw-ped-cell{background:var(--card);border:1px solid var(--border);border-inline-start:3px solid var(--primary);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;font-size:13px;display:flex}.hnw-ped-cell span{color:var(--primary);font-size:10px;font-weight:700}.hnw-ped-f{border-inline-start-color:var(--hn-accent)}.hnw-ped-f span{color:var(--hn-accent)}