.snip-btn { background:none; border:1px solid var(--line); color:var(--dim);
  border-radius:4px; padding:0 5px; margin-left:8px; cursor:pointer;
  font:12px ui-monospace,Menlo,monospace; }
.snip-btn:hover { color:var(--lime); border-color:var(--lime-dim); }
.model-toggle { cursor:pointer; }
.model-toggle:hover { color:var(--lime); }
td.snips { padding:0 8px 12px; border-bottom:1px solid var(--line); }
.snip-tabs { display:flex; gap:6px; margin:10px 0 6px; flex-wrap:wrap; }
.snip-tab { background:var(--panel); border:1px solid var(--line); color:var(--dim);
  border-radius:4px; padding:3px 10px; cursor:pointer;
  font:11.5px ui-monospace,Menlo,monospace; }
.snip-tab[aria-pressed="true"] { color:var(--lime); border-color:var(--lime-dim); }
.snip-box { position:relative; }
.snip-box pre { margin:0; padding-right:44px; }
.snip-copy { position:absolute; top:8px; right:8px; background:none;
  border:1px solid var(--line); color:var(--dim); border-radius:4px;
  padding:3px 7px; cursor:pointer; }
.snip-copy:hover { color:var(--lime); border-color:var(--lime-dim); }
.chips { display:flex; gap:6px; margin:12px 0 0; flex-wrap:wrap; }
.chip { background:var(--panel); border:1px solid var(--line); color:var(--dim);
  border-radius:12px; padding:3px 12px; cursor:pointer;
  font:12px ui-monospace,Menlo,monospace; }
.chip[aria-pressed="true"] { color:var(--lime); border-color:var(--lime-dim); }
th[data-sort] { cursor:pointer; user-select:none; }
th[data-sort]:hover { color:var(--text); }