.tools-search-screen{z-index:40;overscroll-behavior:contain;background:var(--background);color:var(--foreground);animation:tools-search-backdrop var(--search-open-duration) var(--header-ease);position:fixed;inset:0;overflow-y:auto}.tools-search-inner{width:calc(100% - 48px);max-width:880px;animation:tools-search-open var(--search-open-duration) var(--header-ease);margin:64px auto}.tools-search-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.tools-search-head h1{font-family:var(--font-heading);font-size:clamp(28px,4vw,40px);line-height:1.15}.tools-search-head .tools-search-close{background:var(--card);border-radius:50%;width:40px;height:40px}.tools-search-field{border:1px solid var(--border);background:var(--card);border-radius:12px;align-items:center;gap:16px;height:64px;padding:0 18px;display:flex}.tools-search-field:focus-within{border-color:var(--primary)}.tools-search-field>svg{width:24px;height:24px;color:var(--muted-foreground);flex-shrink:0}.tools-search-field input{min-width:0;height:100%;color:var(--foreground);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:18px}.tools-search-field input:focus-visible{box-shadow:none;outline:none}.tools-search-field .tools-search-clear{border-radius:50%;width:40px;height:40px}.tools-search-body{min-width:0;padding-top:32px}.tools-search-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tools-search-category{min-height:var(--category-box-height);border-radius:var(--radius);background:var(--category-box-surface);-webkit-backdrop-filter:blur(var(--category-box-blur));backdrop-filter:blur(var(--category-box-blur));text-align:center;transition:background-color var(--category-hover-duration) var(--header-ease);border:2px solid #0000;justify-content:center;align-items:center;padding:12px;font-size:16px;font-weight:700;display:flex}.tools-search-category:hover{background:var(--category-box-selected)}.tools-search-section{margin-top:32px}.tools-search-section h2{margin-bottom:16px;font-size:24px;line-height:1.3}.tools-search-section h2>span{font-family:var(--font-sans);color:var(--muted-foreground);font-size:16px}.tools-search-hint{color:var(--muted-foreground);line-height:1.5}.tools-search-recents{flex-wrap:wrap;gap:8px;display:flex}.tools-search-recents li{border-radius:var(--radius);background:var(--card);align-items:center;min-width:0;max-width:100%;display:flex}.tools-search-recents button{min-height:40px}.tools-search-recents .tools-search-recent{white-space:normal;overflow-wrap:anywhere;text-align:left;justify-content:flex-start;min-width:0}.tools-search-product{border-radius:var(--radius);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.tools-search-product:hover,.tools-search-target:focus-visible{background:var(--card)}.tools-search-video{border-radius:var(--radius);white-space:normal;text-align:left;justify-content:flex-start;gap:16px;width:100%;height:auto;min-height:88px;padding:10px;display:flex}.tools-search-thumb{aspect-ratio:16/9;background:var(--card);border-radius:6px;flex-shrink:0;width:112px;position:relative;overflow:hidden}.tools-search-copy{gap:6px;min-width:0;display:grid}.tools-search-title{overflow-wrap:anywhere;font-weight:400;line-height:1.4}.tools-search-title strong{font-weight:700}.tools-search-meta{color:var(--muted-foreground);font-size:13px;line-height:1.4}.tools-search-product .tools-search-meta{flex-shrink:0}.tools-search-entry{animation:tools-search-result var(--search-open-duration) var(--header-ease) backwards;animation-delay:calc(var(--search-item-index,0) * var(--search-result-stagger))}@keyframes tools-search-backdrop{0%{background:0 0}to{background:var(--background)}}@keyframes tools-search-open{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes tools-search-result{0%{opacity:0}to{opacity:1}}@media (width<=600px){.tools-search-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-search-category{font-size:14px}.tools-search-video{gap:12px;padding-inline:0}.tools-search-thumb{width:88px}.tools-search-title{font-size:14px}}@media (prefers-reduced-motion:reduce){.tools-search-screen,.tools-search-inner,.tools-search-entry{animation:tools-search-result var(--search-open-duration) ease!important;animation-delay:0s!important}}.tools-search-thumb .video-card-media,.tools-search-thumb .video-card-still{display:block;position:absolute;inset:0}.tools-search-thumb .video-card-cover-image{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.tools-search-thumb .video-card-cover-fallback{background:var(--card);color:var(--foreground);font-family:var(--font-heading);overflow-wrap:anywhere;text-align:center;place-items:center;padding:8px;font-size:12px;line-height:1.2;display:grid;position:absolute;inset:0}.tools-search-thumb [data-cover-loaded=true] .video-card-cover-fallback{visibility:hidden}.tools-search-empty{text-align:left;align-items:stretch;margin-top:32px;padding:0}.tools-search-empty h2{overflow-wrap:anywhere;font-size:24px;line-height:1.4}.tools-search-suggestions{align-items:stretch;max-width:none}.tools-search-product{flex-wrap:wrap;min-width:0}.tools-search-product .product-tagline{overflow-wrap:anywhere}.tools-search-category{white-space:normal;min-width:0;height:auto}.tools-search-category[aria-pressed=true],.tools-search-category[aria-pressed=true]:hover{border:2px solid var(--primary);background:var(--search-category-selected)}.tools-search-category:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.tools-search-product{gap:8px;display:grid}.tools-search-screen,.tools-search-inner,.tools-search-entry{animation:none}
