/* LinkFilter — this tool's own styles. Shared styles (colours, buttons, text box, link rows, toast…) are in /assets/style.css */

.panel { max-width: 860px; margin: 38px auto 0; padding: clamp(16px, 3vw, 26px); display: grid; gap: 14px; text-align: left; }

/* keyword box + "Remove duplicates" */
.filter-row { display: flex; flex-wrap: wrap; gap: 8px; }
.filter-row .pill-input { flex: 1 1 260px; padding: 13px 18px; font-size: 15px; }
.panel.dragover { box-shadow: inset 0 0 0 2px var(--accent-bright), 0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent); }

/* website filter chips */
.chips { display: flex; flex-wrap: wrap; gap: 8px; max-height: 196px; overflow-y: auto; padding: 2px; }
.chips button { font: 600 14px/1 var(--font-body); color: var(--text-2); cursor: pointer; padding: 10px 14px; border-radius: 999px; border: 0;
  background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px var(--line); transition: background .2s, color .2s; max-width: 100%;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chips button:hover { color: var(--text); }
.chips button[aria-pressed="true"] { color: #fff; background: color-mix(in srgb, var(--accent) 85%, transparent); box-shadow: none; }
.chips .n { font: 500 12px/1 var(--font-mono); opacity: .7; margin-left: 6px; }

/* results */
.block { padding-top: clamp(40px, 5vw, 60px); }
.narrow { max-width: 860px; }
.link-list .none { list-style: none; text-align: center; color: var(--text-2); padding: 26px 12px; border-radius: 16px; background: rgba(255,255,255,.03); }