.search-container{position:relative;display:flex;align-items:center;margin-top:1rem}.tools-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;font-family:IBM Plex Mono,monospace;font-size:.9rem;color:var(--acid-green, #FF5F1F);background:var(--bg-card);border:1px solid var(--border);border-radius:4px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.tools-search-input::placeholder{color:var(--text-muted, #8b949e);opacity:.6}.tools-search-input:focus{border-color:var(--acid-green, #FF5F1F);box-shadow:0 0 10px #ff5f1f1a}.search-icon{position:absolute;left:.75rem;color:var(--acid-green, #FF5F1F);font-size:1.1rem;pointer-events:none;opacity:.7}.search-count{position:absolute;right:.75rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--text-muted, #8b949e);pointer-events:none}.tool-stat{display:flex;align-items:center;gap:.75rem}.tool-stat-label{display:flex;flex-direction:column;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--text-muted, #8b949e);text-transform:uppercase;min-width:110px;font-weight:600}.tool-stat-value{font-family:IBM Plex Mono,monospace;font-size:.8rem;min-width:40px;text-align:right;font-weight:600}.tool-stat-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.tool-stat-fill{height:100%;border-radius:3px;transition:width .5s ease;box-shadow:0 0 8px #ff5f1f4d}.tool-card-header{position:relative}.tool-rating{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;align-items:center;line-height:1;padding:.3rem .55rem;border-radius:6px;border:1px solid var(--border-acid);background:#ff5f1f14;box-shadow:0 0 12px #ff5f1f1f}.tool-rating .tr-grade{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:1.15rem;color:var(--acid-green, #FF5F1F);text-shadow:0 0 10px var(--acid-glow, rgba(255,95,31,.4))}.tool-rating .tr-num{font-family:IBM Plex Mono,monospace;font-size:.62rem;color:var(--text-muted, #8b949e);margin-top:2px}.tool-rating[data-grade=C] .tr-grade,.tool-rating[data-grade=D] .tr-grade{color:#f0883e;text-shadow:none}.tool-stat-note{display:block;font-size:.6rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-dim, #555);margin-top:1px}.tool-stat[title]{cursor:help}.tools-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.filter-chip{font-family:IBM Plex Mono,monospace;font-size:.78rem;padding:.35rem .85rem;border-radius:999px;cursor:pointer;color:var(--text-muted, #8b949e);background:var(--bg-card);border:1px solid var(--border);transition:color .2s ease,background .2s ease,border-color .2s ease}.filter-chip:hover{color:var(--acid-green, #FF5F1F);border-color:var(--border-acid)}.filter-chip.active{color:var(--bg-base, #0a0a0a);background:var(--acid-green, #FF5F1F);border-color:var(--acid-green, #FF5F1F);font-weight:600}.tl-method{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--acid-green);border-radius:8px;margin-bottom:2rem}.tl-method>summary{cursor:pointer;list-style:none;padding:.85rem 1.1rem;font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--acid-green);letter-spacing:1px;text-transform:uppercase}.tl-method>summary::-webkit-details-marker{display:none}.tl-method-body{padding:0 1.2rem 1.1rem}.tl-method-body p{color:var(--text-body);font-size:.88rem;line-height:1.65;margin:0 0 .7rem}.tl-method-body ul{margin:0 0 .7rem;padding-left:1.1rem}.tl-method-body li{color:var(--text-body);font-size:.85rem;line-height:1.55;margin:.25rem 0}.tl-method-body strong{color:var(--text-bright)}.tool-stat-pending{font-family:IBM Plex Mono,monospace;font-size:.82rem;color:var(--text-muted);margin:1rem 0;padding:.6rem .8rem;border:1px dashed var(--border);border-radius:6px}.tool-license{display:inline-block;margin-left:.4rem;vertical-align:middle;font-family:IBM Plex Mono,monospace;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:.12rem .45rem;border-radius:4px;border:1px solid var(--border);color:var(--text-muted)}.tool-license.lic-oss{color:var(--acid-green, #FF5F1F);border-color:var(--border-acid, var(--acid-green))}.tool-license.lic-free{color:#2dd4bf;border-color:#2dd4bf}.tool-license.lic-proprietary,.tool-license.lic-paid{color:#f0883e;border-color:#f0883e}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.tool-card:hover{border-color:var(--acid-green, #FF5F1F);box-shadow:0 0 15px #ff5f1f1a}.tool-expand-icon{cursor:pointer;user-select:none}.card-grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1rem}@media(max-width:768px){.card-grid-3{grid-template-columns:1fr}}.page-banner{width:min(900px,100% - 2rem)!important;height:auto!important;aspect-ratio:2048 / 867!important;margin:1.25rem auto 2.5rem!important;background:transparent!important;border-bottom:none!important}.page-banner img{filter:none!important;object-fit:cover!important;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
