/* Scoped to the new tool. Fonts and every color come from the existing gray theme. */
.finder{--finder-surface:#151513;--finder-line:#555650;--finder-muted:#aaa9a4;--finder-text:#f8f8f5}
.finder-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}
.finder-heading h3{font-size:24px;letter-spacing:-.04em;margin:0 0 7px;line-height:1.25}
.finder-heading p{margin:0;font-size:16px;color:#c5c5bf;max-width:620px}
.finder-mode{font:12px/1.5 'DM Mono',monospace;color:var(--finder-muted);white-space:nowrap;border:1px solid var(--finder-line);padding:6px 9px}
.finder-form{margin:0}
.finder-label{display:block;font:14px/1.5 'DM Mono',monospace;color:#c5c5bf;margin-bottom:9px}
.finder-input-row{display:flex;gap:10px;align-items:stretch}
.finder-input-row input{flex:1;min-width:0;border:1px solid var(--finder-line);background:var(--finder-surface);color:var(--finder-text);padding:13px 15px;border-radius:0;font:16px/1.5 Inter,Arial,sans-serif;min-height:48px}
.finder-input-row .button{min-width:0;text-transform:none;letter-spacing:.02em;padding:10px 18px}
.finder-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.finder-suggestion{border:1px solid var(--finder-line);background:transparent;color:#c5c5bf;font:14px/1.5 Inter,Arial,sans-serif;padding:7px 11px;min-height:38px;cursor:pointer}
.finder-status{color:var(--finder-muted);font-size:14px;line-height:1.6;min-height:23px;margin:15px 0 18px}
.finder-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);gap:20px;align-items:start}
.finder-results{padding:0;margin:0;list-style:none;display:grid;gap:10px;min-width:0}
.finder-result{display:block;width:100%;text-align:left;border:1px solid #343431;background:var(--finder-surface);color:var(--finder-text);padding:17px;cursor:pointer;min-height:100px}
.finder-result[aria-pressed=true]{border-color:var(--finder-text)}
.finder-result strong{display:block;font:500 17px/1.4 Inter,Arial,sans-serif;letter-spacing:-.025em}
.finder-result small{display:block;font:12px/1.5 'DM Mono',monospace;color:var(--finder-muted);margin-top:8px}
.finder-result span{display:block;font-size:14px;line-height:1.5;color:#c5c5bf;margin-top:10px}
.finder-preview{min-width:0;border:1px solid var(--finder-line);background:var(--finder-surface);padding:20px}
.finder-preview h4{margin:0 0 10px;font-size:22px;letter-spacing:-.035em;line-height:1.3}
.finder-preview p{font-size:14px;line-height:1.65;color:#c5c5bf;margin:0 0 14px}
.finder-tags{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}
.finder-tags span{font:12px/1.5 'DM Mono',monospace;border:1px solid var(--finder-line);padding:5px 8px;color:#c5c5bf}
.finder-frame{display:block;width:100%;height:360px;border:1px solid #343431;background:#10100e}
.finder-preview-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:14px}
.finder-preview-actions a,.finder-clear{background:none;color:var(--finder-text);border:0;border-bottom:1px solid #777;font:14px/1.5 'DM Mono',monospace;padding:6px 0;cursor:pointer;text-decoration:none}
.finder-preview .finder-boundary{font-size:13px;color:var(--finder-muted);margin:14px 0 0}
.finder-empty{border:1px solid var(--finder-line);padding:24px;color:#c5c5bf;font-size:16px;line-height:1.7}
.finder:focus-visible,.finder :focus-visible{outline:2px solid #d6d6d1;outline-offset:4px}
.motion-enabled .finder-result,.motion-enabled .finder-suggestion{transition:transform 160ms ease}
@media(hover:hover) and (pointer:fine){.motion-enabled .finder-result:hover,.motion-enabled .finder-suggestion:hover{transform:translateY(-1px)}}
@media(max-width:720px){.finder-heading{flex-direction:column;gap:12px}.finder-grid{grid-template-columns:1fr}.finder-results{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-result{height:100%;padding:14px}.finder-result strong{font-size:16px}.finder-preview{padding:17px}.finder-input-row .button{padding:10px 13px}.finder-heading h3{font-size:23px}}
@media(max-width:390px){.finder-results{grid-template-columns:1fr}.finder-suggestions{gap:6px}.finder-input-row{flex-wrap:wrap}.finder-input-row input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.finder *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.finder-result:hover,.finder-suggestion:hover{transform:none!important}}