.tool-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.25rem;padding:.25rem 0;display:flex}.platform-pills{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.platform-pill-btn{color:#475569;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:9999px;outline:none;padding:.45rem 1.15rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.platform-pill-btn:hover{color:#0f172a;background-color:#f1f5f9}.platform-pill-btn.active{color:#0284c7;background-color:#e0f2fe;font-weight:600}.share-btn-container{align-items:center;display:flex}.share-your-app-btn{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0000000a}.share-your-app-btn svg{stroke:#0284c7;transition:transform .2s}.share-your-app-btn:hover{color:#0284c7;background-color:#f0f9ff;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0284c726}.share-your-app-btn:hover svg{transform:rotate(90deg)}.share-your-app-btn:active{transform:translateY(0)}@media (max-width:640px){.tool-controls-bar{flex-direction:column;align-items:flex-start}.share-btn-container{align-self:flex-end}}
.app-tool-card{text-align:center;color:inherit;box-sizing:border-box;background-color:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;min-height:280px;padding:2rem 1.5rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #00000005}.app-tool-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 12px 30px -6px #00000014,0 2px 6px -1px #0000000a}.app-squircle-icon{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.25rem;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 10px 22px -6px #00000029}.app-tool-card:hover .app-squircle-icon{transform:scale(1.05);box-shadow:0 14px 28px -6px #0003}.custom-app-icon-img{object-fit:cover;width:100%;height:100%}.app-emoji-icon{font-size:2.2rem;line-height:1}.app-fallback-letter{color:#fff;font-size:2rem;font-weight:800}.app-card-title{color:#0f172a;letter-spacing:-.015em;margin-bottom:.35rem;font-size:1.125rem;font-weight:700;line-height:1.3}.app-card-desc{color:#64748b;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:220px;min-height:38px;margin-bottom:1.25rem;font-size:.875rem;line-height:1.45;display:-webkit-box;overflow:hidden}.app-card-platforms{justify-content:center;align-items:center;gap:.65rem;margin-top:auto;padding-top:.5rem;display:flex}.platform-badge-icon{opacity:.9;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .15s,transform .15s;display:inline-flex}.app-tool-card:hover .platform-badge-icon{opacity:1;transform:scale(1.08)}.platform-badge-text{color:#64748b;background:#f1f5f9;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:500}
.share-app-card{text-align:center;cursor:pointer;box-sizing:border-box;background-color:#f8faff;border:2px dashed #bfdbfe;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:280px;padding:2rem 1.5rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.share-app-card:hover{background-color:#f0f7ff;border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 10px 25px -5px #3b82f61f}.share-icon-wrapper{margin-bottom:1.25rem}.share-plus-circle{background:#e0f2fe;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background-color .2s;display:flex}.share-app-card:hover .share-plus-circle{background-color:#bae6fd;transform:scale(1.08)}.share-app-title{color:#0f172a;letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.share-app-desc{color:#64748b;max-width:220px;margin-bottom:1.5rem;font-size:.875rem;line-height:1.45}.share-cta-btn{color:#fff;cursor:pointer;background-color:#1d6fee;border:none;border-radius:12px;width:100%;max-width:200px;padding:.7rem 1.75rem;font-size:.9375rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #1d6fee33}.share-cta-btn:hover{background-color:#1558c4;transform:translateY(-1px);box-shadow:0 6px 16px #1d6fee4d}.share-cta-btn:active{transform:translateY(0)}