:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #06b6d4;--accent: #f59e0b;--green: #10b981;--red: #ef4444;--pink: #ec4899;--bg-dark: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a28;--bg-surface: #16161f;--border: rgba(255,255,255,.08);--border-hover: rgba(99,102,241,.4);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--gradient-primary: linear-gradient(135deg, #6366f1, #06b6d4);--gradient-secondary: linear-gradient(135deg, #f59e0b, #ef4444);--gradient-green: linear-gradient(135deg, #10b981, #06b6d4);--gradient-purple: linear-gradient(135deg, #8b5cf6, #ec4899);--green-gradient: linear-gradient(135deg, #10b981, #06b6d4);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 24px rgba(0,0,0,.4);--shadow-lg: 0 8px 48px rgba(0,0,0,.5);--shadow-glow: 0 0 30px rgba(99,102,241,.25);--shadow-glow-green: 0 0 30px rgba(16,185,129,.25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--transition: all .3s cubic-bezier(.4,0,.2,1);--font-main: "Inter", sans-serif;--font-display: "Space Grotesk", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto}button{cursor:pointer;border:none;outline:none}input,select,textarea{outline:none;border:none;font-family:var(--font-main)}::selection{background:#6366f14d;color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.container{max-width:1280px;margin:0 auto;padding:0 20px}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-2{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent{color:var(--primary-light)}.section-header{text-align:center;margin-bottom:48px}.section-badge{display:inline-flex;align-items:center;gap:6px;background:var(--gradient-primary);color:#fff;padding:6px 16px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin-bottom:12px;color:var(--text-primary)}.section-subtitle{color:var(--text-secondary);font-size:1.05rem;max-width:600px;margin:0 auto}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 20px;background:#0a0a0fd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:var(--transition)}.navbar.scrolled{background:#0a0a0ff7;box-shadow:var(--shadow-md)}.nav-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.4rem;font-weight:700}.logo-icon{width:38px;height:38px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 14px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#ffffff12}.nav-cta{background:var(--gradient-primary)!important;color:#fff!important;padding:8px 18px;border-radius:var(--radius-full)}.nav-cta:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-glow)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;padding:4px}.hamburger span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px 60px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:orb-float 8s ease-in-out infinite}.orb-1{width:600px;height:600px;background:var(--primary);top:-200px;right:-100px;animation-delay:0s}.orb-2{width:400px;height:400px;background:var(--secondary);bottom:-100px;left:-100px;animation-delay:3s}.orb-3{width:300px;height:300px;background:var(--accent);top:40%;left:40%;animation-delay:6s}@keyframes orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.hero-content{position:relative;text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#6366f126;border:1px solid rgba(99,102,241,.3);color:var(--primary-light);padding:8px 18px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;margin-bottom:24px;animation:fade-in-up .6s ease}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem);font-weight:800;line-height:1.1;margin-bottom:20px;animation:fade-in-up .7s ease .1s both}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.2rem);max-width:700px;margin:0 auto 36px;line-height:1.7;animation:fade-in-up .7s ease .2s both}.hero-search{position:relative;max-width:680px;margin:0 auto 40px;animation:fade-in-up .7s ease .3s both}.search-wrapper{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 6px 6px 20px;box-shadow:var(--shadow-lg);transition:var(--transition)}.search-wrapper:focus-within{border-color:var(--primary);box-shadow:var(--shadow-glow)}.search-icon{color:var(--text-muted);font-size:1rem;margin-right:12px;flex-shrink:0}.search-input{flex:1;background:none;color:var(--text-primary);font-size:1rem;padding:10px 0}.search-input::placeholder{color:var(--text-muted)}.search-btn{background:var(--gradient-primary);color:#fff;padding:12px 28px;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;transition:var(--transition);white-space:nowrap}.search-btn:hover{opacity:.9;transform:scale(1.02)}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);z-index:100;display:none}.suggestion-item{padding:12px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:var(--transition);font-size:.9rem}.suggestion-item:hover{background:#6366f11a;color:var(--primary-light)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:32px;animation:fade-in-up .7s ease .4s both;flex-wrap:wrap}.stat-item{text-align:center}.stat-item span.stat-number{font-family:var(--font-display);font-size:2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-item>span:not(.stat-number){font-size:1.5rem;font-weight:800;color:var(--primary-light)}.stat-item p{font-size:.8rem;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:40px;background:var(--border)}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:fade-in-up .7s ease .5s both}.tag{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition)}.tag:hover{border-color:var(--primary);color:var(--primary-light);background:#6366f11a;transform:translateY(-2px)}.ticker-wrap{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;padding:12px 0}.ticker{display:flex;width:max-content;animation:ticker-scroll 30s linear infinite}.ticker span{padding:0 32px;color:var(--text-secondary);font-size:.85rem;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:8px}.ticker span i{color:var(--accent)}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-wrap:hover .ticker{animation-play-state:paused}.featured-section{padding:80px 0}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.featured-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;position:relative;transition:var(--transition);cursor:pointer;overflow:hidden}.featured-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:var(--transition);border-radius:var(--radius-xl)}.featured-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:var(--shadow-glow)}.featured-card:hover:before{opacity:.05}.featured-badge{position:absolute;top:16px;right:16px;background:var(--gradient-secondary);color:#fff;padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase}.tool-icon-wrap{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px;position:relative;z-index:1}.tool-meta{position:relative;z-index:1}.tool-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:8px}.tool-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.5;margin-bottom:16px}.tool-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tool-tag{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--primary-light);padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem}.tool-footer{display:flex;align-items:center;justify-content:space-between}.tool-rating{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:var(--accent)}.tool-pricing{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.pricing-free{background:#10b98126;color:var(--green);border:1px solid rgba(16,185,129,.3)}.pricing-paid{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.pricing-freemium{background:#f59e0b1a;color:var(--accent);border:1px solid rgba(245,158,11,.3)}.tool-visit-btn{width:100%;margin-top:16px;background:var(--gradient-primary);color:#fff;padding:10px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;transition:var(--transition);position:relative;z-index:1}.tool-visit-btn:hover{opacity:.9;transform:translateY(-1px)}.categories-section{padding:80px 0;background:var(--bg-surface)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.cat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;text-align:center;cursor:pointer;transition:var(--transition)}.cat-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-glow)}.cat-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 12px}.cat-name{font-weight:600;font-size:.95rem;margin-bottom:4px}.cat-count{font-size:.8rem;color:var(--text-muted)}.tools-section{padding:80px 0}.filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:32px}.filter-search{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 14px;flex:1;min-width:200px}.filter-search i{color:var(--text-muted)}.filter-search input{background:none;color:var(--text-primary);font-size:.9rem;width:100%}.filter-search input::placeholder{color:var(--text-muted)}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;flex:2}.filter-tab{padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;font-weight:500;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap}.filter-tab.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.filter-tab:hover:not(.active){border-color:var(--primary);color:var(--primary-light)}.filter-sort select{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);padding:8px 14px;border-radius:var(--radius-md);font-size:.85rem;cursor:pointer}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.load-more-wrap{text-align:center;margin-top:40px}.load-more-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:14px 36px;border-radius:var(--radius-full);font-size:.95rem;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.load-more-btn:hover{border-color:var(--primary);color:var(--primary-light);box-shadow:var(--shadow-glow)}.free-tools-section{padding:80px 0;background:var(--bg-surface)}.free-filter-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}.free-filter-tab{padding:8px 18px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.free-filter-tab.active{background:var(--gradient-green);color:#fff;border-color:transparent}.free-filter-tab:hover:not(.active){border-color:var(--green);color:var(--green)}.free-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.free-tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.free-tool-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-green);opacity:0;transition:var(--transition)}.free-tool-card:hover{transform:translateY(-4px);border-color:var(--green)}.free-tool-card:hover:after{opacity:1}.free-badge{position:absolute;top:12px;right:12px;background:var(--gradient-green);color:#fff;padding:3px 8px;border-radius:var(--radius-full);font-size:.68rem;font-weight:700}.free-tool-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:14px}.free-tool-name{font-weight:700;font-size:1rem;margin-bottom:6px}.free-tool-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:12px}.free-tool-category{display:inline-flex;align-items:center;gap:5px;background:#10b9811a;color:var(--green);padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem}.use-tool-btn{width:100%;margin-top:14px;background:transparent;border:1px solid var(--green);color:var(--green);padding:9px;border-radius:var(--radius-md);font-weight:600;font-size:.85rem;transition:var(--transition)}.use-tool-btn:hover{background:var(--green);color:#fff}.compare-section{padding:80px 0}.table-wrap{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--border)}.compare-table{width:100%;border-collapse:collapse}.compare-table th{background:var(--bg-surface);padding:16px 20px;text-align:left;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--border)}.compare-table td{padding:16px 20px;border-bottom:1px solid var(--border);font-size:.9rem;vertical-align:middle}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:hover td{background:var(--bg-card-hover)}.tool-cell{display:flex;align-items:center;gap:12px}.tool-cell-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.tool-cell-name{font-weight:600}.free-tag{color:var(--green);font-weight:600}.paid-tag{color:#f87171}.stars{color:var(--accent)}.visit-link{display:inline-flex;align-items:center;gap:5px;background:var(--gradient-primary);color:#fff;padding:5px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;transition:var(--transition)}.visit-link:hover{opacity:.9;transform:scale(1.03)}.blog-section{padding:80px 0;background:var(--bg-surface)}.blog-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.blog-filter-btn{padding:8px 20px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.blog-filter-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent}.blog-filter-btn:hover:not(.active){border-color:var(--primary);color:var(--primary-light)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;margin-bottom:60px}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition);cursor:pointer}.blog-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:var(--shadow-glow)}.blog-card-image{height:200px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.blog-card-image .blog-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,var(--bg-card) 100%)}.blog-card-body{padding:24px}.blog-category{display:inline-flex;align-items:center;gap:5px;background:#6366f11a;color:var(--primary-light);padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;margin-bottom:12px}.blog-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;line-height:1.4;margin-bottom:10px}.blog-excerpt{color:var(--text-secondary);font-size:.88rem;line-height:1.6;margin-bottom:16px}.blog-meta{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.blog-meta-left{display:flex;align-items:center;gap:14px}.blog-read-time{display:flex;align-items:center;gap:4px}.newsletter-card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(99,102,241,.1) 100%);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-xl);padding:48px;text-align:center;max-width:700px;margin:0 auto}.newsletter-icon{font-size:3rem;margin-bottom:16px;color:var(--primary-light)}.newsletter-card h3{font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin-bottom:12px}.newsletter-card p{color:var(--text-secondary);margin-bottom:24px}.newsletter-form{display:flex;gap:12px;max-width:500px;margin:0 auto 16px}.newsletter-form input{flex:1;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);padding:12px 18px;border-radius:var(--radius-full);font-size:.95rem;transition:var(--transition)}.newsletter-form input:focus{border-color:var(--primary)}.newsletter-form button{background:var(--gradient-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;white-space:nowrap;transition:var(--transition);display:flex;align-items:center;gap:8px}.newsletter-form button:hover{opacity:.9;transform:translateY(-1px)}.newsletter-note{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:5px}.testimonials-section{padding:80px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;transition:var(--transition)}.testimonial-card:hover{border-color:var(--primary);transform:translateY(-3px)}.testimonial-stars{color:var(--accent);margin-bottom:12px;font-size:.9rem}.testimonial-text{color:var(--text-secondary);font-style:italic;margin-bottom:20px;line-height:1.6;font-size:.95rem}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:42px;height:42px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff;font-weight:700;flex-shrink:0}.author-name{font-weight:600;font-size:.9rem}.author-role{font-size:.8rem;color:var(--text-muted)}.faq-section{padding:80px 0;background:var(--bg-surface)}.faq-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.faq-item.active{border-color:var(--primary)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-weight:600;font-size:.95rem;transition:var(--transition)}.faq-question:hover{color:var(--primary-light)}.faq-icon{transition:var(--transition);color:var(--text-muted)}.faq-item.active .faq-icon{transform:rotate(180deg);color:var(--primary-light)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease;color:var(--text-secondary);font-size:.9rem;line-height:1.7}.faq-answer-inner{padding:0 24px 20px}.faq-item.active .faq-answer{max-height:300px}.footer{background:var(--bg-surface);border-top:1px solid var(--border);padding-top:60px}.footer-container{max-width:1280px;margin:0 auto;padding:0 20px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:48px}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:14px}.footer-brand p{color:var(--text-secondary);font-size:.88rem;line-height:1.6;margin-bottom:20px}.social-links{display:flex;gap:10px}.social-link{width:36px;height:36px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;transition:var(--transition)}.social-link:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-2px)}.footer-links-group h4{font-weight:700;margin-bottom:16px;font-size:.95rem}.footer-links-group ul{display:flex;flex-direction:column;gap:10px}.footer-links-group a{color:var(--text-secondary);font-size:.88rem;transition:var(--transition)}.footer-links-group a:hover{color:var(--primary-light)}.footer-bottom{border-top:1px solid var(--border);padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--text-muted)}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{color:var(--text-muted);transition:var(--transition)}.footer-bottom-links a:hover{color:var(--primary-light)}.back-to-top{position:fixed;bottom:28px;right:28px;z-index:900;width:46px;height:46px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:var(--transition);opacity:0;pointer-events:none;transform:translateY(10px)}.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:var(--transition)}.modal-overlay.open{opacity:1;pointer-events:all}.modal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;max-width:620px;width:100%;position:relative;transform:scale(.9);transition:var(--transition);max-height:90vh;overflow-y:auto}.modal-overlay.open .modal-card{transform:scale(1)}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--bg-surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{background:var(--red);color:#fff}.modal-tool-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.modal-tool-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.8rem}.modal-tool-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.modal-tool-cat{color:var(--primary-light);font-size:.85rem}.modal-section{margin-bottom:20px}.modal-section h4{font-weight:600;margin-bottom:8px;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.modal-section p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.modal-features{display:flex;flex-wrap:wrap;gap:8px}.modal-feature{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--primary-light);padding:5px 12px;border-radius:var(--radius-full);font-size:.8rem}.modal-cta{display:flex;gap:12px;margin-top:28px}.modal-visit-btn{flex:1;background:var(--gradient-primary);color:#fff;padding:13px;border-radius:var(--radius-md);font-weight:700;font-size:.95rem;transition:var(--transition);text-align:center}.modal-visit-btn:hover{opacity:.9}.cookie-notice{position:fixed;bottom:20px;left:20px;z-index:1500;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-lg);transform:translateY(100px);opacity:0;transition:var(--transition)}.cookie-notice.visible{transform:translateY(0);opacity:1}.cookie-content{display:flex;flex-direction:column;gap:12px}.cookie-content i{font-size:1.5rem;color:var(--accent)}.cookie-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.cookie-content a{color:var(--primary-light)}.cookie-buttons{display:flex;gap:10px}.cookie-accept{background:var(--gradient-primary);color:#fff;padding:8px 20px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;transition:var(--transition)}.cookie-decline{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);padding:8px 20px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;transition:var(--transition)}.cookie-accept:hover,.cookie-decline:hover{opacity:.9}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fade-in-up .6s ease forwards}.observe-animate{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.observe-animate.animated{opacity:1;transform:translateY(0)}.no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-muted);font-size:1.1rem}.no-results i{font-size:3rem;margin-bottom:16px;display:block;opacity:.5}.toast{position:fixed;top:80px;right:20px;z-index:3000;background:var(--bg-card);border:1px solid var(--green);border-radius:var(--radius-md);padding:14px 20px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-glow-green);color:var(--green);font-weight:500;transform:translate(120%);transition:var(--transition);max-width:320px}.toast.show{transform:translate(0)}@media (max-width: 1024px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{max-width:100%}}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:#0a0a0ffa;border-bottom:1px solid var(--border);padding:16px;gap:4px}.nav-links.open,.hamburger{display:flex}.hero-stats{gap:20px}.stat-divider{display:none}.newsletter-form{flex-direction:column}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.blog-grid,.tools-grid,.free-tools-grid,.featured-grid{grid-template-columns:1fr}.filter-bar{gap:10px}.modal-cta{flex-direction:column}.cookie-notice{left:10px;right:10px;max-width:none;bottom:10px}}@media (max-width: 480px){.hero-title{font-size:2rem}.section-title{font-size:1.6rem}.categories-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}}:root[data-theme=light]{--bg-dark: #f6f7fb;--bg-card: #ffffff;--bg-card-hover: #f1f3f9;--bg-surface: #eef0f7;--border: rgba(15, 23, 42, .1);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--primary-light: #4f46e5;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .08);--shadow-md: 0 4px 24px rgba(15, 23, 42, .1);--shadow-lg: 0 8px 48px rgba(15, 23, 42, .12);--shadow-glow: 0 0 30px rgba(99, 102, 241, .2)}:root[data-theme=light] .navbar{background:#ffffffd9}:root[data-theme=light] .navbar.scrolled{background:#fffffff7}:root[data-theme=light] .nav-links{background:#fffffffa}:root[data-theme=light] .nav-link:hover,:root[data-theme=light] .nav-link.active{background:#0f172a0f}:root[data-theme=light] .modal-overlay,:root[data-theme=light] .palette-overlay{background:#0f172a73}:root[data-theme=light] .hero-orb{opacity:.12}:root[data-theme=light] .hero-grid{opacity:.35}html{color-scheme:dark}:root[data-theme=light]{color-scheme:light}body{transition:background .3s,color .3s}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}button:focus-visible,a:focus-visible{outline-offset:3px}.skip-link{position:absolute;left:12px;top:-48px;z-index:5000;background:var(--primary);color:#fff;padding:8px 14px;border-radius:8px;transition:top .2s}.skip-link:focus{top:12px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.card-in{animation:fade-in-up .45s ease both}button.cat-card{font:inherit;color:inherit;width:100%}.faq-question{width:100%;background:none;color:inherit;text-align:left;font-family:inherit}.tag{font-family:inherit}button.tag{border:1px solid var(--border)}.filter-tab,.blog-filter-btn,.free-filter-tab{font-family:inherit}section[id]{scroll-margin-top:76px}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:38px;height:38px;padding:0 10px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);font-size:.9rem}.icon-btn:hover{color:var(--text-primary);border-color:var(--primary)}.search-trigger kbd,.palette-input kbd{font-family:inherit;font-size:.68rem;padding:2px 6px;border-radius:5px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted)}.badge-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--pink);color:#fff;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center}.hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links{margin-left:auto;margin-right:16px}@media (max-width: 900px){.search-trigger kbd{display:none}}.hero{min-height:100vh;min-height:100svh}.hero-content{width:100%;min-width:0}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:520px;margin:0 auto 32px}.stat-item{display:flex;flex-direction:column;align-items:center;min-width:0}.stat-line{display:flex;align-items:baseline;justify-content:center}.stat-item .stat-number{font-family:var(--font-display);font-size:2.2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.stat-item .stat-line>span:not(.stat-number){font-size:1.6rem;font-weight:800;color:var(--primary-light)}.suggestion-item.highlight{background:#6366f11f;color:var(--primary-light)}.search-input{outline:none}.featured-card{display:block}.featured-card:focus-visible{border-color:var(--primary)}.fav-btn{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.fav-btn:hover{color:var(--pink);border-color:var(--pink);transform:scale(1.08)}.fav-btn.saved{color:var(--pink);background:#ec48991f;border-color:#ec489966}.featured-badge{right:auto;left:16px;top:14px;z-index:3}.featured-card .featured-badge+.fav-btn+.tool-icon-wrap{margin-top:26px}a.tool-visit-btn{display:block;text-align:center;color:#fff}.filter-bar{margin-bottom:16px}.filter-search .clear-btn{background:none;color:var(--text-muted);width:22px;height:22px;border-radius:50%}.filter-search .clear-btn:hover{color:var(--text-primary)}.filter-sort select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.saved-toggle{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:var(--transition)}.saved-toggle:hover{border-color:var(--pink);color:var(--pink)}.saved-toggle.active{background:#ec48991f;border-color:var(--pink);color:var(--pink)}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;margin-bottom:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.chip-row .filter-tab{flex-shrink:0}.results-bar{display:flex;align-items:center;justify-content:space-between;margin:4px 0 20px;color:var(--text-secondary);font-size:.88rem}.link-btn{background:none;color:var(--primary-light);font-weight:600;font-size:.85rem}.link-btn:hover{text-decoration:underline}.modal-card:focus{outline:none}.modal-feature.as-btn{font-family:inherit;cursor:pointer;transition:var(--transition)}.modal-feature.as-btn:hover{border-color:var(--primary);transform:translateY(-1px)}.modal-icon-btn{width:48px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.modal-icon-btn:hover{border-color:var(--primary)}.modal-icon-btn.saved{color:var(--pink);border-color:var(--pink)}a.modal-visit-btn,button.modal-visit-btn{display:block;color:#fff}.modal-overlay[aria-hidden=true]{visibility:hidden;transition:var(--transition),visibility 0s .3s}.blog-detail-meta{display:flex;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.blog-detail-p{color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.modal-card{max-width:680px}.free-search{display:flex;align-items:center;gap:10px;max-width:420px;margin:0 auto 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:10px 18px}.free-search i{color:var(--text-muted)}.free-search input{flex:1;background:none;color:var(--text-primary);font-size:.92rem}.free-search:focus-within{border-color:var(--green)}.free-tool-card:focus-visible{border-color:var(--green)}.ft-body{display:flex;flex-direction:column;gap:12px}.ft-input{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:11px 14px;color:var(--text-primary);font-size:.9rem;resize:vertical;transition:border-color .2s}.ft-input:focus{border-color:var(--primary)}.ft-input.mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.ft-row{display:flex;align-items:center;gap:10px}.ft-row.wrap{flex-wrap:wrap}.ft-row>.ft-field{flex:1}.ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ft-field{display:flex;flex-direction:column;gap:5px;font-size:.8rem;color:var(--text-muted)}.ft-field input[type=range]{width:100%;accent-color:var(--primary)}.ft-field input[type=color],.color-input{width:56px;height:40px;border:none;background:none;cursor:pointer;padding:0}.color-input{width:80px;height:56px;border-radius:12px}.ft-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-full);font-weight:600;font-size:.85rem;border:1px solid transparent;transition:var(--transition);font-family:inherit;align-self:flex-start;color:#fff}.ft-btn:disabled{opacity:.45;cursor:not-allowed}.ft-btn.primary{background:var(--gradient-primary)}.ft-btn.green{background:var(--gradient-green)}.ft-btn.ghost{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}.ft-btn.chip{background:var(--bg-surface);border-color:var(--border);color:var(--text-secondary);padding:6px 12px;font-size:.8rem}.ft-btn.chip:hover:not(:disabled),.ft-btn.ghost:hover:not(:disabled){border-color:var(--primary);color:var(--primary-light)}.ft-btn.primary:hover,.ft-btn.green:hover{opacity:.9}.ft-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ft-stats.three{grid-template-columns:repeat(3,1fr)}.ft-stat{background:var(--bg-surface);border-radius:10px;padding:12px 8px;text-align:center}.ft-stat-value{font-size:1.35rem;font-weight:800;color:var(--primary-light);font-family:var(--font-display)}.ft-stat-label{font-size:.72rem;color:var(--text-muted)}.ft-hint{font-size:.8rem;color:var(--text-muted)}.ft-result{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:.92rem;min-height:44px;display:flex;align-items:center}.ft-result.good{border-color:#10b98159;color:var(--green)}.ft-result.bad{border-color:#ef444459;color:#f87171}.ft-result.big{font-size:1.25rem;font-weight:700;justify-content:center}.ft-card{background:var(--bg-surface);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.ft-card .ft-row b{white-space:nowrap}.ft-copy-row{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border-radius:10px;padding:6px 6px 6px 14px}.ft-copy-row .ft-hint{min-width:56px}.ft-copy-row code{flex:1;font-size:.88rem;word-break:break-all}.ft-copy-row .ft-btn{padding:6px 12px}.ft-check{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;color:var(--text-secondary);cursor:pointer}.ft-check input{accent-color:var(--primary)}.ft-table{background:var(--bg-surface);border-radius:12px;padding:8px 14px;max-height:240px;overflow-y:auto}.ft-table-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:.9rem}.ft-table-row:last-child{border-bottom:none}.ft-diff{background:var(--bg-surface);border-radius:12px;padding:10px;font-size:.85rem;max-height:260px;overflow:auto;font-family:ui-monospace,Menlo,Consolas,monospace}.diff-line{padding:1px 6px;border-radius:4px;white-space:pre-wrap}.diff-line span{display:inline-block;width:16px;opacity:.7}.diff-line.add{background:#10b98126;color:var(--green)}.diff-line.del{background:#ef444421;color:#f87171}.regex-out{white-space:pre-wrap}.regex-out mark{background:#f59e0b59;color:inherit;border-radius:3px;padding:0 1px}.serp{background:var(--bg-surface);border-radius:12px;padding:14px 16px}.serp-title{color:#4285f4;font-size:1.05rem;font-weight:500}.serp-url{color:var(--green);font-size:.78rem;margin:2px 0 4px}.serp-desc{color:var(--text-secondary);font-size:.83rem;line-height:1.5}.md-preview{background:var(--bg-surface);border-radius:12px;padding:12px 16px;font-size:.9rem;line-height:1.6;overflow:auto;max-height:300px}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4{margin:.6em 0 .3em;font-family:var(--font-display)}.md-preview ul,.md-preview ol{padding-left:1.3em;margin:.4em 0}.md-preview ul{list-style:disc}.md-preview ol{list-style:decimal}.md-preview code{background:var(--bg-card);padding:1px 5px;border-radius:4px;font-size:.85em}.md-preview blockquote{border-left:3px solid var(--primary);padding-left:10px;color:var(--text-secondary)}.md-preview a{color:var(--primary-light);text-decoration:underline}.qr-box{display:flex;align-items:center;justify-content:center;min-height:220px;background:#fff;border-radius:12px;padding:10px}.swatch-lg{flex:1;height:56px;border-radius:12px;border:1px solid var(--border)}.gradient-preview{height:110px;border-radius:12px}.favicon-canvas{width:96px;height:96px;image-rendering:auto;align-self:center;border:1px dashed var(--border);border-radius:12px}.palette-set{display:flex;flex-direction:column;gap:6px}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:84px;height:54px;border-radius:10px;border:1px solid var(--border);display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;transition:transform .15s}.swatch:hover{transform:translateY(-2px)}.swatch span{font-size:.62rem;background:#00000080;color:#fff;padding:1px 5px;border-radius:4px;font-family:ui-monospace,monospace}.strength{height:5px;border-radius:3px;background:var(--border);overflow:hidden}.strength div{height:100%;transition:all .3s}.pomo-time{font-size:4.5rem;font-weight:800;font-family:var(--font-display);color:var(--primary-light);line-height:1.1;margin:8px 0 18px;font-variant-numeric:tabular-nums}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.palette{width:100%;max-width:560px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:fade-in-up .2s ease}.palette-input{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);color:var(--text-muted)}.palette-input input{flex:1;background:none;color:var(--text-primary);font-size:1rem}.palette-list{max-height:340px;overflow-y:auto;padding:8px}.palette-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer}.palette-item.active{background:#6366f124}.palette-icon{font-size:1.2rem;width:28px;text-align:center}.palette-label{flex:1;font-weight:600;font-size:.92rem}.palette-sub{font-size:.75rem;color:var(--text-muted)}.palette-empty{padding:24px;text-align:center;color:var(--text-muted)}.toast{color:var(--green)}.footer-bottom{justify-content:center}.back-to-top{border:none}@media (max-width: 768px){.nav-links{margin:0}.nav-actions{margin-left:auto}.ft-cols{grid-template-columns:1fr}.ft-stats{grid-template-columns:repeat(2,1fr)}.modal-card{padding:28px 20px}.results-bar{flex-direction:column;align-items:flex-start;gap:6px}.saved-toggle{width:100%;justify-content:center}.filter-sort,.filter-sort select{width:100%}}.article-body{color:var(--text-secondary);line-height:1.8;font-size:.95rem}.article-body p{margin-bottom:14px}.article-body h2{font-family:var(--font-display);color:var(--text-primary);font-size:1.15rem;margin:26px 0 10px}.article-body ul,.article-body ol{padding-left:1.4em;margin:0 0 14px}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin-bottom:6px}.article-body strong{color:var(--text-primary)}.article-body code{background:var(--bg-surface);padding:1px 6px;border-radius:4px;font-size:.88em}.article-body a{color:var(--primary-light);text-decoration:underline}.article-body blockquote{border-left:3px solid var(--primary);padding-left:12px;margin:0 0 14px}.tool-logo{background:#fff;border:1px solid rgba(15,23,42,.1);box-sizing:border-box;overflow:hidden}.tool-logo img{width:100%;height:100%;object-fit:contain;display:block}.tool-icon-wrap.tool-logo,.tool-icon-wrap.tool-emoji{margin-bottom:16px;position:relative;z-index:1}.suggestion-item .tool-logo,.suggestion-item .tool-emoji{flex-shrink:0}.modal-feature.as-btn{display:inline-flex;align-items:center;gap:6px}.tool-icon-wrap.tool-logo,.tool-icon-wrap.tool-emoji{display:flex!important}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border:2px dashed var(--border);border-radius:14px;padding:26px 16px;cursor:pointer;background:var(--bg-surface);color:var(--text-secondary);transition:var(--transition)}.dropzone:hover,.dropzone.over,.dropzone:focus-within{border-color:var(--primary);background:#6366f114}.dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dropzone i{font-size:1.8rem;color:var(--primary-light)}.dz-label{font-weight:600;font-size:.92rem}.file-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.file-row{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border-radius:10px;padding:8px 10px;font-size:.85rem}.file-row .thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--bg-card)}.file-row .fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row .fmeta{color:var(--text-muted);font-size:.75rem;white-space:nowrap}.file-row .good{color:var(--green);font-weight:700}.file-row .warn{color:var(--accent);font-weight:700}.file-row .ft-btn{padding:5px 10px}.mini-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);width:30px;height:30px;border-radius:8px;flex-shrink:0}.mini-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-light)}.mini-btn:disabled{opacity:.35;cursor:not-allowed}.code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:340px;overflow-y:auto}.code-cell{background:#fff;border-radius:10px;padding:8px;text-align:center;border:1px solid var(--border)}.code-cell img,.code-cell canvas{max-width:100%;height:auto;display:block;margin:0 auto}.code-cell .cap{font-size:.68rem;color:#475569;margin-top:4px;overflow-wrap:anywhere}.preview-box{background:#fff;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;overflow-x:auto;min-height:120px}.preview-box canvas{max-width:100%;height:auto}.progress{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress div{height:100%;background:var(--gradient-primary);transition:width .2s}.ft-select{width:100%}select.ft-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.site-index{padding:32px 0 8px;background:var(--bg-surface);border-top:1px solid var(--border)}.site-index details{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:10px}.site-index summary{cursor:pointer;padding:14px 18px;font-weight:600;font-size:.92rem;min-height:44px}.index-list{columns:3 200px;column-gap:24px;padding:4px 18px 18px}.index-list li{break-inside:avoid;padding:4px 0;font-size:.85rem}.index-list a{color:var(--text-secondary)}.index-list a:hover{color:var(--primary-light);text-decoration:underline}.seo-static{max-width:760px;margin:0 auto;padding:96px 20px 48px;font-family:var(--font-main);color:var(--text-secondary);line-height:1.7}.seo-static h1{font-family:var(--font-display);color:var(--text-primary);font-size:2rem;margin-bottom:12px}.seo-static h2{color:var(--text-primary);font-size:1.15rem;margin:24px 0 8px}.seo-static a{color:var(--primary-light);text-decoration:underline}.seo-static ul,.seo-static ol{padding-left:1.4em;margin-bottom:12px;list-style:revert}.toast{opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s,transform .25s,visibility 0s .25s}.toast.show{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .25s,transform .25s}.tool-desc,.free-tool-desc,.blog-title,.blog-excerpt,.modal-section p,.article-body,.ft-result,.faq-answer-inner{overflow-wrap:anywhere}img,svg,canvas,video{max-width:100%}@media (max-width: 768px){.nav-links{background:var(--bg-card)!important;box-shadow:var(--shadow-md);max-height:calc(100dvh - 68px);overflow-y:auto}.nav-link{padding:14px 16px;font-size:1rem;width:100%;text-align:center}.nav-cta{width:auto;margin-top:6px}input,select,textarea{font-size:16px!important}.section-header{margin-bottom:32px}.featured-section,.categories-section,.tools-section,.free-tools-section,.compare-section,.blog-section,.testimonials-section,.faq-section{padding:56px 0}.newsletter-card{padding:28px 20px}.newsletter-form button{justify-content:center}.faq-question{padding:16px 18px}.faq-item.active .faq-answer{max-height:600px}.free-tools-grid,.tools-grid,.featured-grid{gap:16px}.filter-bar{padding:14px}.filter-search{min-width:0;width:100%;flex:1 1 100%}.blog-card-image{height:150px}.modal-overlay{align-items:flex-end;padding:0}.modal-card{max-width:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92dvh;padding:28px 18px calc(24px + env(safe-area-inset-bottom));transform:translateY(30px)}.modal-overlay.open .modal-card{transform:translateY(0)}.modal-tool-header{padding-right:40px}.modal-tool-icon{width:52px;height:52px;flex-shrink:0}.modal-tool-name{font-size:1.25rem;overflow-wrap:anywhere}.modal-cta{flex-direction:row;flex-wrap:wrap}.modal-visit-btn{flex:1 1 100%}.modal-icon-btn{flex:1;height:46px}.palette-overlay{padding:12px}.palette-sub{display:none}.ft-row{flex-wrap:wrap}.ft-row>.ft-input,.ft-row>.ft-field{flex:1 1 140px;min-width:0}.ft-stat-value{font-size:1.15rem}.pomo-time{font-size:3.5rem}.swatch{width:calc(33.33% - 6px);min-width:70px}.serp-title{font-size:.95rem}.table-wrap{border:none;overflow:visible}.compare-table,.compare-table tbody,.compare-table tr,.compare-table td{display:block;width:100%}.compare-table thead{position:absolute;left:-9999px}.compare-table tr{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px 16px;margin-bottom:14px}.compare-table td{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:right;padding:10px 0;border-bottom:1px solid var(--border)}.compare-table td:last-child{border-bottom:none}.compare-table td:before{content:attr(data-label);color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left;flex-shrink:0}.compare-table td[data-label=Tool]{padding-top:12px}.compare-table td[data-label=Tool]:before{display:none}.compare-table tr:hover td{background:none}}@media (max-width: 480px){.navbar{padding:0 12px}.nav-container{height:60px}.nav-links{top:60px;max-height:calc(100dvh - 60px)}.logo-icon{width:34px;height:34px}.nav-logo{font-size:1.2rem;gap:8px}.nav-actions{gap:6px}.search-trigger{display:none}.hero{padding:84px 16px 40px}.hero-title{font-size:clamp(2rem,9vw,2.6rem)}.search-wrapper{padding:4px 4px 4px 14px}.search-icon{margin-right:8px}.search-btn{padding:11px 18px}.stat-item .stat-number{font-size:1.7rem}.stat-item .stat-line>span:not(.stat-number){font-size:1.2rem}.stat-item p{font-size:.68rem}.container{padding:0 16px}.featured-card,.free-tool-card{padding:22px 18px}.newsletter-form input,.newsletter-form button{width:100%}.back-to-top{bottom:16px;right:16px;width:42px;height:42px}.ft-stats,.ft-stats.three{grid-template-columns:repeat(2,1fr)}.ft-stats.three .ft-stat:last-child:nth-child(odd){grid-column:1 / -1}}@media (pointer: coarse){.tag,.filter-tab,.free-filter-tab,.blog-filter-btn,.saved-toggle,.link-btn{min-height:44px}.tag,.filter-tab,.free-filter-tab,.blog-filter-btn{padding-left:16px;padding-right:16px;display:inline-flex;align-items:center}.fav-btn{width:44px;height:44px;top:10px;right:10px}.icon-btn{min-width:44px;height:44px}.hamburger{min-width:44px;min-height:44px;align-items:center;justify-content:center}.modal-close{width:44px;height:44px}.ft-btn{min-height:44px}.ft-btn.chip{min-height:40px}.use-tool-btn,.tool-visit-btn{min-height:44px}.faq-question{min-height:52px}.ft-check{min-height:40px}.palette-item{padding:14px 12px}}@media (max-height: 480px) and (orientation: landscape){.hero{min-height:auto;padding-top:80px}.modal-card{max-height:96dvh}}.search-input,.filter-search input,.free-search input,.palette-input input,.newsletter-form input{min-width:0}.search-wrapper{max-width:100%}.search-btn{flex-shrink:0}