.metric-tool{padding:clamp(16px,3vw,28px);border:1px solid var(--line);background:var(--surface);border-radius:8px}.metric-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.metric-field label{display:block;font-weight:700;margin-bottom:6px}.metric-field input{display:block;width:100%;min-width:0;padding:12px;font:inherit;color:var(--text);background:var(--base);border:1px solid var(--line);border-radius:5px}.metric-field small{display:block;color:var(--muted);margin-top:6px;font-size:13px;line-height:1.6}.metric-tool button{cursor:pointer;font:inherit;padding:12px 18px;border:1px solid var(--line);border-radius:5px;background:var(--base);color:var(--text)}.metric-tool .search-button{background:#a51d60;color:#fff}.metric-tool button:disabled{opacity:.5;cursor:default}.metric-tool :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.metric-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.metric-status{font-size:14px;min-height:2em}.metric-error{padding:14px;border:2px solid var(--accent)}.metric-results{padding-top:20px;border-top:1px solid var(--line)}.metric-results dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.metric-results dd{margin:0;color:var(--accent);font-weight:700;font-size:22px;overflow-wrap:anywhere}.metric-tool [hidden]{display:none!important}@media(max-width:480px){.metric-fields{grid-template-columns:1fr}.metric-actions button{width:100%}.metric-results dl{grid-template-columns:1fr;gap:6px}.metric-results dd{margin-bottom:16px}}