.hnw-banner{background:var(--muted);border-radius:20px;min-height:220px;position:relative;overflow:hidden}.hnw-pill-muted{background:var(--muted);color:var(--muted-foreground)}.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)}.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:focus-within,.hnf-select:focus-within{box-shadow:0 0 0 2px var(--ring)}.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;outline:none;padding:0}.hnf-search [data-slot=input]::placeholder{color:var(--muted-foreground)}.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;transition:background .2s,color .2s;display:inline-flex}.hnf-chip:hover{background:var(--card);border-color:var(--hn-c2)}.hnf-chip-on,.hnf-chip-on:hover{background:var(--hn-c2);border-color:var(--hn-c2);color:var(--hn-on-ink)}.hnf-tone-c1 .hnf-chip-on,.hnf-tone-c1 .hnf-chip-on:hover{background:var(--hn-c1);border-color:var(--hn-c1)}.hns-save,.hns-save:hover{background:var(--card);width:34px;height:34px;color:var(--hn-accent);box-shadow:var(--prototype-card-shadow);top:20px;z-index:1;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:20px}