.catalog-section{padding:26px 0 56px}.catalog-top{grid-template-columns:1fr 1fr;align-items:center;gap:36px;display:grid}.catalog-top h1{letter-spacing:-.04em;font-size:36px;line-height:1.3}.catalog-controls{gap:12px;display:flex}.search-box{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;align-items:center;gap:12px;min-width:0;padding:12px 16px;display:flex}.search-box>svg{color:var(--muted)}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;flex:1;font-size:14px}.search-box input:focus{outline:none}.search-box:focus-within{outline:3px solid var(--blue);outline-offset:3px;border-color:var(--blue)}.search-box input::placeholder{color:var(--muted);opacity:1}.platform-select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 12px;display:flex}.platform-select select{width:144px;color:var(--ink);background:#fff;border:0;min-height:40px;font-size:14px}.category-rail{flex-wrap:wrap;gap:8px;margin:14px 0 24px;display:flex}.category-rail button{background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;min-height:42px;padding:8px 14px;font-size:14px;display:flex}.category-rail button:hover{background:#e8ecf4}.category-rail button[aria-pressed=true]{color:var(--blue);background:#e0e6f8;border-color:#c4cfed;font-weight:700}.category-rail button span{color:var(--muted);font-size:12px}.featured-projects{margin-bottom:30px}.featured-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.featured-heading h2{color:#fff;background:var(--blue);border-radius:8px 8px 0 0;align-items:center;gap:9px;padding:9px 16px;font-size:16px;display:flex}.featured-heading>a{min-height:44px;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.featured-heading>a:hover{color:var(--blue)}.featured-grid{background:var(--line);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:0 8px 8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.featured-project{background:var(--white);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.featured-project:hover{background:#f5f7ff}.featured-project:focus-visible{outline-offset:-4px}.featured-title{align-items:center;gap:10px;min-width:0;display:flex}.featured-title img{object-fit:contain;width:32px;height:32px}.featured-title h3{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:18px;line-height:1.4}.featured-project>p{color:var(--muted);font-size:13px;line-height:1.65}.featured-category{color:var(--muted);align-items:center;gap:8px;margin-top:auto;font-size:11px;display:flex}.featured-category>span{color:#735015;background:#fff0cb;border-radius:3px;padding:0 5px}.section-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.section-top h2{letter-spacing:-.03em;font-size:22px}.result-count{color:var(--muted);font-size:13px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-entry{background:var(--white);border:1px solid var(--line);border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.tool-entry:hover{border-color:var(--blue)}.tool-preview{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:#e9edf3;flex-shrink:0;min-width:0;position:relative}.tool-preview img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.tool-info{flex-direction:column;flex:1;padding:18px;display:flex}.tool-name{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tool-name h3{letter-spacing:-.03em;font-size:21px;line-height:1.3}.tool-name>span{color:var(--muted);font-size:11px}.tool-info>p{color:var(--muted);margin-top:9px;font-size:14px;line-height:1.8}.tool-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tool-tags span{color:var(--muted);background:#f0f3f8;border-radius:4px;padding:2px 6px;font-size:11px}.tool-meta{color:var(--muted);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.tool-access{color:var(--blue);justify-content:space-between;align-items:center;gap:10px;display:flex}.empty-state{text-align:center;border:1px dashed #b9c4d7;border-radius:8px;grid-column:1/-1;padding:40px 24px}.empty-state>svg{color:var(--muted)}.empty-state h3{margin:14px 0 8px;font-size:21px}.empty-state p{color:var(--muted);margin-bottom:22px;font-size:14px}@media (width<=1050px){.featured-project{padding:14px}.featured-title{gap:8px}.featured-title h3{font-size:16px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width<=760px){.catalog-section{padding:20px 0 36px}.catalog-top{grid-template-columns:minmax(0,1fr);gap:16px}.catalog-top h1{font-size:28px}.catalog-controls{gap:8px}.search-box{gap:8px;padding:10px 12px}.search-box>svg{width:18px}.search-box input{font-size:13px}.platform-select{padding-inline:8px}.platform-select select{width:94px;font-size:13px}.category-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:10px 0 18px;display:grid}.category-rail button{justify-content:center;gap:8px;min-height:40px;padding:8px 4px;font-size:13px}.category-rail button span{font-size:11px}.featured-projects{margin-bottom:24px}.featured-heading h2{padding:8px 12px;font-size:14px}.featured-heading>a{gap:5px;font-size:12px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-project{gap:6px;padding:12px}.featured-title h3{font-size:16px}.featured-title img{width:28px;height:28px}.featured-project>p{font-size:13px;line-height:1.65}.section-top{margin-bottom:12px}.section-top h2{font-size:20px}.tool-grid{grid-template-columns:minmax(0,1fr);gap:12px}.tool-entry{grid-template-columns:90px minmax(0,1fr);align-items:start;display:grid}.tool-preview{aspect-ratio:4/3;border:1px solid var(--line);border-radius:4px;margin:14px 0 14px 12px;overflow:hidden}.tool-info{padding:14px 12px}.tool-name{gap:4px 8px}.tool-name h3{font-size:19px}.tool-info>p{margin-top:7px;font-size:13px;line-height:1.75}.tool-tags{gap:5px;margin-top:10px}.tool-meta{padding-top:12px;font-size:11px}.empty-state{padding:28px 18px}.empty-state h3{font-size:20px}}@media (width<=360px){.catalog-top h1{font-size:25px}.featured-title{gap:6px}.featured-title h3{font-size:15px}.featured-title img{width:24px;height:24px}.featured-project{padding:10px}}