.tool-shell{padding:var(--space-2) 0 var(--space-5)}.tool-head{margin-bottom:var(--space-3)}.tool-title{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;color:var(--color-accent-strong);margin:0 0 var(--space-2)}.tool-intro{color:var(--color-text-muted);max-width:var(--max-width-prose)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-3);margin:var(--space-3) 0;box-shadow:var(--shadow-1)}.filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.filter-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint)}.filter-bar select,.filter-bar input[type=search]{background:var(--color-surface-3);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-s);padding:.45rem .6rem;font-family:var(--font-body);font-size:.95rem;min-width:9rem}.filter-bar select:focus,.filter-bar input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.filter-bar .grow{flex:1 1 14rem}.tool-count{color:var(--color-text-muted);font-size:.9rem;margin:var(--space-2) 0}.table-scroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-2)}.data-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:760px}.data-table thead th{position:sticky;top:0;background:var(--color-surface-2);color:var(--color-accent);text-align:right;padding:.6rem .7rem;border-bottom:2px solid var(--color-border-strong);font-family:var(--font-display);font-weight:600;white-space:nowrap;cursor:pointer;user-select:none}.data-table thead th:first-child,.data-table tbody td:first-child{text-align:left}.data-table thead th.no-sort{cursor:default}.data-table tbody td{padding:.5rem .7rem;text-align:right;border-bottom:1px solid var(--color-border);color:var(--color-text);white-space:nowrap}.data-table tbody tr:nth-child(2n){background:#ffffff05}.data-table tbody tr:hover{background:var(--color-surface-2)}.data-table .unit-name{color:var(--color-accent-strong);text-decoration:none;font-weight:500}.data-table .unit-name:hover{text-decoration:underline}.data-table .muted{color:var(--color-text-faint)}.stat-num{font-variant-numeric:tabular-nums}.pill{display:inline-block;font-size:.72rem;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--color-surface-3);color:var(--color-text-muted);margin:1px 2px;white-space:nowrap}.pill--cat{border-color:var(--color-accent);color:var(--color-accent-strong)}.pill--fac{border-color:var(--color-border-strong);color:var(--color-text-muted)}.pager{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-3);flex-wrap:wrap}.pager button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-s);padding:.35rem .8rem;font-family:var(--font-body);cursor:pointer}.pager button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-strong)}.pager button:disabled{opacity:.4;cursor:default}.pager .page-info{color:var(--color-text-muted);font-size:.9rem}.empty-state{padding:var(--space-5);text-align:center;color:var(--color-text-muted)}.compare-picker{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-3) 0}.compare-slot{flex:1 1 16rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-3);box-shadow:var(--shadow-1)}.compare-slot h3{margin:var(--space-1) 0 var(--space-2);font-family:var(--font-display);color:var(--color-accent);font-size:1rem}.compare-slot select{width:100%;background:var(--color-surface-3);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-s);padding:.45rem .6rem;font-family:var(--font-body)}.compare-matrix{border:1px solid var(--color-border);border-radius:var(--radius-m);overflow:hidden;box-shadow:var(--shadow-2)}.compare-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr}.compare-row>div{padding:.55rem .7rem;border-bottom:1px solid var(--color-border)}.compare-row .row-label{color:var(--color-text-faint);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-2)}.compare-row .head{font-family:var(--font-display);color:var(--color-accent-strong);background:var(--color-surface-2);font-weight:600}.compare-row .better{color:var(--color-better);font-weight:600}.compare-row .worse{color:var(--color-worse)}.compare-row .val{text-align:right;font-variant-numeric:tabular-nums}.compare-synth{margin-top:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-m);padding:var(--space-3) var(--space-4)}.compare-synth h3{margin-top:0;color:var(--color-accent);font-family:var(--font-display)}.compare-synth p{color:var(--color-text);margin:.4rem 0}.compare-synth .tag{color:var(--color-accent-strong);font-weight:600}@media(max-width:560px){.compare-row{grid-template-columns:1.2fr 1fr 1fr}.compare-row .col-c{display:none}}