*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:#0f1117;color:#e2e4ed;font-family:"Inter",system-ui,-apple-system,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:#e8673c;text-decoration:none}a:hover{color:#ed8b6a;text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}.site-header{border-bottom:1px solid #2a2d3a;padding:1.25rem 0}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header .site-title{font-family:"JetBrains Mono","Fira Code",monospace;font-size:1.1rem;font-weight:600;color:#e2e4ed;text-decoration:none}.site-header .site-title span{color:#e8673c}.site-header .site-title:hover{text-decoration:none;color:#e2e4ed}.site-header nav{display:flex;gap:1.5rem;font-size:.9rem;color:#7b7f95}.site-header nav a{color:#7b7f95}.site-header nav a:hover{color:#e2e4ed;text-decoration:none}.hero{padding:4rem 0 3rem;border-bottom:1px solid #2a2d3a}.hero h1{font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:.75rem;letter-spacing:-.02em}.hero h1 span{color:#e8673c}.hero p{font-size:1.05rem;color:#7b7f95;max-width:540px}.search-wrap{padding:1.75rem 0;border-bottom:1px solid #2a2d3a}.search-wrap .search-box{position:relative;max-width:480px}.search-wrap .search-box input{width:100%;background:#181b23;border:1px solid #2a2d3a;border-radius:6px;color:#e2e4ed;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:.95rem;padding:.6rem 1rem .6rem 2.5rem;outline:none;transition:border-color .15s}.search-wrap .search-box input::placeholder{color:#7b7f95}.search-wrap .search-box input:focus{border-color:#e8673c}.search-wrap .search-box .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#7b7f95;pointer-events:none;font-size:.95rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem;padding:1.25rem 0;border-bottom:1px solid #2a2d3a}.filters .filter-btn{background:#1e2130;border:1px solid #2a2d3a;border-radius:999px;color:#a0a4bb;cursor:pointer;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:.8rem;padding:.25rem .85rem;transition:background .15s,color .15s,border-color .15s}.filters .filter-btn:hover,.filters .filter-btn.active{background:#e8673c;border-color:#e8673c;color:#fff}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:1.25rem;padding:2rem 0}.tool-card{background:#181b23;border:1px solid #2a2d3a;border-radius:6px;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.tool-card:hover{border-color:#e8673c;transform:translateY(-2px);text-decoration:none}.tool-card .card-screenshot{border-radius:6px 6px 0 0;overflow:hidden;aspect-ratio:16/9;background:#1e2130}.tool-card .card-screenshot img{width:100%;height:100%;object-fit:cover}.tool-card .card-screenshot .card-no-screenshot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:"JetBrains Mono","Fira Code",monospace;font-size:2rem;color:#2a2d3a;user-select:none}.tool-card .card-body{padding:1rem 1.1rem;flex:1;display:flex;flex-direction:column;gap:.4rem}.tool-card .card-title{font-family:"JetBrains Mono","Fira Code",monospace;font-size:1rem;font-weight:600;color:#e2e4ed}.tool-card .card-description{font-size:.875rem;color:#7b7f95;line-height:1.5;flex:1}.tool-card .card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.tool-card .card-tag{background:#1e2130;border-radius:999px;color:#a0a4bb;font-size:.72rem;padding:.15rem .6rem;border:1px solid #2a2d3a}.tool-page{padding:3rem 0}.tool-page .tool-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #2a2d3a}.tool-page .tool-header .breadcrumb{font-size:.85rem;color:#7b7f95;margin-bottom:1rem}.tool-page .tool-header .breadcrumb a{color:#7b7f95}.tool-page .tool-header .breadcrumb a:hover{color:#e2e4ed;text-decoration:none}.tool-page .tool-header .breadcrumb span{margin:0 .4rem}.tool-page .tool-header h1{font-family:"JetBrains Mono","Fira Code",monospace;font-size:2rem;font-weight:700;margin-bottom:.5rem}.tool-page .tool-header .tool-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;font-size:.875rem;color:#7b7f95}.tool-page .tool-header .tool-meta .tool-tags{display:flex;gap:.35rem}.tool-page .tool-header .tool-meta .tool-tag{background:#1e2130;border:1px solid #2a2d3a;border-radius:999px;color:#a0a4bb;font-size:.75rem;padding:.15rem .65rem}.tool-page .tool-header .tool-meta .tool-links{display:flex;gap:.75rem;margin-left:auto}.tool-page .tool-header .tool-meta .tool-links a{display:inline-flex;align-items:center;gap:.3rem;background:#181b23;border:1px solid #2a2d3a;border-radius:6px;color:#7b7f95;font-size:.82rem;padding:.3rem .75rem;transition:border-color .15s,color .15s}.tool-page .tool-header .tool-meta .tool-links a:hover{border-color:#e8673c;color:#e8673c;text-decoration:none}.tool-page .tool-screenshot{margin-bottom:2rem;border:1px solid #2a2d3a;border-radius:6px;overflow:hidden}.tool-page .tool-screenshot img{width:100%}.tool-page .tool-content{max-width:720px}.tool-page .tool-content h2,.tool-page .tool-content h3,.tool-page .tool-content h4{font-weight:600;line-height:1.3;margin:2rem 0 .75rem}.tool-page .tool-content h2{font-size:1.4rem}.tool-page .tool-content h3{font-size:1.15rem}.tool-page .tool-content p{margin-bottom:1rem;color:#e2e4ed}.tool-page .tool-content ul,.tool-page .tool-content ol{padding-left:1.5rem;margin-bottom:1rem}.tool-page .tool-content ul li,.tool-page .tool-content ol li{margin-bottom:.25rem}.tool-page .tool-content code{font-family:"JetBrains Mono","Fira Code",monospace;font-size:.85em;background:#181b23;border:1px solid #2a2d3a;border-radius:3px;padding:.1em .4em}.tool-page .tool-content pre{background:#181b23;border:1px solid #2a2d3a;border-radius:6px;overflow-x:auto;padding:1rem 1.25rem;margin-bottom:1.25rem}.tool-page .tool-content pre code{background:none;border:none;padding:0;font-size:.875rem}.tool-page .tool-content blockquote{border-left:3px solid #e8673c;padding-left:1rem;color:#7b7f95;margin:1.25rem 0}.tool-page .tool-content a{color:#e8673c}.tool-page .tool-content hr{border:none;border-top:1px solid #2a2d3a;margin:2rem 0}.tool-page .tool-content table{width:100%;border-collapse:collapse;margin-bottom:1.25rem;font-size:.875rem}.tool-page .tool-content table th,.tool-page .tool-content table td{text-align:left;padding:.55rem .85rem;border:1px solid #2a2d3a}.tool-page .tool-content table th{background:#1e2130;color:#e2e4ed;font-weight:600;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase}.tool-page .tool-content table td{color:#e2e4ed;vertical-align:top}.tool-page .tool-content table tr:nth-child(even) td{background:rgba(24,27,35,.5)}.tool-page .tool-content table tr:hover td{background:#1e2130}.site-footer{border-top:1px solid #2a2d3a;color:#7b7f95;font-size:.85rem;margin-top:4rem;padding:2rem 0;text-align:center}.site-footer a{color:#7b7f95}.site-footer a:hover{color:#e2e4ed;text-decoration:none}mark{background:rgba(232,103,60,.25);color:#e2e4ed;border-radius:2px;padding:0 2px}.no-results{color:#7b7f95;font-size:.95rem;padding:2rem 0;text-align:center;display:none}.no-results.visible{display:block}@media (max-width: 600px){.hero h1{font-size:1.6rem}.tools-grid{grid-template-columns:1fr}.tool-page .tool-header .tool-meta .tool-links{margin-left:0}}