.hl-picker{display:flex;align-items:center;gap:6px;padding:2px}.hl-picker-lbl{font-family:var(--mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);width:64px;flex-shrink:0}.hl-picker-swatches{display:flex;gap:6px;flex:1}.hl-sw{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s;outline:none;flex:none}.hl-sw--none{background:var(--bg-2);border:1px dashed var(--rule-2);display:grid;place-items:center;color:var(--ink-4);font-size:var(--text-sm)}.hl-sw--y{background:color-mix(in oklch,var(--gold) 55%,#fff)}.hl-sw--g{background:color-mix(in oklch,var(--sage) 55%,#fff)}.hl-sw--b{background:color-mix(in oklch,var(--sky) 55%,#fff)}.hl-sw--v{background:color-mix(in oklch,var(--lav) 55%,#fff)}.hl-sw--r{background:color-mix(in oklch,var(--accent) 40%,#fff)}.hl-sw.on,.hl-sw:hover{transform:scale(1.12)}.hl-sw.on{border-color:var(--ink)}.coll-picker{display:flex;flex-direction:column;gap:10px}.coll-picker-hd{font-size:var(--text-xs);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4)}.coll-picker-search{width:100%;padding:5px 10px;border:1px solid var(--rule);border-radius:6px;background:var(--bg);font-family:inherit;font-size:var(--text-md);color:var(--ink);outline:none;transition:border-color .15s}.coll-picker-search:focus{border-color:var(--accent)}.coll-picker-empty{font-size:var(--text-md);color:var(--ink-4)}.coll-picker-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.coll-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 9px;border-radius:20px;border:1.5px solid var(--rule);background:none;font-family:inherit;font-size:var(--text-base);color:var(--ink-2);cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}.coll-chip.on,.coll-chip:hover{border-color:var(--accent);color:var(--accent)}.coll-chip.on{background:var(--accent-wash)}.coll-chip--new{border-style:dashed;color:var(--ink-3)}.coll-chip--new:hover{border-color:var(--accent);color:var(--accent);background:none}