/* Home only. Decoration stays outside the search and never intercepts input. */
.premium-hero{position:relative;isolation:isolate;padding:52px 16px 34px!important;overflow:hidden;overflow:clip;border-bottom:1px solid #e2e6ee;margin-bottom:30px}
.hero-atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#a6b8dc38 1px,transparent 1px),linear-gradient(90deg,#a6b8dc38 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 40%,#000 10%,transparent 72%);opacity:.65}
.hero-glow{position:absolute;inset:-20% 10% 0;background:radial-gradient(ellipse at 50% 55%,#6397ff30,transparent 62%);filter:blur(12px);opacity:.8}
.hero-content{position:relative;max-width:900px;margin-inline:auto}
.premium-hero .hub-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #c0cfec;border-radius:30px;background:#f2f6ff;box-shadow:0 2px 6px #142b5905;font-size:12px;color:#1b3d81;letter-spacing:.1px}
.premium-hero .hub-kicker i{width:6px;height:6px;border-radius:50%;background:#084dd6;box-shadow:0 0 0 3px #1a66ff17}
.premium-hero h1{margin:21px 0 17px;font-size:clamp(34px,4.2vw,58px);line-height:1.13;letter-spacing:-2.4px;font-weight:750;color:#171717;text-wrap:balance}
.premium-hero h1>span{color:#0b45ba}
html:not([lang=en]) .premium-hero h1{line-height:1.3;letter-spacing:normal;font-size:clamp(31px,3.7vw,50px)}
.premium-hero .hero-description{margin:0 auto;max-width:660px;font-size:17px;line-height:1.65;color:#60564e;text-wrap:balance}
.hero-search-form{max-width:720px;margin:29px auto 0;text-align:start}
.hero-search-shell{display:flex;align-items:stretch;padding:7px;gap:9px;border:1px solid #a5b5d6;border-radius:18px;background:#fff;box-shadow:0 12px 32px -18px #224996a6,0 2px 5px #203b7008;transition:border-color .2s,box-shadow .2s}
.hero-search-shell:focus-within{border-color:#0b47be;outline:2px solid #0b47be;outline-offset:3px;box-shadow:0 12px 32px -18px #22499680}
.premium-hero .hub-search{flex:1 1 auto;min-width:0;max-width:none;width:auto;height:auto;margin:0;padding:0 4px 0 12px;gap:12px;border:0;box-shadow:none;border-radius:10px;background:transparent}
[dir=rtl] .premium-hero .hub-search{padding:0 12px 0 4px}
.premium-hero .hub-search:focus-within{outline:0;box-shadow:none}
.premium-hero .hub-search>svg{width:22px;height:22px;color:#31549a;flex:none}
.premium-hero .hub-search input{height:54px;width:100%;min-width:0;padding:0;font-size:15px;color:#151a23;outline:none;border:0;background:transparent}
.premium-hero .hub-search input::placeholder{color:#72665c;opacity:1}
.premium-hero .search-shortcut{display:grid;place-items:center;flex:none;width:25px;height:28px;padding:0;border:1px solid #cfd6e4;border-bottom-width:2px;background:#f7f9fc;border-radius:6px;color:#626e87;font-size:13px;line-height:1}
.premium-hero .hub-search:focus-within .search-shortcut{visibility:hidden}
.premium-hero .hero-cta{flex:0 0 auto;min-height:54px;min-width:150px;height:auto;padding:13px 17px;gap:13px;border:1px solid #1059ec;border-radius:11px;background:#1a66ff;color:#0d1423;font-size:14px;font-weight:750;box-shadow:inset 0 1px 0 #ffffff52,0 3px 6px #1544a114;transition:background .2s,transform .2s}
.premium-hero .hero-cta:hover{background:#3679ff;transform:translateY(-1px)}
.premium-hero .hero-cta:active{transform:translateY(0)}
.hero-cta svg{width:18px;height:18px;flex:none}
[dir=rtl] .hero-cta svg{transform:rotate(180deg)}
.hero-search-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:2px;font-size:12px;line-height:1.5;color:#525d74}
.hero-examples{display:flex;align-items:baseline;gap:6px;flex:1;min-width:0}
.hero-try{flex:none}
.hero-suggestions{display:grid;min-width:0;text-align:start}
.hero-suggestion{grid-area:1/1;opacity:0;color:#2d4067;font-weight:600;white-space:normal;overflow-wrap:anywhere}
.hero-suggestion:first-child{opacity:1}
.hero-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:76px;min-height:44px;max-width:48%;padding:8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#3a4c70;cursor:pointer;flex:0 0 auto;font:inherit;font-size:11px;line-height:1.5;text-align:start;transition:background-color .2s,color .2s,border-color .2s}
.hero-motion-toggle[hidden]{display:none}
.hero-motion-toggle:hover{background:#dee5f4;color:#1d325c;border-color:#d0d7e5}
.hero-motion-label{overflow-wrap:anywhere}
.hero-motion-toggle svg{width:12px;height:12px;flex:none;fill:currentColor;stroke:none}
.hero-motion-toggle .hero-play-icon{display:none}
.premium-hero[data-motion=paused] .hero-pause-icon{display:none}
.premium-hero[data-motion=paused] .hero-play-icon{display:block}
.premium-hero .hub-trust{margin:10px 0 25px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px 23px;font-size:12px;color:#4b5465}
.premium-hero .hub-trust span{display:inline-flex;align-items:center;gap:6px}
.premium-hero .hub-trust svg{width:15px;height:15px;color:#1b459a}
.hero-popular{display:flex;justify-content:center;align-items:center;gap:12px}
.hero-popular-label{font-size:12px;font-weight:600;color:#525d74}
.hero-popular-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.hero-popular-links a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #d0d7e5;border-radius:10px;background:#ffffffed;color:#2e3645;font-size:12px;font-weight:600;text-decoration:none;box-shadow:0 2px 3px #3e517605;transition:border-color .2s,background .2s,transform .2s}
.hero-popular-links a:hover{background:#e8f0ff;border-color:#4c74c4;transform:translateY(-2px)}
.hero-popular-links svg{width:16px;height:16px;flex:none;color:#2051b4}
.hero-browse{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:17px;color:#405070;font-size:12px;font-weight:600;text-decoration:none}
.hero-browse:hover{color:#063aa3;text-decoration:underline;text-underline-offset:4px}
.hero-browse>svg{width:16px;height:16px;flex:none;transform:none}
.hero-tool-total{padding:2px 6px;border-radius:5px;border:1px solid #c8d2e6;background:#eef4ff;font-size:10px;font-variant-numeric:tabular-nums;text-decoration:none}
.hero-float-layer{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-floating-chip{position:absolute;display:flex;align-items:center;gap:9px;max-width:186px;padding:9px 11px 9px 7px;background:#fffffff5;border:1px solid #d3dae8;border-radius:14px;box-shadow:0 9px 22px -10px #435b8b40;font-size:11px;font-weight:600;color:#404d68;transform:rotate(var(--tilt));will-change:auto}
.hero-floating-chip>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-chip-art{display:block;width:35px;height:35px;flex:none}
.hero-chip-art>svg{display:block;width:100%;height:100%}
.hero-chip-check{display:grid;place-items:center;width:15px;height:15px;border:1px solid #c8decf;border-radius:50%;color:#457250;background:#f0f8f1;flex:none}
.hero-chip-check svg{width:10px;height:10px}
.hero-float-0{inset-inline-start:12px;top:250px;--tilt:-7deg;--float-delay:0s}
.hero-float-1{inset-inline-end:4px;top:239px;--tilt:6deg;--float-delay:-2s}
.hero-float-2{inset-inline-start:28px;top:370px;--tilt:5deg;--float-delay:-3s}
.hero-float-3{inset-inline-end:16px;top:363px;--tilt:-5deg;--float-delay:-1s}
#all-tools{scroll-margin-top:24px}
@media(prefers-reduced-motion:no-preference){
  .premium-hero[data-motion] .hero-grid{animation:hero-grid-breathe 9s ease-in-out infinite}
  .premium-hero[data-motion] .hero-glow{animation:hero-glow-drift 12s ease-in-out infinite alternate}
  .premium-hero[data-motion] .hero-floating-chip{animation:hero-chip-float 8s ease-in-out var(--float-delay) infinite}
  .premium-hero[data-motion] .hero-suggestion{animation:hero-suggest 20s ease-in-out calc(var(--suggestion-index)*5s) infinite;opacity:0}
  .premium-hero[data-motion] .hero-suggestion:first-child{animation-name:hero-suggest-first;opacity:1}
  .premium-hero[data-motion=paused] .hero-grid,.premium-hero[data-motion=paused] .hero-glow,.premium-hero[data-motion=paused] .hero-floating-chip,.premium-hero[data-motion=paused] .hero-suggestion,
  .premium-hero[data-idle] .hero-grid,.premium-hero[data-idle] .hero-glow,.premium-hero[data-idle] .hero-floating-chip,.premium-hero[data-idle] .hero-suggestion,
  .premium-hero:has(.hub-search:focus-within) .hero-suggestion{animation-play-state:paused}
}
@keyframes hero-grid-breathe{0%,100%{opacity:.42}50%{opacity:.72}}
@keyframes hero-glow-drift{from{transform:translate3d(-3%,0,0)}to{transform:translate3d(3%,3%,0)}}
@keyframes hero-chip-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-3px) rotate(var(--tilt))}}
@keyframes hero-suggest{0%{opacity:0}1%,25%{opacity:1}26%,100%{opacity:0}}
@keyframes hero-suggest-first{0%,25%{opacity:1}26%,100%{opacity:0}}
@media(max-width:1250px){.hero-float-layer{display:none}}
@media(max-width:760px){
  .premium-hero{padding:34px 8px 24px!important;margin-bottom:24px}
  .premium-hero h1{font-size:clamp(32px,6.4vw,46px);letter-spacing:-1.4px}
  .premium-hero .hero-description{font-size:15px;max-width:480px}
  .hero-search-form{margin-top:24px}
  .premium-hero .hub-search{gap:9px;padding-inline-start:8px}
  .premium-hero .hub-search input{font-size:16px}
  .premium-hero .search-shortcut{display:none}
  .hero-search-shell{gap:4px}
  .premium-hero .hero-cta{min-width:0;padding-inline:13px;gap:8px}
  .hero-popular{flex-direction:column;gap:10px}
  .premium-hero .hub-trust{gap:8px 15px;margin:7px 0 22px}
}
@media(max-width:540px){
  .hero-search-shell{flex-wrap:wrap;padding:7px;border-radius:16px}
  .premium-hero .hub-search{flex-basis:100%;padding-inline:9px}
  .premium-hero .hub-search input{height:48px;font-size:16px}
  .premium-hero .hub-search>svg{width:19px;height:19px}
  .premium-hero .hero-cta{width:100%;min-height:48px;justify-content:center}
  .hero-popular-links{gap:8px;width:100%}
  .hero-popular-links a{flex:1 1 42%;font-size:12px;padding-inline:8px}
  .hero-popular-links a span{overflow-wrap:anywhere}
  .premium-hero .hub-trust{max-width:320px;margin-inline:auto}
  .hero-browse{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.premium-hero .hero-suggestion{animation:none;opacity:0;transform:none}.premium-hero .hero-suggestion:first-child{opacity:1}.hero-motion-toggle{display:none}}
@media(forced-colors:active){.hero-atmosphere,.hero-float-layer{display:none}.hero-search-shell,.hero-cta,.hero-popular-links a{border:1px solid ButtonText}.hero-motion-toggle{color:ButtonText}}

/* Search command menu. It overlays the directory on desktop and flows on phones. */
.premium-hero{overflow:visible;z-index:2}
.hero-search-anchor{position:relative}
.tool-command{position:absolute;inset-inline:0;top:calc(100% + 10px);z-index:20;padding:10px;background:#fff;border:1px solid #b5c3e0;border-radius:17px;box-shadow:0 24px 65px -22px #10204066,0 4px 12px #15254512;text-align:start}
.command-categories{display:flex;flex-wrap:wrap;gap:5px;padding:0 0 10px;border-bottom:1px solid #dfe4ee}
.command-categories button{min-height:38px;padding:8px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#485570;font:inherit;font-size:12px;cursor:pointer}
.command-categories button:hover{background:#ebf2ff}
.command-categories button[aria-pressed=true]{background:#e0eaff;border-color:#a5beef;color:#043392;font-weight:700}
.command-scroll{max-height:min(370px,48dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b3c0d9 transparent;padding:0 2px}
.command-group+.command-group{border-top:1px solid #e1e6f0;margin-top:7px}
.command-group-title{display:flex;align-items:center;gap:7px;padding:13px 10px 7px;font-size:11px;font-weight:700;color:#40598c;letter-spacing:.35px}
.command-group:first-child .command-group-title:before{content:'✦';font-size:15px;color:#2057c5}
.command-option{display:flex;align-items:center;gap:12px;min-height:62px;padding:9px 12px;margin:2px 0;border:1px solid transparent;border-radius:10px;text-decoration:none;color:#1a202c}
.command-option:hover,.command-option[aria-selected=true]{background:#ebf2ff;border-color:#c5d3f0}
.command-option[aria-selected=true]{box-shadow:inset 3px 0 #2468ef}
[dir=rtl] .command-option[aria-selected=true]{box-shadow:inset -3px 0 #2468ef}
.command-art{display:block;flex:none;width:38px;height:38px}
.command-art>svg{display:block;width:100%;height:100%}
.command-option-copy{display:grid;gap:3px;flex:1;min-width:0}
.command-option-copy strong{font-size:14px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.command-option-copy small{font-size:11px;color:#586784;line-height:1.4}
.command-open-mark{font-size:18px;color:#7b88a2;flex:none}
.command-option[aria-selected=true] .command-open-mark{color:#0b42b0}
.command-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;border-top:1px solid #dfe4ee;margin-top:9px;padding:5px 7px 0;min-height:40px}
.command-key-help{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:10px;color:#586681}
.command-key-help kbd{display:inline-grid;place-items:center;min-width:19px;height:22px;border:1px solid #cfd6e5;border-bottom-width:2px;border-radius:4px;background:#f7f9fc;font:inherit;font-size:12px;color:#435578}
.command-key-help span+ kbd{margin-inline-start:8px}
.command-footer button,.command-empty button{border:0;background:transparent;color:#093ca2;font:inherit;font-size:11px;font-weight:600;min-height:40px;padding:8px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.command-storage-note{font-size:10px!important;line-height:1.4!important;color:#606b82!important;margin:0 7px 5px!important;text-align:end}
.command-empty{padding:25px 12px 18px;text-align:center}
.command-empty strong{display:block;font-size:15px;color:#344360}
.command-empty p{font-size:12px!important;line-height:1.6!important;margin:7px 0!important;color:#596782!important}
.command-announcement{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}
.premium-hero[data-command-open] .hero-suggestion{animation-play-state:paused}
@media(max-width:540px){.tool-command{position:relative;top:auto;margin-top:10px;padding:8px;border-radius:13px;box-shadow:0 10px 26px -20px #10204066}.command-scroll{max-height:min(320px,45dvh)}.command-categories{gap:3px}.command-categories button{font-size:11px;min-height:44px;padding:6px 8px}.command-option{min-height:64px;padding:8px;gap:9px}.command-footer{padding-inline:4px}.command-key-help{display:none}.command-footer button{min-height:44px}.command-footer:has(button[hidden]){display:none}.command-art{width:34px;height:34px}.command-option-copy strong{font-size:13px}}
@media(forced-colors:active){.tool-command{border-color:CanvasText}.command-option[aria-selected=true]{outline:2px solid Highlight;outline-offset:-2px}}

/* Curated entry points sit above the complete, searchable directory. */
.recent-tools{padding:0 0 30px}
.recent-tools-heading{align-items:center;flex-wrap:wrap;gap:4px 18px;margin-bottom:14px}
.recent-tools-heading h2{font-size:21px}
.recent-tools-heading p{margin:4px 0 0;color:#786b62;font-size:12px;line-height:1.5}
.recent-tools-clear{min-height:44px;padding:9px 0;border:0;background:transparent;color:#0d3c9b;font:inherit;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.recent-tools-clear:hover{color:#0b2862}
.recent-tools-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.recent-tools-list li{min-width:0}
.recent-tool{display:flex;align-items:center;gap:12px;min-height:82px;height:100%;padding:15px 17px;border:1px solid #d7dde8;border-radius:12px;background:#fff;color:#1b2029;transition:border-color .2s,background .2s,transform .2s}
.recent-tool-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.recent-tool-copy strong{font-size:14px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.recent-tool-copy small{color:#7a6d63;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.recent-tool-arrow{width:18px;height:18px;flex:none;color:#4364a5}
.recent-tool:is(:hover,:focus-visible){background:#f5f8ff;border-color:#6190ee}
[dir=rtl] .recent-tool-arrow{transform:scaleX(-1)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.recent-tool:is(:hover,:focus-visible){transform:translateY(-2px)}}
@media(max-width:850px){.recent-tools-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.recent-tools-list{grid-template-columns:1fr;gap:8px}.recent-tool{min-height:74px;padding:12px 14px}.recent-tools{padding-bottom:24px}}
@media(forced-colors:active){.recent-tool{background:Canvas;color:LinkText;border-color:CanvasText}.recent-tool-copy small,.recent-tool-arrow,.recent-tools-clear{color:LinkText}}
.featured-tools{padding:0 0 30px}
.tools-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.tools-section-heading h2{margin:0;font-size:23px;line-height:1.4;letter-spacing:-.55px;color:#181c24}
.tools-section-heading h2>span{display:inline-block;color:#1e5ddc;margin-inline-end:6px;font-size:21px}
.tools-section-heading>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#2a4d94;font-size:12px;font-weight:600}
.tools-section-heading>a:hover{text-decoration:underline;text-underline-offset:4px}
.tools-section-heading>a svg{width:16px;height:16px}
.featured-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.featured-tool{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:224px;padding:28px 30px;border:1px solid #c3d0ea;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#b3ccff61,transparent 65%),#f2f6ff;overflow:hidden;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}
.featured-tool-copy{position:relative;z-index:1;max-width:350px;flex:1;min-width:0}
.featured-tool h3{font-size:26px;letter-spacing:-.7px;line-height:1.35;color:#192130;margin:12px 0 9px}
.featured-tool p{font-size:13px;line-height:1.75;color:#51607d;margin:0;max-width:330px}
.featured-tool-action{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:13px;font-size:12px;font-weight:700;color:#0b3ea5}
.featured-tool-action svg{width:17px;height:17px;transition:transform .2s}
.featured-tool-art{display:block;width:112px;height:112px;flex:none;filter:drop-shadow(0 12px 13px #2853a818)}
.featured-tool-art>svg{display:block;width:100%;height:100%}
.featured-tool-1{background:radial-gradient(ellipse at 100% 0,#18316270,transparent 70%),#181b20;border-color:#1f2738}
.featured-tool-1 h3{color:#f1f6ff}
.featured-tool-1 p{color:#a8b4cd}
.featured-tool-1 .featured-tool-action{color:#7ca8ff}
.featured-tool-1 .featured-tool-art{filter:drop-shadow(0 12px 13px #0003)}
.tool-status{display:inline-flex;align-items:center;flex:none;min-height:23px;padding:4px 7px;border-radius:5px;border:1px solid transparent;font-size:9px;line-height:1.3;letter-spacing:.65px;font-weight:750;text-transform:uppercase;white-space:nowrap}
.tool-status-popular{background:#dee9ff;color:#0c3c9c;border-color:#aec5f2}
.tool-status-new{background:#edf1ff;color:#4e52a0;border-color:#d9dff6}
.tool-status-fast{background:#eef7ed;color:#376f3c;border-color:#d0e8cf}
.tool-status-beta{background:#f5ecfa;color:#80529a;border-color:#e8d8f1}
.featured-tool-1 .tool-status-popular{background:#6b9cff19;border-color:#2f4d88;color:#85aeff}
.all-tools-heading{padding-top:23px;border-top:1px solid #dce2ee;margin-bottom:15px}
.all-tools-heading h2{font-size:21px}
[dir=rtl] .featured-tool-action svg,[dir=rtl] .tools-section-heading>a svg{transform:rotate(180deg)}
@media(max-width:1000px){.featured-tool{padding:23px;gap:16px}.featured-tool-art{width:88px;height:88px}.featured-tool h3{font-size:23px}}
@media(max-width:660px){.featured-tools-grid{grid-template-columns:1fr;gap:13px}.featured-tools{padding-bottom:21px}.featured-tool{min-height:202px;padding:22px;gap:16px}.featured-tool-art{width:90px;height:90px}.tools-section-heading{margin-bottom:12px}.tools-section-heading h2{font-size:21px}.featured-tool h3{font-size:24px}.all-tools-heading{padding-top:18px}.tool-status{font-size:9px;letter-spacing:.35px}}
@media(max-width:360px){.featured-tool-art{width:67px;height:67px}.featured-tool{padding:18px;gap:12px}}
@media(forced-colors:active){.featured-tool,.tool-status{border:1px solid CanvasText}.featured-tool h3,.featured-tool p,.featured-tool-action,.tool-status{color:CanvasText;background:Canvas}}

/* Restrained card feedback: no scale, bounce, rotation or animation timers. */
.tool-directory .tool-grid{gap:14px;padding:0;border:0;background:transparent;overflow:visible;border-radius:0}
.tool-directory .tool-card,.featured-tool{--card-ease:cubic-bezier(.22,1,.36,1);--card-arrow-angle:0deg;--card-arrow-shift:3px;transition:transform 240ms var(--card-ease),border-color 220ms ease,box-shadow 240ms var(--card-ease)}
.tool-directory .tool-card{--card-surface:#fff;--card-border:#d5dbe7;border:1px solid var(--card-border);border-radius:14px}
.tool-directory .tool-card.feature-card{--card-surface:#151515;--card-border:#242b38}
.tool-directory .tool-card[data-tool-slug="upload-check"]{--card-surface:#1a66ff;--card-border:#145ae6}
.tool-directory .tool-card,.tool-directory .tool-card:hover{background:var(--card-surface);transform:none;box-shadow:none}
.tool-directory .tool-card:is(:hover,:focus-visible),.featured-tool:is(:hover,:focus-visible){border-color:#1e63ec;box-shadow:0 9px 23px -15px #19326366}
.tool-directory .tool-card .rich-tool-icon,.tool-directory .tool-card:is(:hover,:focus-visible) .rich-tool-icon{transform:none;filter:none;transition:transform 240ms var(--card-ease)}
.featured-tool .featured-tool-art{transform:none;transition:transform 240ms var(--card-ease)}
.tool-directory .tool-card .card-bottom svg,.tool-directory .tool-card:is(:hover,:focus-visible) .card-bottom svg,.featured-tool .featured-tool-action svg{transform:translateX(0) rotate(var(--card-arrow-angle));transition:transform 240ms var(--card-ease)}
[dir=rtl] .tool-directory .tool-card,[dir=rtl] .featured-tool{--card-arrow-angle:180deg;--card-arrow-shift:-3px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .tool-directory .tool-card:is(:hover,:focus-visible),.featured-tool:is(:hover,:focus-visible){transform:translateY(-3px)}
  .tool-directory .tool-card:is(:hover,:focus-visible) .rich-tool-icon,.featured-tool:is(:hover,:focus-visible) .featured-tool-art{transform:translateY(-2px)}
  .tool-directory .tool-card:is(:hover,:focus-visible) .card-bottom svg,.featured-tool:is(:hover,:focus-visible) .featured-tool-action svg{transform:translateX(var(--card-arrow-shift)) rotate(var(--card-arrow-angle))}
}
@media(max-width:540px){.tool-directory .tool-grid{gap:12px}}
@media(forced-colors:active){.tool-directory .tool-card:is(:hover,:focus-visible),.featured-tool:is(:hover,:focus-visible){border-color:Highlight}}

/* Mobile keeps the search and category strip at the content's full width. */
@media(max-width:900px){.tool-directory .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .hub-main{padding-inline:16px;min-width:0}
  .premium-hero{padding:30px 0 23px!important}
  html .premium-hero h1,html:not([lang=en]) .premium-hero h1{max-width:none;width:100%;font-size:clamp(1.85rem,7.4vw,2.75rem);line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere;margin:18px 0 15px}
  html:not([lang=en]) .premium-hero h1{letter-spacing:normal;line-height:1.35}
  .premium-hero .hero-description{font-size:15px;line-height:1.7;padding-inline:4px;max-width:520px}
  .hero-search-form,.hero-search-anchor{width:100%;min-width:0;max-width:none}
  .hero-search-form{margin-top:23px}
  .hero-search-shell{width:100%;flex-direction:column;align-items:stretch;gap:5px;padding:7px}
  .premium-hero .hub-search{width:100%;flex-basis:auto;padding-inline:9px}
  .premium-hero .hub-search input{min-height:50px;font-size:16px}
  .premium-hero .hero-cta{width:100%;min-height:48px;justify-content:center;white-space:normal}
  .directory-bar{display:block;min-width:0;max-width:100%;margin-bottom:16px}
  .category-filters,.command-categories{display:flex;flex-wrap:nowrap;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;scrollbar-color:#7193d7 transparent}
  .category-filters{gap:7px;padding:4px 2px 11px}
  .category-filters .category-filter,.command-categories button{flex:0 0 auto;min-height:44px;white-space:nowrap;scroll-snap-align:start}
  .category-filters .category-filter{padding:10px 13px;font-size:13px}
  .command-categories{padding-bottom:9px;gap:5px}
  .command-categories button{padding-inline:11px}
  .tool-directory .tool-grid{gap:12px}
  .tool-directory .tool-card{padding:20px;min-height:0}
  .tool-directory .tool-card h2{font-size:17px;line-height:1.45}
  .tool-directory .tool-card>p{font-size:13px;line-height:1.7;margin-bottom:18px}
  .featured-tools-grid{grid-template-columns:1fr}
  .tools-section-heading{flex-wrap:wrap;gap:6px 12px}
  .hero-popular-links a{min-width:0;max-width:100%}
}
@media(max-width:479px){
  .tool-directory .tool-grid,.recent-tools-list{grid-template-columns:minmax(0,1fr)}
  .tool-directory .tool-card{padding:22px}
  .premium-hero .hub-trust{font-size:12px;line-height:1.6;gap:8px 12px}
  .featured-tool{padding:22px;gap:16px}
  .featured-tool h3{font-size:24px}
}
@media(max-width:360px){.hub-main{padding-inline:12px}.featured-tool{padding:18px;gap:10px}.featured-tool h3{font-size:22px}}