.developer-tools-layout{position:relative;flex:1;min-height:calc(100dvh - var(--site-header-offset, 80px));background-color:#f7faf9}.developer-tools-layout:before{content:"";position:fixed;top:var(--site-header-offset,80px);right:0;bottom:0;left:0;z-index:0;background-image:url(/_next/static/media/tools-background.e2797c8b.png);background-repeat:no-repeat;background-position:100% 0;background-size:cover;pointer-events:none}.developer-tools{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:calc(100dvh - var(--site-header-offset, 80px))}.developer-tools-hero{background:transparent}.developer-tools-hero__inner{max-width:1200px;margin:0 auto;padding:56px 24px 48px;min-height:260px;display:flex;align-items:center}.developer-tools-hero__copy{max-width:640px}.developer-tools-hero__title{margin:0;font-size:clamp(2rem,4vw,2.75rem);line-height:1.15;font-weight:700;color:#1a3d3d}.developer-tools-hero__subtitle{margin:16px 0 0;max-width:640px;font-size:16px;line-height:1.85;color:#7c999a}.developer-tools-panel{flex:1;padding:0 24px 72px;position:relative;min-height:520px}.developer-tools-panel__inner{max-width:1200px;margin:-28px auto 0;padding:28px;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(18,72,67,.06);border:1px solid rgba(18,72,67,.05)}.developer-tools-panel__toolbar{display:flex;flex-wrap:nowrap;gap:20px;align-items:center;padding-bottom:24px}.developer-tools-panel__filters{display:flex;flex:1;flex-wrap:nowrap;align-items:center;gap:20px;min-width:0;overflow-x:auto}.developer-tools-panel__filters-label{position:relative;flex:none;padding-left:10px;font-size:16px;font-weight:600;color:#1a3d3d;white-space:nowrap}.developer-tools-panel__filters-label:before{content:"";position:absolute;left:0;top:50%;width:3px;height:14px;border-radius:999px;background:#2dce89;transform:translateY(-50%)}.developer-tools-panel__filter-list{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.developer-tools-panel__filter{border:0;background:transparent;color:rgba(18,72,67,.66);font-size:14px;line-height:1.4;padding:7px 16px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:color .2s ease,background .2s ease}.developer-tools-panel__filter.is-active{background:#e5f6ef;color:#068b4c;font-weight:500}.developer-tools-panel__filter:not(.is-active):hover{color:#5c7576}.developer-tools-panel__search.ant-input-affix-wrapper{flex:none;width:280px;margin-left:auto;padding:8px 16px 8px 14px;border-radius:999px!important;border:1px solid #e3ecec!important;background:#fff!important;box-shadow:none!important}.developer-tools-panel__search.ant-input-affix-wrapper-focused,.developer-tools-panel__search.ant-input-affix-wrapper:hover{border-color:rgba(45,206,137,.35)!important}.developer-tools-panel__search .ant-input{font-size:14px;color:#1a3d3d;background:transparent}.developer-tools-panel__search .ant-input::-moz-placeholder{color:#b0c4c4}.developer-tools-panel__search .ant-input::placeholder{color:#b0c4c4}.developer-tools-panel__search .ant-input-prefix{margin-inline-end:8px;color:#b0c4c4}.developer-tools-panel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.developer-tools-panel__empty,.developer-tools-panel__loading{min-height:360px;display:flex;align-items:center;justify-content:center;padding:48px 16px}.developer-tools-panel__empty{text-align:center;color:#7c999a;font-size:15px}.developer-tool-card{display:flex;flex-direction:column;gap:14px;height:300px;padding:24px;border-radius:16px;border:1px solid #edf1f2;background:#fff;box-shadow:0 8px 24px rgba(18,72,67,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.developer-tool-card:hover{transform:translateY(-2px);border-color:rgba(45,206,137,.22);box-shadow:0 16px 32px rgba(18,72,67,.08)}.developer-tool-card__head{display:flex;gap:14px;align-items:flex-start}.developer-tool-card__icon{flex:none;width:40px;height:40px;display:grid;place-items:center;overflow:hidden;background:transparent;border:none}.developer-tool-card__icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.developer-tool-card__icon-fallback{font-size:22px;font-weight:700;color:#2dce89}.developer-tool-card__title-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;min-width:0}.developer-tool-card__title{margin:0;font-size:20px;line-height:1.2;color:#1a3d3d}.developer-tool-card__badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:29px;font-size:12px;line-height:1;font-weight:600}.developer-tool-card__badge--violet{color:#6366f1;background:rgba(99,102,241,.15)}.developer-tool-card__badge--green{color:#059669;background:rgba(16,185,129,.15)}.developer-tool-card__badge--blue{color:#0284c7;background:rgba(14,165,233,.15)}.developer-tool-card__badge--purple{color:#7c3aed;background:rgba(139,92,246,.15)}.developer-tool-card__desc{margin:0;flex:1;min-height:5.4em;font-size:14px;line-height:1.8;color:#7c999a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.developer-tool-card__tags{display:flex;flex-wrap:wrap;gap:8px;flex:none;max-height:56px;overflow:hidden}.developer-tool-card__tag{padding:4px 10px;border-radius:4px;background:#f3f6f7;color:#7c999a;font-size:12px;line-height:1.4}.developer-tool-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #edf1f2}.developer-tool-card__provider{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:#9ab0b1}.developer-tool-card__provider-text{line-height:1.5}.developer-tool-card__provider-name{font-weight:600;color:#1a3d3d}.developer-tool-card__provider-link{text-decoration:none;transition:color .2s ease}.developer-tool-card__provider-link:hover{color:#2dce89}.developer-tool-card__provider-logo{width:18px;height:18px;border-radius:999px;-o-object-fit:cover;object-fit:cover;flex:none}.developer-tool-card__provider-dot{width:18px;height:18px;border-radius:999px;background:linear-gradient(180deg,#34d399,#2dce89);box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.65)}.developer-tool-card__link{border:0;background:transparent;padding:0;cursor:pointer;font-size:14px;font-weight:600;color:#2dce89!important;white-space:nowrap}.developer-tool-card__link:disabled{opacity:.6;cursor:wait}@media(max-width:1100px){.developer-tools-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.developer-tools-layout:before{background-position:top}.developer-tools-hero__inner{padding-top:40px;min-height:auto}.developer-tools-panel__inner{padding:20px}.developer-tools-panel__toolbar{flex-wrap:wrap;gap:16px;padding-bottom:20px}.developer-tools-panel__filters{flex-wrap:wrap;gap:12px}.developer-tools-panel__search.ant-input-affix-wrapper{width:100%;margin-left:0}.developer-tools-panel__grid{grid-template-columns:1fr}}