.tool-header[data-v-22abcf78]{text-align:center;padding:48px 0 36px}.tool-header h1[data-v-22abcf78]{font-family:var(--font-display);color:var(--navy);letter-spacing:-.5px;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;font-size:32px;font-weight:900;display:flex}.tool-header p[data-v-22abcf78]{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:15px;line-height:1.6}.title-icon[data-v-22abcf78]{font-size:32px;line-height:1}.fun-tools-grid[data-v-22abcf78]{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;display:grid}.fun-tool-card[data-v-22abcf78]{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:var(--transition);align-items:center;gap:14px;min-width:0;padding:20px;text-decoration:none;display:flex}.fun-tool-card[data-v-22abcf78]:not(.coming-soon):hover{box-shadow:var(--card-shadow-hover);border-color:var(--accent-blue-soft);transform:translateY(-3px)}.fun-tool-card:not(.coming-soon):hover .card-icon[data-v-22abcf78]{transform:scale(1.08)rotate(-3deg)}.fun-tool-card:not(.coming-soon):hover .card-arrow[data-v-22abcf78]{opacity:1;color:var(--accent-blue);transform:translate(0)}.fun-tool-card:not(.coming-soon):hover .card-content h3[data-v-22abcf78]{color:var(--accent-blue)}.fun-tool-card.coming-soon[data-v-22abcf78]{opacity:.6;box-shadow:none;border-style:dashed}.card-icon[data-v-22abcf78]{width:48px;height:48px;transition:var(--transition);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-icon img[data-v-22abcf78]{object-fit:contain;width:34px;height:34px}.card-emoji[data-v-22abcf78]{font-size:28px;line-height:1}.card-icon-emoji[data-v-22abcf78]{font-size:26px;line-height:1}.coming-soon-icon[data-v-22abcf78]{background:var(--bg-warm);color:var(--text-muted)}.card-content[data-v-22abcf78]{flex:1;min-width:0}.card-content h3[data-v-22abcf78]{font-family:var(--font-display);color:var(--navy);transition:var(--transition);margin-bottom:4px;font-size:15px;font-weight:700}.card-content p[data-v-22abcf78]{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.5;overflow:hidden}.card-arrow[data-v-22abcf78]{color:var(--text-muted);opacity:.3;transition:var(--transition);flex-shrink:0;font-size:16px;transform:translate(-4px)}.features-section[data-v-22abcf78]{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.feature-item[data-v-22abcf78]{text-align:center;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:var(--transition);min-width:0;padding:28px 16px}.feature-item[data-v-22abcf78]:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.feature-item:hover .feature-icon[data-v-22abcf78]{transform:scale(1.1)}.feature-icon[data-v-22abcf78]{width:52px;height:52px;transition:var(--transition);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 14px;font-size:24px;line-height:1;display:flex}.feature-item h4[data-v-22abcf78]{font-family:var(--font-display);color:var(--navy);margin-bottom:6px;font-size:15px;font-weight:700}.feature-item p[data-v-22abcf78]{color:var(--text-secondary);font-size:12px;line-height:1.6}@media (width<=1024px){.fun-tools-grid[data-v-22abcf78],.features-section[data-v-22abcf78]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tool-header[data-v-22abcf78]{padding:32px 0 24px}.tool-header h1[data-v-22abcf78]{font-size:24px}.tool-header p[data-v-22abcf78]{font-size:14px}.fun-tools-grid[data-v-22abcf78]{grid-template-columns:1fr;gap:12px}.fun-tool-card[data-v-22abcf78]{gap:12px;padding:16px}.card-icon[data-v-22abcf78]{width:42px;height:42px}.features-section[data-v-22abcf78]{grid-template-columns:repeat(2,1fr)}.feature-item[data-v-22abcf78]{text-align:left;align-items:center;gap:12px;padding:14px 16px;display:flex}.feature-icon[data-v-22abcf78]{flex-shrink:0;width:40px;height:40px;margin:0;font-size:20px}.feature-item h4[data-v-22abcf78]{margin-bottom:2px;font-size:13px}.feature-item p[data-v-22abcf78]{font-size:11px;line-height:1.4}}@media (width<=480px){.feature-item[data-v-22abcf78]{gap:10px;padding:12px 14px}.feature-icon[data-v-22abcf78]{width:36px;height:36px;font-size:18px}.feature-item h4[data-v-22abcf78]{font-size:12px}}