.catalog-page{max-width:1440px;margin-inline:auto;padding-block:12px 40px}.catalog-header{justify-content:space-between;align-items:end;gap:24px;padding-bottom:24px;display:flex}.catalog-header h1{letter-spacing:-.035em;font-size:30px;font-weight:650;line-height:1.25}.catalog-tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:24px;display:flex}.catalog-tabs a{min-height:48px;color:var(--ink-3);border-bottom:2px solid #0000;align-items:center;gap:8px;padding:8px 0 12px;display:flex}.catalog-tabs a[aria-current]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.catalog-layout{grid-template-columns:176px minmax(0,1fr);gap:32px;display:grid}.catalog-sidebar{scrollbar-width:thin;align-self:start;max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow-y:auto}.catalog-category{border-radius:var(--radius-control);min-height:40px;color:var(--ink-3);justify-content:space-between;align-items:center;gap:8px;margin:2px 0;padding:8px 10px;font-size:13px;transition:background .14s,color .14s;display:flex}.catalog-category:hover{background:var(--bg-sunk);color:var(--ink)}.catalog-category[aria-current]{background:var(--accent-soft);color:var(--accent);font-weight:600}.catalog-utilities{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.catalog-search{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);align-items:center;gap:12px;padding:6px 6px 6px 16px;transition:border-color .14s;display:flex}.catalog-search:focus-within{border-color:var(--accent)}.catalog-search input{min-width:0;min-height:36px;color:var(--ink);background:0 0;outline:none;flex:1;font-size:14px}.catalog-search input::placeholder{color:var(--ink-3);opacity:1}.catalog-search button{border-radius:var(--radius-mark);background:var(--accent);min-height:40px;color:var(--accent-contrast);padding:8px 18px;font-size:14px;font-weight:500}.catalog-filterbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.catalog-select{color:var(--ink-3);align-items:center;gap:6px;font-size:12px;display:flex}.catalog-select select{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);min-width:0;max-width:180px;min-height:40px;color:var(--ink-2);padding:6px 10px;font-size:13px}.catalog-mobile-category,.catalog-mobile-utilities{display:none}.catalog-resultbar{justify-content:space-between;align-items:center;gap:12px;padding-block:20px 12px;display:flex}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.catalog-tool{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;min-width:0;padding:20px 20px 8px;transition:border-color .14s,box-shadow .14s;display:flex}.catalog-tool:hover,.catalog-tool:focus-within{border-color:var(--line-strong);box-shadow:var(--shadow-card-hover)}.tool-mark{border-radius:var(--radius-tile);background:var(--bg-sunk);border:1px solid var(--line);width:44px;height:44px;color:var(--ink-2);letter-spacing:-.04em;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:650;display:inline-flex}.catalog-external{border-radius:var(--radius-control);min-width:44px;height:44px;color:var(--ink-3);flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding-inline:4px;display:inline-flex}.catalog-external:hover{color:var(--accent);background:var(--accent-soft)}.catalog-summary{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:49px;margin-top:16px;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}.catalog-tool-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.catalog-guide{border-bottom:1px solid var(--line);align-items:start;gap:16px;padding-block:24px;display:flex}.catalog-guide-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:var(--radius-control);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.catalog-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-card);text-align:center;padding:40px 20px}.tool-detail-layout{grid-template-columns:minmax(0,1fr) 264px;gap:40px;display:grid}.tool-detail-side{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-card);align-self:start;padding:24px;position:sticky;top:24px}@media (width>=1536px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.catalog-layout{grid-template-columns:156px minmax(0,1fr);gap:20px}.catalog-tool{padding-inline:16px}.tool-detail-layout{grid-template-columns:1fr;gap:24px}.tool-detail-side{position:static}}@media (width<=960px){.catalog-page{padding-top:16px}.catalog-header{gap:12px;padding-bottom:16px}.catalog-header h1{font-size:28px}.catalog-tabs{margin-bottom:16px}.catalog-layout{display:block}.catalog-sidebar{display:none}.catalog-mobile-category{display:flex}.catalog-mobile-utilities{display:block}.catalog-select{flex:1 1 0;min-width:0}.catalog-select select{width:100%;max-width:none}.catalog-select-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.catalog-grid{gap:12px}}@media (width<=480px){.catalog-grid{grid-template-columns:1fr}.catalog-header h1{font-size:26px}.catalog-tool{padding:16px 16px 6px}.catalog-summary{margin-top:12px}.catalog-guide{gap:12px}.catalog-guide-icon{display:none}}@media (prefers-reduced-motion:reduce){.catalog-page *,.tool-detail-layout *{transition:none!important}}