:is(.tools-page,.tool-search-window) .tool-search-field{border:1px solid var(--control-border);background:var(--paper);min-width:0;height:60px;color:var(--muted);border-radius:18px;align-items:center;gap:14px;padding:0 8px 0 20px;display:flex;position:relative}:is(.tools-page,.tool-search-window) .tool-search-field:focus-within{border-color:var(--accent);outline:3px solid var(--accent-soft);outline-offset:0}:is(.tools-page,.tool-search-window) .tool-search-field>svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;flex:none;width:22px;height:22px;position:static;transform:none}:is(.tools-page,.tool-search-window) .tool-search-field input{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:18px}.tool-search-field input::-webkit-search-cancel-button{display:none}.tool-search-clear{width:44px;height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;padding:0;font-size:24px;display:grid}.tool-search-clear:hover{background:var(--accent-soft);color:var(--ink)}.tool-search-clear:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-search-clear[hidden]{display:none}:is(.tools-page,.tool-search-window) mark{background:var(--accent-soft);color:inherit;border-radius:4px;padding:0 1px}@media (width<=860px){:is(.tools-page,.tool-search-window) .tool-search-field{height:56px;padding-left:16px}.tools-page .tool-search-field input{font-size:17px}}.tool-browser{gap:20px;display:grid}.tool-search-shell{display:block}.tool-search-field{min-width:0;display:block;position:relative}.tool-search-field>svg{fill:none;width:24px;height:24px;stroke:var(--accent-strong);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.tool-search-field input{border:1px solid color-mix(in srgb, var(--accent-strong) 62%, var(--border));background:color-mix(in srgb, var(--paper) 96%, var(--lavender-light));width:100%;min-height:58px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-strong) 14%, transparent);color:var(--ink);font:inherit;border-radius:12px;padding:0 112px 0 54px;font-size:.98rem}.tool-search-field input::placeholder{color:var(--muted)}.tool-search-field input:focus-visible,.tool-filter-button:focus-visible,.tool-personal-filter:focus-visible,.tool-clear-filters:focus-visible,.tool-sort-field select:focus-visible,.tool-directory-show-all:focus-visible,.tool-directory-link:focus-visible,.tool-directory-favorite:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.tool-search-shortcut{color:var(--muted);pointer-events:none;align-items:center;gap:5px;display:inline-flex;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.tool-search-shortcut kbd{border:1px solid var(--border);background:color-mix(in srgb, var(--paper) 91%, var(--lavender-light));min-width:29px;height:30px;box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 15%, transparent);color:var(--muted);font:inherit;border-radius:7px;place-items:center;padding:0 7px;font-size:.72rem;font-weight:820;display:inline-grid}.tool-filter-bar{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;min-width:0;padding-bottom:12px;display:flex}.tool-category-filters,.tool-personal-filters{align-items:center;gap:7px;min-width:0;display:flex}.tool-category-filters{scrollbar-width:thin;overflow-x:auto}.tool-personal-filters{margin-left:auto}.tool-filter-button,.tool-personal-filter,.tool-clear-filters{min-height:44px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:.76rem;font-weight:790}.tool-filter-button{padding:0 18px}.tool-filter-button:hover,.tool-filter-button.is-active{background:var(--accent-soft);color:var(--ink)}.tool-personal-filter,.tool-clear-filters{align-items:center;gap:7px;padding:0 8px;display:inline-flex}.tool-personal-filter:hover,.tool-personal-filter.is-active{color:var(--accent-strong)}.tool-personal-filter>svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.tool-filter-star{font-size:1.35rem;line-height:1}.tool-clear-filters:disabled{opacity:.45;cursor:default}.tool-clear-filters:not(:disabled):hover{color:var(--accent-strong)}.tool-filter-separator{background:var(--border);width:1px;height:24px}.tool-directory{min-width:0}.tool-directory-header{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.tool-directory-header h2{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:1.15rem;font-weight:880}.tool-directory-header>span{color:var(--muted);font-size:.72rem;font-weight:700}.tool-sort-field{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:.72rem;font-weight:790;display:inline-flex}.tool-sort-field select{border:1px solid var(--border);background:color-mix(in srgb, var(--paper) 96%, var(--lavender-light));min-width:0;max-width:100%;min-height:38px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:0 12px;font-size:.78rem;font-weight:700}.tool-sort-field select:disabled{opacity:.45;cursor:default}.tool-directory-empty{border:1px solid var(--border);color:var(--muted);text-align:center;border-radius:12px;margin:0;padding:28px 18px;font-size:.82rem}.tool-history-frame{background:0 0;border:0;width:100%;height:292px;display:block}.tool-history-frame[hidden]{display:none}.tool-directory-list{border:1px solid var(--border);border-radius:12px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.tool-directory-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr);align-items:stretch;min-width:0;display:grid;position:relative}[data-tool-directory-list]>.tool-directory-row{content-visibility:auto;contain-intrinsic-block-size:auto 57px}[data-tool-directory-list]>.tool-directory-row>.tool-directory-link:focus-visible{outline-offset:-4px}.tool-directory-show-all{border:1px solid var(--border);background:var(--paper);min-height:44px;color:var(--accent-strong);font:inherit;cursor:pointer;border-radius:10px;margin-top:12px;padding:0 14px;font-size:.76rem;font-weight:790}.tool-directory-show-all[hidden]{display:none}.tool-directory-row:has(>.tool-directory-favorite){grid-template-columns:minmax(0,1fr) 48px}.tool-directory-row:not(:has(>.tool-directory-favorite))>.tool-directory-link{padding-right:14px}.tool-directory-row:last-child{border-bottom:0}.tool-directory-row[hidden]{display:none}.tool-directory-link{min-width:0;min-height:56px;color:var(--ink);grid-template-columns:42px minmax(160px,.9fr) minmax(220px,1.8fr) auto 22px;align-items:center;gap:13px;padding:7px 4px 7px 12px;text-decoration:none;display:grid}.tool-directory-link:hover{background:color-mix(in srgb, var(--lavender-light) 58%, transparent);color:var(--ink)}.tool-directory-badge{border:1px solid color-mix(in srgb, var(--accent-strong) 35%, var(--border));background:var(--accent-soft);width:38px;height:38px;color:var(--accent-strong);letter-spacing:.015em;white-space:nowrap;border-radius:9px;place-items:center;font-size:.64rem;font-weight:900;line-height:1;display:grid;overflow:hidden}.tool-directory-badge[data-badge-length="4"]{letter-spacing:0;font-size:.58rem}.tool-directory-copy{min-width:0;display:contents}.tool-directory-copy strong,.tool-directory-copy>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tool-directory-copy strong{font-size:.76rem;font-weight:820}.tool-directory-copy>span{color:var(--muted);font-size:.7rem;font-weight:620}.tool-directory-category{border:1px solid var(--border);background:color-mix(in srgb, var(--paper) 92%, var(--lavender-light));min-height:28px;color:var(--accent-strong);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 11px;font-size:.64rem;font-weight:760;display:inline-flex}.tool-directory-arrow{color:var(--muted);font-size:1.25rem;line-height:1}.tool-directory-favorite{width:44px;height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-self:center;place-items:center;font-size:1.3rem;line-height:1;display:grid}.tool-directory-favorite:hover,.tool-directory-favorite[aria-pressed=true]{color:var(--accent-strong);background:0 0}@media (width<=980px){.tool-filter-bar{flex-direction:column;align-items:flex-start}.tool-personal-filters{justify-content:flex-end;width:100%}.tool-directory-link{grid-template-columns:42px minmax(170px,.9fr) minmax(160px,1.4fr) auto 22px}}@media (width<=760px){[data-tool-directory-list]>.tool-directory-row{contain-intrinsic-block-size:auto 63px}.tool-browser{gap:16px}.tool-search-field input{min-height:52px;padding-right:54px}.tool-search-shortcut{display:none}.tool-filter-bar{gap:9px}.tool-category-filters{width:100%}.tool-filter-button{min-height:42px;padding-inline:14px}.tool-personal-filters{scrollbar-width:thin;justify-content:flex-start;overflow-x:auto}.tool-directory-link{grid-template-columns:42px minmax(0,1fr) 22px;gap:10px;min-height:62px;padding-block:8px}.tool-directory-copy{gap:3px;display:grid}.tool-directory-copy>span,.tool-directory-category{display:none}.tool-directory-arrow{grid-column:3}.tool-directory-favorite{width:44px;height:44px}.tool-history-frame{height:332px}}@media (width<=460px){.tool-filter-separator{display:none}.tool-personal-filter,.tool-clear-filters{padding-inline:6px}}@media (hover:none),(pointer:coarse){.tool-filter-button:hover,.tool-personal-filter:hover,.tool-directory-link:hover,.tool-directory-favorite:hover{background:0 0}.tool-filter-button.is-active{background:var(--accent-soft)}}.tools-page{width:min(1180px,100%);margin-inline:auto;padding:88px 40px 128px}.tools-page-header{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:20px 64px;margin-bottom:48px;display:grid}.tools-page-header h1{font-size:var(--page-title-size);font-weight:var(--page-title-weight);letter-spacing:var(--page-title-letter-spacing);line-height:var(--page-title-line-height);margin:0}.tools-page-header p{max-width:44ch;color:var(--muted);margin:0;font-size:18px;line-height:1.55}.tools-page .tool-browser{gap:0}.tools-page .tool-filter-bar{border-color:var(--border);gap:12px 24px;margin-top:20px;padding-bottom:20px}.tools-page .tool-category-filters{flex-wrap:wrap;gap:8px;overflow:visible}.tools-page .tool-filter-button{border:1px solid var(--control-border);background:var(--paper);color:var(--ink);border-radius:999px;font-size:15px;font-weight:400}.tools-page .tool-filter-button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.tools-page .tool-personal-filter,.tools-page .tool-clear-filters{font-size:15px;font-weight:400}.tools-page .tool-filter-separator,.tools-page .tool-clear-filters:disabled{display:none}.tools-page .tool-directory-header{min-height:0;padding-top:20px}.tools-page .tool-directory-header>span{font-size:15px;font-weight:400}.tools-page .tool-sort-field{gap:10px;font-size:15px;font-weight:400}.tools-page .tool-sort-field select{border-color:var(--control-border);background:var(--paper);border-radius:999px;min-height:44px;padding-inline:16px;font-size:15px;font-weight:400}.tools-page .tool-directory-group{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:16px 64px;padding-top:56px;display:grid}.tools-page .tool-directory-group h2{font-size:var(--group-heading-size);font-weight:var(--group-heading-weight);letter-spacing:var(--group-heading-letter-spacing);line-height:var(--group-heading-line-height);margin:0;padding-top:20px}.tools-page .tool-directory-group h2 span{letter-spacing:0;color:var(--muted);margin-top:8px;font-size:14px;font-weight:400;line-height:1.4;display:block}.tools-page .tool-directory-list{border:0;border-radius:0;display:block;overflow:visible}.tools-page .tool-directory-row{border:0}.tools-page .tool-directory-link{border-top:1px solid var(--border-soft);grid-template-columns:minmax(0,1fr) 12px;gap:4px 24px;min-height:56px;padding:20px 4px 20px 0}.tools-page .tool-directory-row:first-child .tool-directory-link{border-top-color:var(--border)}.tools-page .tool-directory-copy{gap:4px;display:grid}.tools-page .tool-directory-copy strong{letter-spacing:-.01em;white-space:normal;font-size:18px;font-weight:680}.tools-page .tool-directory-copy>span{white-space:normal;font-size:15px;font-weight:400;line-height:1.45;display:block}.tools-page .tool-directory-link:hover{background:0 0}.tools-page .tool-directory-link:hover strong{color:var(--accent-strong)}.tools-page .tool-directory-arrow{border-top:1.6px solid var(--muted);border-right:1.6px solid var(--muted);width:9px;height:9px;font-size:0;transform:rotate(45deg)}.tools-page .tool-directory-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.tools-page .tool-directory-tiles .tool-directory-link{border:1px solid var(--border-soft);background:var(--paper);border-radius:16px;height:100%;min-height:84px;padding:16px 18px;display:flex}.tools-page .tool-directory-tiles strong{font-size:17px;line-height:1.25}.tools-page .tool-directory-tiles .tool-directory-copy>span{font-size:13px;line-height:1.4}.tools-page .tool-directory-tiles .tool-directory-link:hover{border-color:var(--accent)}.tools-page .tool-directory-empty{text-align:left;border:0;padding:28px 0;font-size:15px}.tools-page [hidden]{display:none!important}@media (width<=860px){.tools-page{padding:48px 16px 88px}.tools-page-header{grid-template-columns:minmax(0,1fr);margin-bottom:32px}.tools-page-header p{font-size:17px}.tools-page .tool-filter-bar{flex-flow:row;align-items:center;gap:8px;margin-inline:-16px;padding:0 16px 16px;overflow-x:auto}.tools-page .tool-category-filters{flex-wrap:nowrap;flex:none;width:auto}.tools-page .tool-personal-filters{flex:none;width:auto;overflow:visible}.tools-page .tool-filter-button{min-height:44px;padding-inline:18px}.tools-page .tool-directory-group{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:40px}.tools-page .tool-directory-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tools-page .tool-directory-tiles .tool-directory-link{padding:14px}}.tools-page .tool-search-field input:focus-visible{outline:none}