.models-toolbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.search{display:flex;align-items:center;gap:var(--space-2);flex:0 1 320px;height:44px;padding:0 var(--space-4);border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--surface-1);color:var(--ink-3)}.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:400 15px var(--font-body)}.family-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.family-chips button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--outline-2);border-radius:var(--radius-pill);background:var(--surface-1);color:var(--ink-2);font:500 14px/1 var(--font-body);cursor:pointer}.family-chips button>span:not(.icon){color:var(--ink-3);font:500 11px/1 var(--font-mono)}.family-chips button:hover{border-color:var(--outline);color:var(--ink)}.family-chips button[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--on-primary-soft)}.family-chips button[aria-pressed=true]>span:not(.icon){color:inherit}.models-note{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-5) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--outline-2);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink-2);font-size:13px;line-height:1.6}.models-note .icon{flex:none;margin-top:1px;color:var(--primary)}.models-table td{vertical-align:top}.cache-write-price>span:first-child,.prompt-tier-price>span:first-child{display:block;margin-top:6px;color:var(--ink-3);font-size:11px;white-space:nowrap}.prompt-tier-base{display:block;color:var(--ink-3);font-size:11px;white-space:nowrap}.cache-write-price:first-child>span:first-child{margin-top:0}.prompt-tier-price{margin-top:8px;padding-top:6px;border-top:1px dashed var(--outline-2)}.prompt-tier-price>div{margin-top:3px}.model-cell{display:flex;align-items:center;gap:4px}.model-cell .model-name:hover{color:var(--primary)}.copy-id{width:28px;height:28px;opacity:.55}tr:hover .copy-id,.copy-id:focus-visible{opacity:1}.family-chips .brand-icon{flex:0 0 auto;opacity:.9}.family-chips img.brand-icon{border-radius:4px;object-fit:contain}