.tool-detail-page{background:#f2f9ff}.tool-detail-hero{border-bottom:1px solid var(--line);background:radial-gradient(at 55% 0,#fff,#eff8ff);padding:24px 0 32px}.tool-back-link{color:var(--muted);margin-bottom:24px;font-size:.9375rem;display:inline-block}.tool-detail-heading{grid-template-columns:100px minmax(0,1fr) auto;align-items:start;gap:28px;display:grid}.tool-detail-heading>.tool-avatar{border-radius:9px;width:100px;height:100px}.tool-detail-heading h1{color:var(--ink-deep);letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.14}.tool-detail-heading .section-index{font-size:.75rem}.tool-detail-lede{max-width:780px;color:var(--muted);margin:12px 0 18px;font-size:1.125rem;line-height:1.5}.tool-detail-heading__actions{justify-items:end;gap:20px;padding-top:8px;display:grid}.tool-detail-stars{color:var(--ink-deep);font-size:1.125rem;font-weight:650}.tool-detail-stars>span:first-child{color:var(--blue);margin-right:5px;font-size:1.4rem}.tool-external-actions{flex-wrap:wrap;gap:12px;display:flex}.tool-external-actions .button{min-height:46px}.tool-detail-tags{flex-wrap:wrap;gap:7px;display:flex}.tool-detail-tags a{background:var(--sky);border-radius:4px;padding:3px 9px;font-size:.875rem}.tool-tabs{z-index:25;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f5fafff5;padding-top:10px;position:sticky;top:0}.tool-tabs__inner{scrollbar-width:thin;gap:10px;display:flex;overflow-x:auto}.tool-tabs a{color:var(--muted);border-bottom:2px solid #0000;flex-shrink:0;padding:14px 20px;font-weight:600;transition:color .18s,border-color .18s;display:block}.tool-tabs a:hover{color:var(--blue);text-decoration:none}.tool-tabs a[aria-selected=true]{color:var(--blue);border-color:var(--blue)}.tool-tabs a:focus-visible{outline-offset:-4px}.tool-detail-layout{grid-template-columns:minmax(0,7fr) minmax(280px,3fr);grid-template-areas:"content sidebar";align-items:start;gap:24px;padding-block:24px 48px;display:grid}.tool-detail-layout:has(.tool-community-quick:not([hidden])){grid-template-rows:auto 1fr;grid-template-areas:"content community""content sidebar"}.tool-detail-panels{grid-area:content}.tool-detail-sidebar{grid-area:sidebar}.tool-community-quick{grid-area:community}.tool-detail-panels,.tool-detail-sidebar,.tool-tab-panel{min-width:0}.tool-detail-sidebar,.tool-tab-panel{gap:16px;display:grid}.tool-tab-panel{scroll-margin-top:86px}.tool-tab-panel+.tool-tab-panel{margin-top:24px}.tool-detail-page[data-tabs-enhanced] .tool-tab-panel{margin-top:0}.tool-detail-page[data-tabs-enhanced] .tool-tab-panel:not([hidden]){animation:.18s ease-out tool-panel-in}@keyframes tool-panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tool-tab-panel:focus-visible{outline-offset:5px}.tool-panel{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0;padding:22px}.tool-panel h2{color:var(--ink-deep);letter-spacing:-.025em;margin:0;font-size:1.375rem;line-height:1.3}.tool-panel h3{color:var(--ink-deep);margin:0 0 12px;font-size:1.0625rem;line-height:1.4}.tool-panel p{color:var(--muted);margin:12px 0;line-height:1.65}.tool-panel p:last-child{margin-bottom:0}.tool-panel-section{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.tool-panel .tool-note{font-size:.9375rem}.tool-panel-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-panel-title>a{white-space:nowrap;font-size:.875rem}.tool-facts{border:1px solid var(--line);background:var(--line);border-radius:5px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:14px 0 0;display:grid;overflow:hidden}.tool-facts>div{background:#fff;min-width:0;padding:14px 16px}.tool-facts dt,.tool-sidebar-license h3{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.75rem;font-weight:650}.tool-facts dd{color:var(--ink-deep);overflow-wrap:anywhere;margin:6px 0 0;font-weight:600}.tool-facts code{font-size:.8125rem}.tool-detail-sidebar .tool-panel{padding:20px}.tool-facts--compact{background:0 0;border:0;border-radius:0;margin-inline:-20px;display:block}.tool-facts--compact>div{border-top:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:16px;padding:13px 20px;display:grid}.tool-facts--compact dd{margin:0;font-size:.9375rem;font-weight:400;line-height:1.4}.tool-sidebar-license{border-top:1px solid var(--line);padding-top:14px}.tool-sidebar-license h3{margin-bottom:8px}.tool-link-list,.tool-source-list,.tool-related-list{margin:16px 0 0;padding:0;list-style:none}.tool-link-list li+li,.tool-source-list li+li{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.tool-link-list a{overflow-wrap:anywhere}.tool-link-list strong,.tool-link-list span{display:block}.tool-link-list span{margin-top:3px;font-size:.875rem}.tool-source-list li{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;display:grid}.tool-source-list a{overflow-wrap:anywhere;text-underline-offset:3px;text-decoration:underline}.tool-source-list li>span{color:var(--muted);font-size:.9375rem}.tool-source-count{background:var(--blue-pale);border-radius:4px;margin-left:8px;padding:2px 8px;font-size:.8125rem}.tool-community-quick{padding:20px}.tool-community-quick h2{font-size:1.125rem}.tool-community-view-all{align-items:center;min-height:44px;margin-top:8px;font-size:.9375rem;display:inline-flex}.tool-channel-list{margin:0;padding:0;list-style:none}.tool-channel-list>li{padding:14px 0}.tool-channel-list>li+li{border-top:1px solid var(--line)}.tool-channel-list>.tool-channel--youtube{background:var(--blue-pale);border:0;border-radius:5px;margin-block:8px;padding:14px}.tool-channel-link{min-height:44px;color:var(--ink-deep);align-items:center;gap:12px;display:flex}.tool-channel-link:hover{color:var(--blue)}.tool-channel-icon{width:22px;height:22px;color:var(--blue);flex-shrink:0}.tool-channel-copy{overflow-wrap:anywhere;flex:1;min-width:0}.tool-channel-copy strong,.tool-channel-copy>span{display:block}.tool-channel-copy>span{color:var(--muted);margin-top:3px;font-size:.875rem}.tool-channel-arrow{color:var(--blue);flex-shrink:0}.tool-channel-badges{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tool-channel-badges:empty{display:none}.tool-channel-badge{background:var(--sky);color:var(--ink-deep);border-radius:4px;padding:2px 7px;font-size:.8125rem}.tool-channel-badge--purpose{border:1px solid var(--line);background:#fff}.tool-channel-badge--access{font-weight:650}.tool-channel-details{color:var(--muted);margin-top:10px;font-size:.875rem}.tool-channel-details summary{cursor:pointer;width:fit-content;padding-block:8px}.tool-channel-details dl{margin:0}.tool-channel-details dl>div{flex-wrap:wrap;gap:4px 16px;margin-top:6px;display:flex}.tool-channel-details dd{color:var(--ink-deep);margin:0}.tool-channel-list--compact{margin-top:12px}.tool-channel-list--compact .tool-channel-link{gap:9px}.tool-channel-list--compact .tool-channel-copy strong{font-size:.9375rem}.tool-channel-list--compact .tool-channel-copy>span{font-size:.8125rem}.tool-channel-list--compact>.tool-channel--youtube{padding:10px}.tool-related-list{gap:12px;display:grid}.tool-related-list li{border:1px solid var(--line);border-radius:6px;align-items:start;gap:16px;padding:16px;display:flex}.tool-related-list__copy{flex:1;min-width:0}.tool-related-name{color:var(--ink-deep);font-weight:650}.tool-related-list__copy p{margin:5px 0 12px;font-size:.9375rem;line-height:1.45}.tool-related-list__actions{white-space:nowrap;color:var(--blue);justify-items:end;gap:12px;font-size:.9375rem;display:grid}.tool-related-list--compact li{border:0;border-top:1px solid var(--line);border-radius:0;gap:10px;padding:12px 0}.tool-related-list--compact .tool-related-list__copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;font-size:.8125rem;display:-webkit-box;overflow:hidden}.tool-related-list--compact .tool-related-list__actions{display:none}@media (width<=1100px){.tool-detail-heading{grid-template-columns:80px minmax(0,1fr);gap:20px}.tool-detail-heading>.tool-avatar{width:80px;height:80px}.tool-detail-heading__actions{flex-wrap:wrap;grid-column:2;align-items:center;padding-top:0;display:flex}.tool-detail-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}.tool-facts:not(.tool-facts--compact){grid-template-columns:repeat(2,minmax(0,1fr))}.tool-related-list:not(.tool-related-list--compact) li{flex-wrap:wrap}.tool-related-list__actions{justify-content:space-between;width:100%;display:flex}}@media (width<=767px){.tool-detail-hero{padding:18px 0 24px}.tool-back-link{margin-bottom:18px}.tool-detail-heading{grid-template-columns:56px minmax(0,1fr);gap:14px}.tool-detail-heading>.tool-avatar{width:56px;height:56px}.tool-detail-heading__copy{display:contents}.tool-detail-heading .section-index{grid-area:1/2;align-self:start;margin-bottom:0}.tool-detail-heading h1{grid-area:1/2;margin-top:24px;font-size:1.875rem}.tool-detail-lede,.tool-detail-heading .tool-detail-tags,.tool-detail-heading__actions{grid-column:1/-1}.tool-detail-lede{margin:0;font-size:1rem}.tool-detail-heading__actions{justify-content:space-between;gap:14px}.tool-external-actions{gap:8px}.tool-tabs__inner{gap:0}.tool-tabs a{padding:12px 14px;font-size:.9375rem}.tool-detail-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"content""sidebar";padding-top:16px}.tool-detail-layout:has(.tool-community-quick:not([hidden])){grid-template-rows:auto;grid-template-areas:"community""content""sidebar"}.tool-panel{padding:18px}.tool-source-list li{grid-template-columns:minmax(0,1fr);gap:6px}.tool-facts>div{padding:12px}.tool-facts dd{font-size:.9375rem}}@media (pointer:coarse){.tool-channel-details summary{min-height:44px}}@media (prefers-reduced-motion:reduce){.tool-tabs a{transition:none}.tool-detail-page[data-tabs-enhanced] .tool-tab-panel:not([hidden]){animation:none}}.tool-detail-heading__actions>.affiliate-disclosure{max-width:300px}
