.tools-grid-container{max-width:1400px;margin:0 auto;padding:40px 20px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:32px;display:grid}.tool-card{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:32px;transition:all .3s;box-shadow:0 1px 3px #0000000d}.tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tool-card-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.tool-card-logo{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.logo-text{color:#fff;font-size:24px;font-weight:700}.tool-card-title-section{flex:1}.tool-card-title{color:#22222a;margin-bottom:8px;font-size:16px;font-weight:700}.tool-card-rating{align-items:center;gap:12px;display:flex}.stars{gap:2px;display:flex}.star{font-size:16.8px;line-height:1}.star.filled{color:#fbbf24}.star.empty{color:#d1d5db}.rating-value{color:#111827}.badge,.rating-value{font-size:12px;font-weight:600}.badge{color:#fff;background:#547ed4;border-radius:50px;flex-shrink:0;padding:2px 10px}.tool-card-description{color:#6b7280;margin-bottom:24px;font-size:.875rem;line-height:1.6}.tool-card-tags{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.tag{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:50px;padding:2px 10px;font-size:12px;font-weight:500;transition:all .2s}.tag:hover{background:#f9fafb;border-color:#9ca3af}.tool-card-footer{gap:12px;display:flex}.btn-primary{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-primary:active{transform:translateY(0)}.btn-icon{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:all .2s;display:flex}.btn-icon:hover{background:#f9fafb;border-color:#9ca3af}.btn-icon:active{background:#f3f4f6}.btn-icon svg{color:#374151}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}}@media (max-width:768px){.tools-grid{grid-template-columns:1fr;gap:20px}.tools-grid-container{padding:24px 16px}.tool-card{padding:24px}.tool-card-header{flex-wrap:wrap}.tool-card-logo{width:80px;height:80px}.logo-text{font-size:40px}.tool-card-title{font-size:24px}.rating-value,.star{font-size:20px}.badge{padding:8px 20px}.badge,.tool-card-description{font-size:16px}.tag{padding:8px 16px;font-size:14px}.btn-primary{padding:14px 24px;font-size:16px}}@media (max-width:480px){.tool-card-header{gap:12px}.tool-card-logo{width:64px;height:64px}.logo-text{font-size:32px}.tool-card-title{font-size:20px}.tool-card-footer{flex-direction:column}.btn-icon{width:100%}}.markdown-content h1{font-size:2em}.markdown-content h1,.markdown-content h2{color:#22222a;margin-top:1.5em;margin-bottom:.5em;font-weight:700}.markdown-content h2{font-size:1.5em}.markdown-content h3{color:#22222a;margin-top:1.5em;margin-bottom:.5em;font-size:1.25em;font-weight:600}.markdown-content p{margin-bottom:1em}.markdown-content ol,.markdown-content ul{margin-bottom:1em;padding-left:2em}.markdown-content li{margin-bottom:.5em}.markdown-content a{color:#7c3aed;text-decoration:underline}.markdown-content a:hover{color:#6d28d9}.markdown-content code{background:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}.markdown-content pre{background:#f3f4f6;border-radius:8px;margin-bottom:1em;padding:16px;overflow-x:auto}.markdown-content pre code{background:0 0;padding:0}.markdown-content blockquote{color:#6b7280;border-left:4px solid #7c3aed;margin:1em 0;padding-left:16px;font-style:italic}.markdown-content img{border-radius:8px;max-width:100%;height:auto;margin:1em 0}.markdown-content table{border-collapse:collapse;width:100%;margin:1em 0}.markdown-content td,.markdown-content th{text-align:left;border:1px solid #e5e7eb;padding:8px 12px}.markdown-content th{background:#f9fafb;font-weight:600}.markdown-content hr{border:none;border-top:1px solid #e5e7eb;margin:2em 0}.tool-detail-header{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:32px;padding:48px;box-shadow:0 1px 3px #0000000d}.tool-detail-header-inner{align-items:flex-start;gap:32px;display:flex}.tool-detail-logo{flex-shrink:0;width:120px}.tool-detail-content{flex:1;min-width:0}.tool-detail-title{color:#22222a;word-wrap:break-word;margin:0 0 16px;font-size:40px;font-weight:700}.tool-detail-description{color:#6b7280;word-wrap:break-word;margin-bottom:24px;font-size:18px;line-height:1.6}.tool-section-box{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:32px;padding:48px;box-shadow:0 1px 3px #0000000d}.pros-cons-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.pros-cons-grid .tool-section-box{margin-bottom:0}@media (max-width:768px){.tool-detail-header{padding:24px}.tool-detail-header-inner{text-align:center;flex-direction:column;align-items:center;gap:20px}.tool-detail-logo{width:80px}.tool-detail-title{font-size:28px}.tool-detail-description{font-size:16px}.pros-cons-grid{grid-template-columns:1fr}.tool-section-box{padding:28px}}