.tools-catalog{min-height:calc(100svh - 52px);padding:16px;color:#f5f5f7;background:#080b0e}.tools-catalog-panel{height:calc(100svh - 84px);min-height:480px;padding:20px;overflow-y:auto;border:1px solid #202226;border-radius:17px;background:linear-gradient(155deg,#0d1114,#080b10);box-shadow:0 24px 60px #02050c6b}.tools-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.tools-catalog-card{min-width:0;overflow:hidden;border:1px solid #ffffff14;border-radius:8px;color:inherit;background:linear-gradient(180deg,#ffffff0b,#ffffff05);text-decoration:none;transition:border-color .16s ease,background .16s ease}.tools-catalog-card:hover{border-color:#ff5e00a6;background:#ffffff0e}.tools-catalog-card:focus-visible{outline:2px solid #ff5e00;outline-offset:4px}.tools-catalog-cover{position:relative;aspect-ratio:1.72;overflow:hidden;background:#101218}.tools-catalog-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tools-catalog-card:hover img{transform:scale(1.02)}.tools-catalog-hover{position:absolute;inset:0;display:grid;place-items:center;opacity:0;background:#00000038;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:opacity .16s ease}.tools-catalog-card:is(:hover,:focus-visible) .tools-catalog-hover{opacity:1}.tools-catalog-hover>span{display:inline-flex;min-height:36px;align-items:center;gap:8px;padding:0 16px;border-radius:999px;color:#fff;background:#ff5e00;box-shadow:0 10px 26px #f9732247;font-size:13px;font-weight:600}.tools-catalog-hover svg{width:16px;height:16px}.tools-catalog-card h2{display:flex;min-height:54px;align-items:center;margin:0;padding:12px 16px;font-size:15px;font-weight:500;line-height:22px}@media(max-width:1279px){.tools-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.tools-catalog-panel{padding:16px}.tools-catalog-grid{grid-template-columns:1fr}}