:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-title: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bg-main: #0b0f17;--bg-surface: #111827;--bg-card: #182234;--bg-card-hover: #222f46;--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 133, 7, .45);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent-orange: #ff8507;--accent-orange-hover: #e07200;--accent-orange-text: #ff8507;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-purple: #8b5cf6;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .2)}[data-theme=light]{--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--border-color: #cbd5e1;--border-hover: rgba(194, 65, 12, .6);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #475569;--accent-orange: #ff8507;--accent-orange-text: #c2410c;--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .06), 0 8px 10px -6px rgba(0, 0, 0, .04)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%;max-width:100%}.tools-hub-container{max-width:2560px;margin:0 auto;padding:calc(64px + 1.5rem) 1.5rem 4rem 1.5rem;width:100%;flex:1}@media(min-width:1600px){.tools-hub-container{padding:2.5rem 3rem 5rem}}@media(min-width:2560px){.tools-hub-container{max-width:3400px;padding:3rem 4rem 6rem}}#mainNav{position:fixed;top:0;left:0;right:0;z-index:1030;background-color:#0b0f17e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);transition:background-color .25s ease,border-color .25s ease}[data-theme=light] #mainNav{background-color:#ffffffeb;border-bottom-color:var(--border-color)}#mainNav .container{display:flex;justify-content:space-between;align-items:center;height:64px;width:100%;max-width:1320px;margin-left:auto;margin-right:auto;padding-left:clamp(1rem,2vw,2rem);padding-right:clamp(1rem,2vw,2rem);box-sizing:border-box}.nav-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1}.nav-brand svg{display:block}.nav-brand-text{color:var(--text-primary);font-size:1.15rem;font-weight:700;letter-spacing:-.02em}#btn-menu{display:none}header label{display:none;font-size:20px;cursor:pointer}.menu ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.menu a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-sm);transition:all .2s ease;text-decoration:none}.menu a:hover,.menu a:focus{color:var(--accent-orange-text, var(--accent-orange));background-color:#ff85071a}.menu a.nav-btn-tools{background:#ff85071f;color:var(--accent-orange-text, var(--accent-orange));border:1px solid rgba(255,133,7,.25);margin-left:6px;font-weight:600}.menu a.nav-btn-tools:hover{background:var(--accent-orange);color:#0b0f17!important;border-color:var(--accent-orange)}@media(max-width:960px){header label{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.menu{position:absolute;top:64px;left:0;width:100%;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:0 10px 25px -5px #0000004d;transform:translateY(-120%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s ease,opacity .25s ease,visibility .25s ease}#btn-menu:checked~.menu{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.menu ul{flex-direction:column;padding:16px;gap:6px}.menu a{width:100%;padding:12px 16px;min-height:44px;display:flex;align-items:center}.menu a.nav-btn-tools{margin-left:0;margin-top:6px}}.tools-hero{text-align:center;padding:2rem 1rem 1.5rem;position:relative}.tools-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:9999px;background:#ff85071f;color:var(--accent-orange-text, var(--accent-orange));border:1px solid rgba(255,133,7,.25);font-size:.82rem;font-weight:600;margin-bottom:1.2rem}[data-theme=light] .tools-hero-badge{background:#c2410c1a;border-color:#c2410c40;color:#c2410c}.tools-hero h1{font-family:var(--font-title);font-size:clamp(2.2rem,4vw,3.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.25;padding-bottom:.35rem;margin-bottom:1.1rem;background:linear-gradient(135deg,#fff 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .tools-hero h1{background:linear-gradient(135deg,#0f172a 40%,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tools-hero-desc{max-width:860px;margin:0 auto 1.8rem;font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.tools-metrics{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 auto 2.25rem;max-width:980px}.tools-metric-item{display:inline-flex;align-items:center;gap:.75rem;padding:.55rem 1.15rem;border-radius:9999px;background:#182234a6;border:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 14px #00000026;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease,background-color .2s ease;cursor:default;user-select:none}.tools-metric-item:hover{transform:translateY(-2px);border-color:#ff850759;box-shadow:0 8px 20px #00000040,0 0 15px #ff850714}[data-theme=light] .tools-metric-item{background:#ffffffd9;border-color:#e2e8f0;box-shadow:0 4px 14px #0000000a}[data-theme=light] .tools-metric-item:hover{background:#fff;border-color:#ff850773;box-shadow:0 8px 20px #00000014,0 0 15px #ff85071a}.tools-metric-item.tools-metric-featured{background:linear-gradient(135deg,#ff850729,#182234d9);border-color:#ff850766;box-shadow:0 4px 18px #ff85071f,0 2px 6px #00000040}[data-theme=light] .tools-metric-item.tools-metric-featured{background:linear-gradient(135deg,#ff85071f,#fffffff2);border-color:#ff850773;box-shadow:0 4px 18px #ff85071a}.tools-metric-icon-box{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ff85071f;color:var(--accent-orange);flex-shrink:0}.tools-metric-icon{color:var(--accent-orange);display:block}.tools-metric-text-group{display:flex;align-items:baseline;gap:.45rem;font-size:.9rem;color:var(--text-secondary);white-space:nowrap}.tools-counter-wrap{display:inline-flex;align-items:baseline;gap:1px}.tools-counter-num{font-family:var(--font-mono, monospace);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800;color:var(--accent-orange);letter-spacing:-.02em;line-height:1}.tools-counter-plus{font-family:var(--font-mono, monospace);font-size:1.05rem;font-weight:700;color:var(--accent-orange);opacity:.85}.tools-metric-label{font-weight:600;color:var(--text-primary)}.tools-metric-strong{font-weight:700;color:var(--text-primary)}.tools-metric-subtext{font-size:.8rem;color:var(--text-muted);font-weight:500}@media(max-width:768px){.tools-metrics{gap:.65rem;margin-bottom:1.75rem}.tools-metric-item{padding:.45rem .9rem;font-size:.82rem}.tools-metric-icon-box{width:28px;height:28px}.tools-counter-num{font-size:1.1rem}.tools-metric-text-group{font-size:.84rem;gap:.35rem}}.tools-search-sticky-container{position:-webkit-sticky;position:sticky;top:64px;z-index:1025;width:100%;padding:.95rem 0 1.5rem;margin-bottom:2.75rem;background:#0b0f17c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,133,7,.18);transition:background-color .25s ease,backdrop-filter .25s ease,border-color .25s ease,box-shadow .25s ease,padding .25s ease}.tools-search-sticky-container.is-stuck{background:#0b0f17f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1.5px solid rgba(255,133,7,.45);box-shadow:0 14px 35px -5px #000000bf,0 0 20px #ff85071a;margin-left:-1.5rem;margin-right:-1.5rem;padding:1rem 1.5rem 1.5rem;width:calc(100% + 3rem)}@media(min-width:1600px){.tools-search-sticky-container.is-stuck{margin-left:-3rem;margin-right:-3rem;padding:1rem 3rem 1.5rem;width:calc(100% + 6rem)}}@media(min-width:2560px){.tools-search-sticky-container.is-stuck{margin-left:-4rem;margin-right:-4rem;padding:1rem 4rem 1.5rem;width:calc(100% + 8rem)}}@media(max-width:768px){.tools-search-sticky-container{top:64px;padding:.65rem 0 .85rem;margin-bottom:1.5rem;background:var(--bg-main, #0b0f17);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--border-color);box-shadow:none}.tools-search-sticky-container.is-stuck{margin-left:0;margin-right:0;width:100%;padding:.65rem 0 .85rem;background:var(--bg-main, #0b0f17);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--border-color);box-shadow:0 8px 24px -4px #0000008c}[data-theme=light] .tools-search-sticky-container{background:#f8fafc;border-bottom-color:var(--border-color)}[data-theme=light] .tools-search-sticky-container.is-stuck{background:#fff;border-bottom-color:var(--border-color);box-shadow:0 8px 20px -4px #00000014}.tools-search-sticky-inner{display:flex;align-items:center;gap:.5rem}.tools-search-wrapper{margin-bottom:0;border:none!important;box-shadow:none!important}.tools-sticky-favs-btn{height:44px;min-height:44px;padding:0 .75rem;gap:.35rem;font-size:.8rem}.sticky-favs-label{display:none}.tools-search-input{padding:.85rem 2.8rem;font-size:.95rem;box-shadow:0 2px 8px #00000040}.tools-search-shortcut{display:none!important}}[data-theme=light] .tools-search-sticky-container{background:#f8fafce0;border-bottom-color:#ff850733}[data-theme=light] .tools-search-sticky-container.is-stuck{background:#fffffff5;border-bottom-color:#ff850780;box-shadow:0 14px 30px -5px #0000001f,0 0 15px #ff85071a}.tools-search-sticky-inner{max-width:1400px;margin:0 auto;width:100%;position:relative;display:flex;align-items:center;gap:.85rem}.tools-sticky-favs-btn{display:inline-flex;align-items:center;gap:.5rem;padding:0 1.25rem;height:52px;min-height:48px;border-radius:var(--radius-md, 12px);background:#f59e0b1a;border:1.5px solid rgba(245,158,11,.45);color:#f59e0b;font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap;flex-shrink:0;cursor:pointer;box-shadow:0 4px 16px #00000059,0 0 12px #f59e0b26;transition:all .2s ease}.tools-sticky-favs-btn:hover{background:#f59e0b33;border-color:#f59e0b;color:#fbbf24;transform:translateY(-1px);box-shadow:0 6px 20px #00000073,0 0 20px #f59e0b40}.tools-sticky-favs-btn:active{transform:translateY(0)}.sticky-favs-icon{flex-shrink:0;color:#f59e0b}.sticky-favs-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:9999px;background:#f59e0b40;border:1px solid rgba(245,158,11,.5);color:#fbbf24;font-size:.78rem;font-weight:700;font-family:JetBrains Mono,monospace}[data-theme=light] .tools-sticky-favs-btn{background:#fffbeb;border-color:#fcd34d;color:#b45309;box-shadow:0 4px 12px #b4530914}[data-theme=light] .tools-sticky-favs-btn:hover{background:#fef3c7;border-color:#f59e0b;color:#92400e;box-shadow:0 6px 16px #b4530924}[data-theme=light] .sticky-favs-badge{background:#fde68a;border-color:#f59e0b;color:#92400e}.tools-controls{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:3.5rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:1rem;position:relative;z-index:10}.tools-search-wrapper{position:relative;width:100%;margin-bottom:.65rem}.tools-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--accent-orange);pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,133,7,.45))}.tools-search-input{width:100%;padding:1rem 3.4rem;background:#161f30;border:1.5px solid rgba(255,133,7,.45);border-radius:var(--radius-md);color:#fff;font-size:1.05rem;font-weight:500;font-family:inherit;outline:none;transition:all .22s ease;box-shadow:0 4px 20px #00000073,0 0 16px #ff85071f}.tools-search-input::placeholder{color:#94a3b8;opacity:1;font-weight:400}.tools-search-input:hover{border-color:#ff8507bf;background:#1a253a;box-shadow:0 6px 24px #00000080,0 0 22px #ff850738}.tools-search-input:focus{border-color:var(--accent-orange);background:#1e2b42;box-shadow:0 0 0 3px #ff850759,0 8px 32px #ff850747}.tools-search-shortcut{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.82rem;font-weight:700;padding:.25rem .55rem;border-radius:6px;background:#ff85072e;border:1px solid rgba(255,133,7,.45);color:var(--accent-orange);pointer-events:none}.tools-search-clear{position:absolute;right:3.4rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:none;padding:4px;border-radius:50%}.tools-search-clear:hover{color:#fff}[data-theme=light] .tools-search-input{background:#fff;border:1.5px solid rgba(255,133,7,.55);color:#0f172a;box-shadow:0 4px 18px #ff85071f,0 2px 8px #0000000d}[data-theme=light] .tools-search-input::placeholder{color:#475569;opacity:1}[data-theme=light] .tools-search-input:hover{border-color:var(--accent-orange);box-shadow:0 6px 22px #ff850733,0 2px 8px #00000014}[data-theme=light] .tools-search-input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 3px #ff850740,0 8px 25px #ff850733}.tools-options-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:.85rem;border-bottom:1px dashed var(--border-color)}.tools-control-group{display:inline-flex;align-items:center;gap:.65rem;flex-wrap:wrap}.opt-text-desktop{display:inline}.opt-text-mobile{display:none}.toggle-count{font-variant-numeric:tabular-nums;opacity:.85;font-size:.88em}.tools-toggle-group{display:inline-flex;background:var(--bg-card);border:1px solid var(--border-color);border-radius:9999px;padding:3px;gap:4px}.tools-toggle-btn,.tools-view-btn,.tools-exec-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem 1.05rem;border-radius:9999px;font-size:.84rem;font-weight:600;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text-secondary);transition:all .2s ease;font-family:inherit}.tools-toggle-btn:hover,.tools-view-btn:hover:hover,.tools-exec-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.tools-toggle-btn.active,.tools-view-btn.active.active,.tools-exec-btn.active{background:var(--accent-orange);color:#0b0f17!important;font-weight:700;border-color:var(--accent-orange);box-shadow:0 2px 12px #ff850759}[data-theme=light] .tools-toggle-btn.active,[data-theme=light] .tools-view-btn.active,[data-theme=light] .tools-exec-btn.active{background:var(--accent-orange);color:#0b0f17!important}.exec-dot-indicator{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:background-color .2s ease}.exec-dot-local{background:#10b981;box-shadow:0 0 6px #10b981}.exec-dot-server{background:#3b82f6;box-shadow:0 0 6px #3b82f6}.tools-exec-btn.active .exec-dot-local,.tools-exec-btn.active .exec-dot-server{background:#0b0f17;box-shadow:none}[data-theme=light] .tools-exec-btn.active .exec-dot-local,[data-theme=light] .tools-exec-btn.active .exec-dot-server{background:#fff;box-shadow:none}.tool-badge-new{position:absolute;top:10px;right:10px;background:var(--accent-orange);color:#0b0f17;font-family:var(--font-title);font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:.22rem .6rem;border-radius:9999px;box-shadow:0 4px 14px #ff850780;z-index:5;pointer-events:none;line-height:1;animation:pulseNewBadge 2.5s infinite ease-in-out}@keyframes pulseNewBadge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}[data-theme=light] .tool-badge-new{color:#fff;background:#c2410c}.tool-card.is-new-tool .tool-badge-new{right:50px}.tool-card-fav-btn{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#0b0f17bf;border:1px solid rgba(255,255,255,.15);color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s cubic-bezier(.34,1.56,.64,1);padding:0;box-shadow:0 4px 12px #00000059}.tool-card-fav-btn .fav-icon{width:17px;height:17px;pointer-events:none;transition:transform .2s ease}.tool-card-fav-btn:hover{transform:scale(1.15);color:#f59e0b;border-color:#f59e0b80;background:#0f172ae6}.tool-card-fav-btn.is-favorite{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b99;box-shadow:0 0 14px #f59e0b59}.tool-card-fav-btn.is-favorite:hover{transform:scale(1.18);background:#f59e0b4d;border-color:#f59e0b}.tool-card-fav-btn.anim-pop .fav-icon{animation:favPop .35s cubic-bezier(.34,1.56,.64,1)}[data-theme=light] .tool-card-fav-btn{background:#ffffffe0;border-color:#0000001f;color:#64748b;box-shadow:0 2px 8px #0000001a}[data-theme=light] .tool-card-fav-btn:hover{background:#fff;color:#d97706;border-color:#d9770680}[data-theme=light] .tool-card-fav-btn.is-favorite{color:#d97706;background:#fef3c7f2;border-color:#d9770680;box-shadow:0 2px 10px #d9770633}.tool-badge-category{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-title);font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:.22rem .6rem;border-radius:9999px;z-index:5;pointer-events:none;line-height:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000004d}.tool-badge-category.badge-local{background:#064e3bc7;color:#34d399;border:1px solid rgba(52,211,153,.35)}.tool-badge-category.badge-local:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.tool-badge-category.badge-server{background:#1e3a8ac7;color:#93c5fd;border:1px solid rgba(96,165,250,.35)}.tool-badge-category.badge-server:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3b82f6;box-shadow:0 0 6px #3b82f6}[data-theme=light] .tool-badge-category.badge-local{background:#ecfdf5eb;color:#047857;border:1px solid rgba(16,185,129,.4);box-shadow:0 2px 8px #00000014}[data-theme=light] .tool-badge-category.badge-server{background:#eff6ffeb;color:#1d4ed8;border:1px solid rgba(59,130,246,.4);box-shadow:0 2px 8px #00000014}.tool-card-cta{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent-orange-text, var(--accent-orange));font-weight:600;transition:gap .2s ease;margin-left:auto}.tool-card:hover .tool-card-cta{gap:.55rem}@media(max-width:900px){.opt-text-desktop{display:none}.opt-text-mobile{display:inline}.tools-options-bar{flex-direction:column;align-items:stretch;gap:.85rem}.tools-control-group{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.tools-filter-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.1rem}.tools-toggle-group{width:100%;max-width:100%;display:grid;box-sizing:border-box;overflow:hidden}.tools-view-toggle-group{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-toggle-btn,.tools-view-btn,.tools-exec-btn{width:100%;min-width:0;justify-content:center;text-align:center;min-height:40px;white-space:nowrap;padding:.42rem .35rem;font-size:clamp(.72rem,2.5vw,.82rem);gap:.35rem;overflow:hidden;text-overflow:ellipsis}.tools-toggle-btn span,.tools-view-btn span span,.tools-exec-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:768px){.tools-hub-container{padding:calc(64px + 1.25rem) .85rem 3.5rem .85rem}.tools-controls{padding:.9rem .75rem;border-radius:var(--radius-md);margin-bottom:2rem;gap:.85rem}}@media(max-width:480px){.tools-hub-container{padding:calc(64px + 1rem) .55rem 3rem .55rem}.tools-controls{padding:.75rem .5rem}.tools-toggle-btn,.tools-view-btn,.tools-exec-btn{padding:.38rem .2rem;font-size:.73rem;gap:.25rem}.exec-dot-indicator{width:6px;height:6px}}body.is-all-grid .tools-category-section .tools-carousel-track,.tools-category-section.is-grid-expanded .tools-carousel-track,body.is-searching-mode .tools-carousel-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow-x:visible;scroll-snap-type:none;gap:1.35rem;padding-bottom:.5rem;cursor:default;user-select:auto}body.is-all-grid .tools-category-section .tools-carousel-track .tool-card,.tools-category-section.is-grid-expanded .tool-card,body.is-searching-mode .tool-card{flex:1 1 auto;scroll-snap-align:none}.tools-categories{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:thin;flex-wrap:wrap}.tools-category-btn{padding:.45rem .95rem;border-radius:9999px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.84rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.45rem}.tools-category-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:#ffffff26}.tools-category-btn.active{background:var(--accent-orange);color:#0b0f17!important;border-color:var(--accent-orange);font-weight:700;box-shadow:0 4px 14px #ff850759}.category-pill-count{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.72rem;font-weight:600;line-height:1;padding:.16rem .42rem;border-radius:9999px;background:#ffffff14;color:var(--text-muted);border:1px solid rgba(255,255,255,.07);transition:all .2s ease;letter-spacing:-.02em}.tools-category-btn:hover .category-pill-count{color:var(--text-primary);background:#ffffff24;border-color:#ffffff26}.tools-category-btn.active .category-pill-count{background:#0b0f172e;color:#0b0f17;border-color:#0b0f1740;font-weight:700}[data-theme=light] .category-pill-count{background:#0000000d;color:#64748b;border-color:#0000000f}[data-theme=light] .tools-category-btn:hover .category-pill-count{background:#00000017;color:#1e293b}[data-theme=light] .tools-category-btn.active .category-pill-count{background:#ffffff59;color:#0b0f17;border-color:#ffffff73}.tools-category-section{margin-bottom:3.5rem;position:relative}.tools-category-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-color);position:relative}.tools-category-header:after{content:"";position:absolute;bottom:-1px;left:0;width:48px;height:2px;background:var(--accent-orange);border-radius:9999px}.tools-category-title-group{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.tools-category-title-group svg{color:var(--accent-orange);flex-shrink:0}.tools-category-title-group h2{font-family:var(--font-title);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.25}.tools-category-count{font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:9999px;background:#ff850724;color:var(--accent-orange);border:1px solid rgba(255,133,7,.3);letter-spacing:.02em}[data-theme=light] .tools-category-count{background:#fff7ed;color:#c2410c;border-color:#ffedd5}.tools-favorites-section{background:#f59e0b08;border:1px solid rgba(245,158,11,.2);border-radius:16px;padding:1.25rem 1.25rem .5rem;margin-bottom:2.5rem}[data-theme=light] .tools-favorites-section{background:#fef3c766;border-color:#d9770640}.tools-favorites-section .tools-category-header:after{background:#f59e0b}.tools-favorites-section .tools-category-count{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b59}[data-theme=light] .tools-favorites-section .tools-category-count{background:#fef3c7;color:#b45309;border-color:#fde68a}.tools-category-btn.btn-nav-favorites{border-color:#f59e0b59;background:#f59e0b14}.tools-category-btn.btn-nav-favorites:hover{border-color:#f59e0b;background:#f59e0b29}.tools-novedades-section{background:#3b82f608;border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:1.25rem 1.25rem .5rem;margin-bottom:2.5rem}[data-theme=light] .tools-novedades-section{background:#eff6ff80;border-color:#3b82f640}.tools-novedades-section .tools-category-header:after{background:#3b82f6}.tools-novedades-section .tools-category-count{background:#3b82f626;color:#3b82f6;border-color:#3b82f659}[data-theme=light] .tools-novedades-section .tools-category-count{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.tools-category-btn.btn-nav-novedades{border-color:#3b82f659;background:#3b82f614}.tools-category-btn.btn-nav-novedades:hover{border-color:#3b82f6;background:#3b82f629}.tools-category-btn.btn-nav-novedades.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.tools-category-btn.btn-nav-favorites.active{background:#f59e0b;color:#0b0f17;border-color:#f59e0b}.tools-category-btn.btn-nav-favorites.active svg{color:#0b0f17!important}.tools-category-btn.btn-nav-favorites.active .category-pill-count{background:#0003;color:#0b0f17;border-color:transparent}@media(min-width:2100px){.tools-carousel-track{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.tools-category-section.is-grid-expanded .tools-carousel-track,body.is-searching-mode .tools-carousel-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow-x:visible;scroll-snap-type:none;gap:1.35rem;padding-bottom:.5rem;cursor:default;user-select:auto}@media(min-width:2100px){body.is-all-grid .tools-category-section .tools-carousel-track,.tools-category-section.is-grid-expanded .tools-carousel-track,body.is-searching-mode .tools-carousel-track{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media(max-width:640px){body.is-all-grid .tools-category-section .tools-carousel-track,.tools-category-section.is-grid-expanded .tools-carousel-track,body.is-searching-mode .tools-carousel-track{grid-template-columns:1fr}}.tool-card{flex:0 0 320px;scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:inherit;box-shadow:0 10px 25px -5px #00000073;position:relative;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s ease}@media(max-width:500px){.tool-card{flex:0 0 280px}}.tools-category-section.is-grid-expanded .tool-card,body.is-searching-mode .tool-card{flex:1 1 auto;scroll-snap-align:none}.tool-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 18px 38px -8px #ff850740,0 0 0 1px #ff850733}[data-theme=light] .tool-card{background:#fff;border-color:#e2e8f0;box-shadow:0 6px 18px #0000000f}[data-theme=light] .tool-card:hover{background:#f8fafc;border-color:var(--accent-orange);box-shadow:0 18px 36px -8px #ff850733}.tool-card-banner{width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#080c14;border-bottom:1px solid var(--border-color);position:relative}.tool-card-banner-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease;display:block;-webkit-user-drag:none;user-drag:none}.tool-card:hover .tool-card-banner-img{transform:scale(1.05)}.tool-card-content{padding:1.15rem 1.25rem 1.25rem;display:flex;flex-direction:column;flex:1;justify-content:space-between}.tool-card-title{font-family:var(--font-title);font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.35;min-height:2.7em;max-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.4rem}.tool-card-desc{font-size:.84rem;color:var(--text-secondary);line-height:1.42;min-height:2.85em;max-height:2.85em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem}.tool-card-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:.75rem;border-top:1px solid var(--border-color);font-size:.82rem;font-weight:600;color:var(--accent-orange-text, var(--accent-orange))}.tool-card-footer span{display:inline-flex;align-items:center;gap:.35rem;transition:gap .2s ease}.tool-card:hover .tool-card-footer span{gap:.55rem}.tools-no-results{text-align:center;padding:3.5rem 2rem;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-lg);display:none;margin:1.5rem 0}.tools-no-results h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-primary)}.tools-no-results p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem}.tools-no-results-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem auto 1.75rem;max-width:600px}.btn-search-suggestion{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:.35rem .85rem;border-radius:9999px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-search-suggestion:hover{border-color:var(--accent-orange);color:var(--accent-orange);background:#ff850714;transform:translateY(-2px)}.tools-privacy-section{margin-top:4.5rem;background:linear-gradient(135deg,#ff850714,#3b82f60d);border:1px solid rgba(255,133,7,.2);border-radius:var(--radius-lg);padding:2.5rem 2rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}@media(max-width:900px){.tools-privacy-section{grid-template-columns:1fr;gap:1.5rem}}.privacy-feature h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.privacy-feature h3 svg{color:var(--accent-orange)}.privacy-feature p{font-size:.86rem;color:var(--text-secondary);line-height:1.5}.tools-faq-section{margin-top:4rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem 2rem;box-shadow:var(--shadow-card)}.tools-faq-header{text-align:center;margin-bottom:2.2rem}.tools-faq-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:9999px;background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.25);font-size:.8rem;font-weight:600;margin-bottom:.8rem}.tools-faq-header h2{font-family:var(--font-title);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.tools-faq-header p{color:var(--text-secondary);font-size:.95rem;max-width:680px;margin:0 auto}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}@media(min-width:1400px){.faq-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(max-width:850px){.faq-grid{grid-template-columns:1fr;gap:1rem}}.faq-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.4rem;transition:all .22s ease}.faq-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 10px 20px -5px #0003}.faq-card h3{font-size:1.02rem;font-weight:700;color:var(--text-primary);margin-bottom:.55rem;display:flex;align-items:flex-start;gap:.6rem;line-height:1.35}.faq-card h3 svg{color:var(--accent-orange);flex-shrink:0;margin-top:2px}.faq-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.theme-toggle-btn{position:fixed;bottom:25px;right:25px;width:44px;height:44px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0003;z-index:1000;transition:all .2s ease}.theme-toggle-btn:hover{transform:scale(1.08);border-color:var(--accent-orange)}.tools-directory-section{margin-bottom:3.5rem;animation:toolsFadeIn .28s ease-out}.tools-directory-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-color)}.tools-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.25rem}.tools-directory-card{background:#182234a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden;position:relative}.tools-directory-card:hover{border-color:#ff850780;transform:translateY(-3px);box-shadow:0 12px 28px -6px #00000073,0 0 0 1px #ff850726;background:#182234d9}.tools-directory-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;padding:1.25rem}.tools-directory-card-top{display:flex;align-items:center;gap:.9rem;margin-bottom:.85rem}.tools-directory-icon-box{width:46px;height:46px;border-radius:12px;background:#ff85071f;border:1px solid rgba(255,133,7,.28);display:flex;align-items:center;justify-content:center;color:var(--accent-orange);flex-shrink:0;transition:all .22s ease}.tools-directory-card:hover .tools-directory-icon-box{transform:scale(1.06) rotate(2deg);background:#ff850738;border-color:#ff850799}.tools-directory-card-meta{flex:1 1 0%;min-width:0}.tools-directory-title{font-family:var(--font-title, "Outfit", sans-serif);font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.25;text-transform:none}.tools-directory-badge{display:inline-block;margin-top:.25rem;font-size:.72rem;font-family:var(--font-mono, monospace);color:var(--accent-orange);font-weight:600;letter-spacing:.02em}.tools-directory-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.45;margin:0 0 .9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto}.tools-directory-samples{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.tools-directory-chip{font-size:.7rem;padding:.2rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-secondary);white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden}.tools-directory-action{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600;color:var(--accent-orange);padding-top:.75rem;border-top:1px solid var(--border-color);margin-top:auto}.tools-directory-action svg{transition:transform .2s ease}.tools-directory-card:hover .tools-directory-action svg{transform:translate(4px)}[data-theme=light] .tools-directory-card{background:#fff;border-color:#e2e8f0f2;box-shadow:0 2px 8px #0f172a0a}[data-theme=light] .tools-directory-card:hover{box-shadow:0 12px 24px -6px #0f172a17,0 0 0 1px #ff85074d;background:#fff}[data-theme=light] .tools-directory-icon-box{background:#fff7ed;border-color:#fed7aa;color:#ea580c}[data-theme=light] .tools-directory-chip{background:#f1f5f9;border-color:#e2e8f0;color:#475569}@media(max-width:640px){.tools-directory-grid{grid-template-columns:1fr;gap:.9rem}.tools-directory-card-link{padding:1rem}}#tools-catalog-container{display:flex;flex-direction:column}.tools-search-scope-notice{margin-bottom:2rem;padding:.9rem 1.25rem;border-radius:var(--radius-md, 12px);background:#111827c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,133,7,.35);box-shadow:0 8px 24px -6px #00000059;animation:fadeInScopeNotice .2s cubic-bezier(.16,1,.3,1)}@keyframes fadeInScopeNotice{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .tools-search-scope-notice{background:#fff;border-color:#ff850766;box-shadow:0 8px 24px -6px #0f172a14}.search-scope-notice-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.search-scope-notice-main{display:flex;align-items:center;gap:.85rem;flex:1 1 280px}.search-scope-notice-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ff850726;color:var(--accent-orange);flex-shrink:0}.search-scope-notice-text{font-size:.92rem;line-height:1.45;color:var(--text-main)}.search-scope-notice-text strong{color:var(--accent-orange)}.search-scope-notice-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn-scope-filter{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:9999px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);min-height:36px}.btn-scope-filter:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.btn-scope-filter.btn-scope-clear{background:#ff85071f;border-color:#ff850759;color:var(--accent-orange)}.btn-scope-filter.btn-scope-clear:hover{background:#ff850738;border-color:#ff850799}.tools-other-categories-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 2.5rem;width:100%}.other-cats-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-color) 30%,var(--border-color) 70%,transparent)}.other-cats-divider-content{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem 1.15rem;border-radius:9999px;background:var(--bg-card);border:1px solid var(--border-color);font-size:.82rem;font-weight:600;color:var(--text-secondary);box-shadow:0 2px 8px #00000026}[data-theme=light] .other-cats-divider-content{box-shadow:0 2px 8px #0f172a0d}.other-cats-divider-badge{display:inline-flex;align-items:center;justify-content:center;background:#ff85072e;color:var(--accent-orange);padding:.1rem .45rem;border-radius:9999px;font-size:.75rem;font-family:var(--font-mono);font-weight:700}