.dir-search-wrap{margin-bottom:16px;position:relative}.dir-search{appearance:none;-webkit-appearance:none;background:var(--surface);border:1px solid var(--accent);color:var(--text);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;outline:none;padding:14px 48px 14px 20px;transition:border-color .15s;width:100%}.dir-search::placeholder{color:var(--muted);text-transform:uppercase}.dir-search:focus{border-color:var(--accent)}.dir-search::-webkit-search-cancel-button{display:none}.dir-search-icon{color:var(--muted);font-family:var(--font-mono);font-size:.7rem;pointer-events:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);transition:color .15s}.dir-search:focus~.dir-search-icon{color:var(--accent)}.cat-filter-wrap{background:var(--bg);margin-bottom:56px;position:sticky;top:64px;z-index:40}.cat-filter-toggle{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-bright);color:var(--text);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px 0;text-align:left;transition:color .15s,border-color .15s;width:100%}.cat-filter-toggle:hover{border-bottom-color:var(--text);color:var(--text)}.cat-filter-toggle.has-filter{border-bottom-color:var(--accent);color:var(--text)}.cat-filter-toggle-label{font-size:.5rem;letter-spacing:.1em;text-transform:uppercase}.cat-filter-toggle-arrow{color:var(--accent);flex-shrink:0;font-size:.65rem;transition:transform .2s}.cat-filter-toggle.open .cat-filter-toggle-arrow{transform:rotate(180deg)}.cat-filter-panel{background:var(--bg);border:1px solid var(--border);border-top:none;left:0;max-height:60vh;overflow-y:auto;padding:20px;position:absolute;right:0;top:100%;z-index:50}.cat-filter-panel[hidden]{display:none}.cat-filter-bar{display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.cat-btn{background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer;display:block;font-family:var(--font-mono);font-size:.48rem;letter-spacing:.1em;padding:8px 10px;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .15s,color .15s,border-color .15s}.cat-btn:hover{border-color:var(--text);color:var(--text)}.cat-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}@media (max-width:991px){.cat-filter-wrap{margin-bottom:40px;top:56px}.cat-filter-bar{grid-template-columns:repeat(3,1fr)}}@media (max-width:575px){.cat-filter-bar{grid-template-columns:repeat(2,1fr)}}.tools-group{margin-bottom:64px}.category-label-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.category-label-row:before{background:var(--accent);content:"";display:block;flex-shrink:0;height:1px;width:32px}.category-label-row-title{color:var(--accent);flex:1;font-family:var(--font-mono);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase}.category-label-row-count{color:var(--muted);font-size:.48rem;letter-spacing:.08em;text-transform:uppercase}.tools-grid{background:var(--border);border:1px solid var(--border);display:grid;gap:1px;grid-template-columns:repeat(3,1fr)}.tool-card{background:var(--bg);display:flex;flex-direction:column;padding:24px;transition:background .2s}.tool-card:hover{background:var(--surface)}.tool-card-header{gap:12px;margin-bottom:16px}.tool-card-header,.tool-logo{align-items:center;display:flex}.tool-logo{background:var(--surface);border:1px solid var(--border);flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.tool-logo img{display:block;height:100%;object-fit:contain;width:100%}.tool-logo-fallback{color:var(--muted);font-family:var(--font-mono);font-size:.48rem;letter-spacing:.05em}.tool-name{font-size:.92rem;font-weight:600;line-height:1.3}.tool-name a{color:inherit;text-decoration:none}.tool-name a:hover{color:var(--accent)}.tool-desc{color:var(--muted);display:-webkit-box;flex:1;font-size:.8rem;font-weight:300;-webkit-line-clamp:3;line-height:1.7;margin-bottom:16px;-webkit-box-orient:vertical;overflow:hidden}.tool-pricing{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;margin-bottom:0;margin-top:auto;padding-top:14px}.tool-pricing-label{color:var(--muted);font-size:.44rem;letter-spacing:.12em;text-transform:uppercase}.tool-pricing-value{color:var(--text);font-size:.78rem;font-weight:300;line-height:1.5}.tool-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;margin-top:16px;padding-top:14px}.tool-link{color:var(--accent);font-size:.48rem;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:opacity .15s}.tool-link:hover{opacity:.7}.tool-cat-badge{border:1px solid var(--border);font-family:var(--font-mono);font-size:.44rem;max-width:120px;overflow:hidden;padding:2px 7px;text-overflow:ellipsis;white-space:nowrap}.dir-empty,.tool-cat-badge{color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.dir-empty{font-size:.7rem;padding:48px 0;text-align:center}.dir-results-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:32px}.dir-results-count{color:var(--muted);font-size:.46rem;letter-spacing:.1em;text-transform:uppercase}.dir-pagination{align-items:center;border-top:1px solid var(--border);display:flex;gap:20px;justify-content:center;margin-top:48px;padding:48px 0 24px}.page-btn{border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:.5rem;letter-spacing:.1em;padding:9px 22px;text-decoration:none;text-transform:uppercase;transition:background .15s,border-color .15s;white-space:nowrap}.page-btn:not(.disabled):hover{background:var(--surface);border-color:var(--accent);color:var(--text)}.page-btn.disabled{color:var(--muted);cursor:default;pointer-events:none}.page-info{color:var(--muted);font-size:.46rem;letter-spacing:.1em;text-transform:uppercase}.tool-name{flex:1}.tool-card-info-btn{align-items:center;background:none;border:1px solid var(--border);color:var(--accent);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:26px;justify-content:center;line-height:1;transition:border-color .15s,color .15s;width:26px}.tool-card-info-btn:hover{border-color:var(--accent);color:var(--accent)}.tool-overview-row{align-items:center;background:none;border:none;border-top:1px solid var(--border);color:var(--accent);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:.46rem;justify-content:space-between;letter-spacing:.1em;margin-top:16px;padding:11px 0;text-transform:uppercase;transition:color .15s,border-top-color .15s;width:100%}.tool-overview-row:hover{border-top-color:var(--accent);color:var(--accent)}@keyframes tool-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes tool-modal-slide-up{0%{transform:translateY(100%)}to{transform:none}}dialog.tool-modal{background:var(--surface);border:1px solid var(--border-bright);color:var(--text);display:none;flex-direction:column;max-height:85vh;max-height:85dvh;overflow:hidden;padding:0;width:min(640px,92vw)}dialog.tool-modal[open]{animation:tool-modal-in .18s ease-out;display:flex}@media (max-width:767px){dialog.tool-modal{border:none;border-top:1px solid var(--border-bright);bottom:0;height:85vh;height:85dvh;left:0;margin:0;max-height:none;max-width:100%;position:fixed;right:0;top:auto;width:100%}dialog.tool-modal[open]{animation:tool-modal-slide-up .24s ease-out}}dialog.tool-modal::backdrop{backdrop-filter:blur(4px);background:rgba(8,8,8,.88)}.tool-modal-header{border-bottom:1px solid var(--border);gap:14px;padding:22px 28px}.tool-modal-header,.tool-modal-logo{align-items:center;display:flex;flex-shrink:0}.tool-modal-logo{background:var(--surface-2);border:1px solid var(--border);height:36px;justify-content:center;overflow:hidden;width:36px}.tool-modal-logo img{display:block;height:100%;object-fit:contain;width:100%}.tool-modal-name{flex:1;font-size:.95rem;font-weight:600}.tool-modal-close{align-items:center;background:none;border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;flex-shrink:0;font-size:.65rem;height:32px;justify-content:center;line-height:1;transition:border-color .15s,color .15s;width:32px}.tool-modal-close:hover{border-color:var(--accent);color:var(--accent)}.tool-modal-body{overflow-y:auto;padding:28px;-webkit-overflow-scrolling:touch;color:var(--text);flex:1;font-size:.82rem;font-weight:300;line-height:1.8;min-height:0}.tool-modal-section{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.tool-modal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tool-modal-section-label{color:var(--muted);display:block;font-size:.44rem;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.tool-modal-body p{margin-bottom:1em}.tool-modal-body p:last-child{margin-bottom:0}.tool-modal-body ol,.tool-modal-body ul{margin-bottom:1em;padding-left:1.4em}.tool-modal-body li{margin-bottom:.4em}.tool-modal-body strong{color:var(--text);font-weight:600}.cat-filter-bar a.cat-btn{text-decoration:none}@media (max-width:991px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.tools-grid{grid-template-columns:1fr}.tools-group{margin-bottom:48px}}