.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:#4f46e5;color:#fff;padding:.75rem 1.5rem;border-radius:0 0 8px 8px;z-index:10000;font-weight:600;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#8b5cf6;--accent:#ec4899;--bg:#f4f4f8;--bg-alt:#fafafe;--surface:rgba(255,255,255,0.72);--surface-solid:#ffffff;--glass:rgba(255,255,255,0.55);--glass-border:rgba(255,255,255,0.45);--text:#1e1b4b;--text-light:#5f6b7a;--text-lighter:#656e7c;--border:rgba(99,102,241,0.1);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius:20px;--radius-sm:12px;--shadow:0 2px 16px rgba(99,102,241,0.06),0 1px 3px rgba(0,0,0,0.04);--shadow-lg:0 8px 32px rgba(99,102,241,0.1),0 2px 8px rgba(0,0,0,0.05);--shadow-glass:0 8px 32px rgba(99,102,241,0.08),inset 0 1px 0 rgba(255,255,255,0.6);--gradient:linear-gradient(135deg,var(--logo-grad-start,var(--primary)) 0%,var(--logo-grad-end,var(--secondary)) 100%);--gradient-accent:linear-gradient(135deg,#ec4899 0%,#f43f5e 100%);--blur:blur(20px) saturate(180%)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(99,102,241,0.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 10%,rgba(139,92,246,0.06) 0%,transparent 50%),radial-gradient(ellipse 50% 50% at 50% 100%,rgba(236,72,153,0.04) 0%,transparent 60%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.container{max-width:1240px;margin:0 auto;padding:0 1.5rem}.top-bar{background:linear-gradient(90deg,var(--logo-grad-start,#6366f1) 0%,var(--logo-grad-end,#8b5cf6) 100%);color:#fff;font-size:0.8rem;backdrop-filter:blur(10px)}.top-bar-inner{display:flex;align-items:center;justify-content:space-between;min-height:38px}.top-bar-left{display:flex;align-items:center;gap:0.25rem}.top-bar-left a{display:flex;align-items:center;gap:0.3rem;color:rgba(255,255,255,0.85);padding:0.45rem 0.75rem;font-weight:600;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.03em;transition:color 0.15s}.top-bar-left a:hover{color:#fff}.top-bar-icon{font-size:0.85rem}.top-bar-right{display:flex;align-items:center;gap:0.25rem}.top-bar-search{position:relative}.top-search-form{display:flex;align-items:center;background:rgba(255,255,255,0.15);border-radius:50px;overflow:hidden;transition:background 0.2s}.top-search-form:focus-within{background:rgba(255,255,255,0.25)}.top-search-form input{background:transparent;border:none;color:#fff;padding:0.35rem 0.75rem;font-size:0.8rem;width:180px;outline:none}.top-search-form input::placeholder{color:rgba(255,255,255,0.6)}.top-search-btn{background:none;border:none;color:rgba(255,255,255,0.8);padding:0.35rem 0.6rem;cursor:pointer;font-size:0.85rem}.top-search-btn:hover{color:#fff}.search-dropdown{position:absolute;top:100%;left:0;right:0;min-width:320px;background:rgba(255,255,255,0.9);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);display:none;z-index:200;max-height:400px;overflow-y:auto}.search-dropdown.open{display:block}.search-dropdown a{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;color:var(--text);border-bottom:1px solid var(--border);transition:background 0.15s;font-size:0.9rem}.search-dropdown a:hover{background:var(--bg)}.top-bar-divider{width:1px;height:16px;background:rgba(255,255,255,0.25);margin:0 0.3rem}.top-bar-link{color:rgba(255,255,255,0.85);padding:0.35rem 0.6rem;font-size:0.8rem;font-weight:500;transition:color 0.15s}.top-bar-link:hover{color:#fff}.top-bar-btn{display:inline-flex;align-items:center;gap:0.3rem;background:rgba(255,255,255,0.95);color:var(--logo-grad-start,#667eea);padding:0.3rem 0.9rem;border-radius:50px;font-size:0.75rem;font-weight:700;margin-left:0.25rem;transition:all 0.15s}.top-bar-btn:hover{background:#fff;color:var(--logo-grad-start,#667eea)}.navbar{background:rgba(255,255,255,0.7);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}.navbar::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent),var(--warning),var(--success),var(--primary));opacity:0.5}.nav-content{display:flex;align-items:center;gap:1.5rem;min-height:58px;position:relative}.nav-brand{display:flex;align-items:center;gap:0.5rem;font-weight:800;font-size:1.35rem;flex-shrink:0}.brand-icon{font-size:1.6rem;line-height:1}.nav-brand .brand-text{background:var(--logo-gradient,var(--gradient));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-logo{height:34px}.nav-menu{display:flex;align-items:center;gap:0.25rem;flex:1;justify-content:flex-end}.nav-link{display:flex;align-items:center;gap:0.35rem;padding:0.5rem 0.85rem;color:var(--text);font-size:0.9rem;font-weight:600;white-space:nowrap;transition:color 0.15s,background 0.15s;border-radius:var(--radius-sm);text-decoration:none}.nav-link:hover{color:var(--primary);background:rgba(102,126,234,0.06)}.nav-chevron{transition:transform 0.2s;flex-shrink:0}.nav-dropdown{position:relative}.nav-dropdown:hover .nav-chevron{transform:rotate(180deg)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:rgba(255,255,255,0.85);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,0.1);padding:0.5rem;opacity:0;visibility:hidden;transform:translateY(6px);transition:all 0.2s;z-index:200;max-height:70vh;overflow-y:auto}.nav-dropdown-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;color:var(--text);font-size:0.85rem;font-weight:500;border-radius:var(--radius-sm);transition:background 0.15s;text-decoration:none;white-space:nowrap}.nav-dropdown-item:hover{background:var(--bg);color:var(--primary)}.nav-dropdown-divider{height:1px;background:var(--border);margin:0.35rem 0}.nav-dropdown-all{font-weight:600;color:var(--primary)}.nav-cat-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.nav-user{display:flex;align-items:center;gap:0.5rem;margin-left:auto}.nav-avatar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg);color:var(--text-light);cursor:pointer;transition:border-color 0.2s,color 0.2s,background 0.2s,box-shadow 0.2s}.nav-avatar-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(102,126,234,0.06);box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.nav-user{position:relative}.nav-avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:0.4rem;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 0.2s,visibility 0.2s,transform 0.2s;z-index:300}.nav-avatar-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-right{display:flex;align-items:center;gap:0.5rem;margin-left:auto;flex-shrink:0}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:0.5rem;width:36px;height:36px;position:relative;z-index:101}.nav-toggle-icon,.nav-toggle-icon::before,.nav-toggle-icon::after{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all 0.3s;position:absolute;left:7px}.nav-toggle-icon{top:50%;transform:translateY(-50%)}.nav-toggle-icon::before{content:'';top:-7px}.nav-toggle-icon::after{content:'';top:7px}.nav-toggle.open .nav-toggle-icon{background:transparent}.nav-toggle.open .nav-toggle-icon::before{top:0;transform:rotate(45deg)}.nav-toggle.open .nav-toggle-icon::after{top:0;transform:rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.6rem 1.5rem;border:none;border-radius:14px;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);text-decoration:none}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,0.3)}.btn-primary:hover{opacity:0.9;transform:translateY(-1px);color:#fff;box-shadow:0 6px 20px rgba(99,102,241,0.35)}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-lg{padding:0.8rem 2rem;font-size:1rem}.btn-sm{padding:0.35rem 0.8rem;font-size:0.8rem}.btn-block{width:100%}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-green{background:var(--success);color:#fff}.search-fuzzy-hint{padding:0.65rem 1rem;background:#fff8e6;border-bottom:1px solid #ffeeba;font-size:0.8rem;color:#856404;line-height:1.5}.search-fuzzy-hint strong{color:#6c5200}.search-empty{padding:1.25rem 1rem;text-align:center;font-size:0.85rem;color:var(--text-light)}.fuzzy-banner{display:flex;align-items:center;gap:1rem;background:#fff8e6;border:1px solid #ffeeba;border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem}.fuzzy-banner-icon{font-size:2rem;flex-shrink:0}.fuzzy-banner strong{color:#6c5200;display:block;margin-bottom:0.2rem;font-size:1rem}.fuzzy-banner p{color:#856404;font-size:0.9rem;margin:0}.fuzzy-banner a{color:var(--primary);font-weight:600;text-decoration:underline}.hero{background:#fff;padding:4.5rem 0 3.5rem;text-align:center;color:var(--text);position:relative;overflow:visible;z-index:2}.hero::before{display:none}.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.hero-orb{display:none}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:0.5rem;letter-spacing:-0.03em;line-height:1.15;color:var(--text)}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1rem;color:var(--text-light);max-width:460px;margin:0 auto 2rem;font-weight:400;line-height:1.6;opacity:1}.hero-search{max-width:580px;margin:0 auto;position:relative;z-index:10}.hero-search form{display:flex;align-items:center;background:#fff;border:1px solid #dfe1e5;border-radius:24px;padding:0.3rem 0.3rem 0.3rem 0;transition:all 0.2s;box-shadow:none}.hero-search form:hover{box-shadow:0 1px 6px rgba(32,33,36,0.12);border-color:rgba(223,225,229,0)}.hero-search form:focus-within{box-shadow:0 1px 6px rgba(32,33,36,0.16);border-color:rgba(223,225,229,0)}.hero-input{flex:1;padding:0.75rem 1rem 0.75rem 1.25rem;border:none;border-radius:24px;font-size:1rem;background:transparent;color:var(--text);outline:none}.hero-input::placeholder{color:#9aa0a6}.hero-input:focus{box-shadow:none}.hero-search .btn{border-radius:24px;padding:0.6rem 1.5rem;font-size:0.85rem;flex-shrink:0;background:#fff;color:var(--text);font-weight:600;border:none;transition:all 0.25s;box-shadow:none;position:relative;z-index:1}.hero-search .btn::before{content:'';position:absolute;inset:-2px;border-radius:26px;background:conic-gradient(from 0deg,#4285f4,#9b72cb,#d96570,#fcc934,#1a9f6c,#4285f4);z-index:-2;opacity:0.6;animation:btnRainbowSpin 3s linear infinite;transition:opacity 0.25s}@keyframes btnRainbowSpin{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}.hero-search .btn::after{content:'';position:absolute;inset:0;border-radius:24px;background:#fff;z-index:-1}.hero-search .btn:hover{box-shadow:0 4px 20px rgba(66,133,244,0.25);transform:scale(1.05);opacity:1}.hero-search .btn:hover::before{opacity:1}.hero-search .btn:active{transform:scale(0.97)}.hero-stats{display:flex;justify-content:center;gap:1.5rem;margin-top:1.75rem}.hero-stat{font-size:0.8rem;color:var(--text-light)}.hero-stat strong{color:var(--text);font-weight:700}.hero-autocomplete{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);margin-top:0.35rem;display:none;z-index:999;overflow:hidden}.hero-ac-item{display:flex;align-items:center;gap:0.65rem;padding:0.6rem 1rem;text-decoration:none;color:var(--text);transition:background 0.15s}.hero-ac-item:hover{background:rgba(102,126,234,0.06)}.hero-ac-icon{font-size:1.2rem;flex-shrink:0;width:28px;text-align:center}.hero-ac-name{font-weight:600;font-size:0.9rem}.hero-ac-cat{font-size:0.75rem;color:var(--text-lighter);margin-left:auto}.hero-ac-all{display:block;padding:0.6rem 1rem;text-align:center;font-size:0.85rem;font-weight:600;color:var(--primary);text-decoration:none;border-top:1px solid var(--border);transition:background 0.15s}.hero-ac-all:hover{background:rgba(102,126,234,0.06)}.blog-search-results{display:flex;flex-direction:column;gap:0.5rem}.blog-search-item{display:flex;align-items:center;gap:0.75rem;padding:0.65rem 0.85rem;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:border-color 0.2s,box-shadow 0.2s}.blog-search-item:hover{border-color:var(--primary);box-shadow:var(--shadow)}.blog-search-thumb{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.blog-search-item strong{font-size:0.9rem;display:block}.blog-search-cat{font-size:0.75rem;color:var(--primary);display:inline-block;margin-top:0.15rem}.section{padding:2rem 0}.page-header + .section{padding-top:1.25rem}.section-alt{background:var(--surface)}.section-title{font-size:1.65rem;font-weight:800;margin-bottom:1.5rem;text-align:center;letter-spacing:-0.02em;display:flex;align-items:center;gap:1rem}.section-title::before,.section-title::after{content:'';flex:1;height:3px;background:linear-gradient(90deg,transparent 0%,#4285f4 15%,#9b72cb 35%,#d96570 55%,#fcc934 75%,#1a9f6c 90%,transparent 100%);border-radius:3px;opacity:0.7}.btn-gradient{position:relative;z-index:1;border-radius:24px;padding:0.75rem 4rem;font-size:0.95rem;font-weight:600;background:#fff;color:var(--text);border:none;cursor:pointer;transition:all 0.25s;display:inline-block;text-decoration:none}.btn-gradient::before{content:'';position:absolute;inset:-2px;border-radius:26px;background:conic-gradient(from 0deg,#4285f4,#9b72cb,#d96570,#fcc934,#1a9f6c,#4285f4);z-index:-2;opacity:0.6;animation:btnRainbowSpin 3s linear infinite;transition:opacity 0.25s}.btn-gradient::after{content:'';position:absolute;inset:0;border-radius:24px;background:#fff;z-index:-1}.btn-gradient:hover{box-shadow:0 4px 20px rgba(66,133,244,0.25);transform:scale(1.05);color:var(--text)}.btn-gradient:hover::before{opacity:1}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.category-card{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);padding:1.25rem;text-align:center;box-shadow:var(--shadow-glass);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid var(--glass-border);color:var(--text);position:relative;overflow:hidden;z-index:0}.category-grid-left .category-card{padding:0.75rem 1rem;text-align:left}.category-card::before{content:'';position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,#4285f4,#9b72cb,#d96570,#fcc934,#1a9f6c,#4285f4);z-index:-2;opacity:0;animation:btnRainbowSpin 3s linear infinite;transition:opacity 0.35s}.category-card::after{content:'';position:absolute;inset:2px;border-radius:calc(var(--radius) - 2px);background:var(--surface);z-index:-1;opacity:0;transition:opacity 0.35s}.category-card:hover::before{opacity:0.7}.category-card:hover::after{opacity:1}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent;background:transparent;color:var(--text)}.category-icon{font-size:1.75rem;display:block;margin-bottom:0.35rem;line-height:1;background:none}.category-card h3{font-size:0.95rem;margin-bottom:0.15rem}.category-count{font-size:0.78rem;color:var(--text-light)}.category-card-title{display:flex;align-items:center;gap:0.4rem;margin-bottom:0.15rem}.category-card-title .category-icon{font-size:1.15rem;display:inline;margin-bottom:0}.category-card-title h3{font-size:0.92rem;margin:0}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.tool-grid-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.tool-card{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);padding:1rem 1.15rem;box-shadow:var(--shadow-glass);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid var(--glass-border);color:var(--text);position:relative;overflow:hidden;z-index:0}.tool-card::before{content:'';position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,#4285f4,#9b72cb,#d96570,#fcc934,#1a9f6c,#4285f4);z-index:-2;opacity:0;animation:btnRainbowSpin 3s linear infinite;transition:opacity 0.35s}.tool-card::after{content:'';position:absolute;inset:2px;border-radius:calc(var(--radius) - 2px);background:var(--surface);z-index:-1;opacity:0;transition:opacity 0.35s}.tool-card:hover::before{opacity:0.7}.tool-card:hover::after{opacity:1}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent;background:transparent;color:var(--text)}.tool-card-inner{display:flex;flex-direction:column}.tool-card-title{display:flex;align-items:center;gap:0.45rem;margin-bottom:0.25rem}.tool-icon{font-size:1.15rem;line-height:1;flex-shrink:0;background:none;padding:0;border:none;display:inline-flex;align-items:center;justify-content:center}.tool-icon img{width:20px;height:20px;object-fit:contain;border-radius:3px;vertical-align:middle}.tool-card h3{font-size:0.95rem}.tool-card p{font-size:0.82rem;color:var(--text-light);margin-bottom:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-badges{position:absolute;top:0.5rem;right:0.5rem;display:flex;gap:0.25rem;flex-wrap:wrap;z-index:1}.tool-badge{font-size:0.55rem;font-weight:700;padding:0.12rem 0.35rem;border-radius:3px;line-height:1.3;text-transform:uppercase;letter-spacing:0.03em}.tool-badge-new{background:#dcfce7;color:#15803d}.tool-badge-featured{background:#fef3c7;color:#b45309;text-transform:none}.tool-badge-custom{background:#e0e7ff;color:#4338ca}.tool-meta{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.tool-category{font-size:0.75rem;color:var(--text-lighter)}.tool-uses{font-size:0.75rem;color:var(--text-lighter)}.badge{display:inline-block;padding:0.15rem 0.6rem;border-radius:50px;font-size:0.7rem;font-weight:600;background:var(--bg);color:var(--text-light)}.badge-green{background:#e6ffed;color:#22543d}.badge-blue{background:#ebf5ff;color:#2b6cb0}.badge-orange{background:#fff5eb;color:#c05621}.page-header{background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 30%,#f5f0ff 70%,#fff 100%);padding:2rem 0 1.5rem;text-align:center;color:var(--text);position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,0.08) 0%,transparent 70%);pointer-events:none}.page-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:conic-gradient(from 0deg,#4285f4,#9b72cb,#d96570,#fcc934,#1a9f6c,#4285f4);background-size:200% 100%}.page-header h1{font-size:2rem;margin-bottom:0.5rem;letter-spacing:-0.02em;font-weight:800;position:relative}.page-header p{color:var(--text-light);position:relative}.page-icon{font-size:2.5rem;display:block;margin-bottom:0.5rem}.search-form-lg{display:flex;align-items:center;max-width:520px;margin:1rem auto 0;background:#fff;border:1px solid #dfe1e5;border-radius:24px;padding:0.3rem 0.3rem 0.3rem 0;transition:all 0.2s}.search-form-lg:hover,.search-form-lg:focus-within{box-shadow:0 1px 6px rgba(32,33,36,0.14);border-color:rgba(223,225,229,0)}.search-form-lg .hero-input{color:var(--text)}.search-form-lg .hero-input::placeholder{color:#9aa0a6}.search-form-lg .btn{border-radius:20px;padding:0.6rem 1.5rem;font-size:0.85rem;flex-shrink:0;background:var(--gradient);color:#fff;border:none;box-shadow:0 1px 4px rgba(99,102,241,0.25)}.page-header-inline{display:flex;align-items:center;justify-content:center;gap:1rem;text-align:left}.page-header-inline .page-icon{margin-bottom:0;font-size:2.5rem}.page-header-inline h1{margin-bottom:0.15rem}.quick-filter{margin-bottom:1rem}.quick-filter-input{width:100%;padding:0.65rem 1rem 0.65rem 2.5rem;border:1px solid #dfe1e5;border-radius:12px;font-size:0.9rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242.656a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") no-repeat 0.85rem center;transition:all 0.2s;outline:none}.quick-filter-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.quick-filter-empty{text-align:center;padding:2rem;color:var(--text-light);font-size:0.9rem;display:none}.tool-page{padding:1.5rem 0 3rem}.breadcrumb{font-size:0.8rem;color:var(--text-light);margin-bottom:0.5rem}.breadcrumb a{color:var(--text-light)}.breadcrumb a:hover{color:var(--primary)}.bc-sep{margin:0 0.3rem;opacity:0.5}.tool-hero{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);padding:0.9rem 1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-glass);border:1px solid var(--glass-border);position:relative;overflow:hidden}.tool-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--logo-gradient,var(--gradient));opacity:0.8}.tool-hero-inner{display:flex;align-items:center;gap:1.25rem}.tool-hero-icon{font-size:2.5rem;line-height:1;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:var(--radius);flex-shrink:0}.tool-hero-icon img{width:36px;height:36px;object-fit:contain;border-radius:6px}.tool-hero-body{flex:1;min-width:0}.tool-hero-body h1{font-size:1.4rem;font-weight:800;margin-bottom:0.2rem}.tool-hero-desc{color:var(--text-light);font-size:0.9rem;line-height:1.5;margin-bottom:0.5rem}.tool-hero-meta{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.tool-meta-badge{display:inline-flex;align-items:center;gap:0.25rem;padding:0.2rem 0.7rem;border-radius:50px;font-size:0.75rem;font-weight:600}.badge-cat{background:rgba(102,126,234,0.1);color:var(--primary)}.badge-cat:hover{background:rgba(102,126,234,0.2)}.badge-free{background:rgba(72,187,120,0.1);color:#2f855a}.badge-premium{background:rgba(237,137,54,0.1);color:#c05621}.tool-meta-stat{font-size:0.8rem;color:var(--text-lighter)}.tool-workspace{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-glass);border:1px solid var(--glass-border);min-height:300px;margin-bottom:2rem}.tool-loading{text-align:center;padding:3rem;color:var(--text-light)}.tool-error{text-align:center;padding:2rem;color:var(--danger)}.captcha-inline{background:var(--bg-alt);border:2px dashed var(--border);border-radius:var(--radius-sm);padding:0.75rem 1rem;margin-bottom:0.75rem;transition:border-color 0.3s,background 0.3s}.captcha-inline.captcha-solved{border-color:var(--success,#22c55e);background:rgba(34,197,94,0.06)}.captcha-inline.captcha-solved .captcha-inline-label{color:var(--success,#22c55e)}.captcha-inline-row{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap}.captcha-inline-label{font-size:0.88rem;color:var(--text);white-space:nowrap}.captcha-inline-input{max-width:90px;text-align:center;padding:0.4rem 0.5rem;font-size:0.95rem}.captcha-inline-error{color:var(--danger);font-size:0.82rem;margin:0.4rem 0 0}.captcha-inline-recaptcha{display:flex;justify-content:center}@keyframes captchaShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.captcha-shake{animation:captchaShake 0.4s ease}.tool-info{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-glass);border:1px solid var(--glass-border)}.tool-info h2{font-size:1.25rem;margin-bottom:1rem}.tool-long-desc{line-height:1.8;color:var(--text-light)}.tool-long-desc p{margin-bottom:1rem}.tool-long-desc p:last-child{margin-bottom:0}.related-tools{margin-top:2rem}.related-tools h2{font-size:1.25rem;margin-bottom:1rem}.auth-page{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem}.auth-card{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:440px;box-shadow:var(--shadow-glass);border:1px solid var(--glass-border)}.auth-card h1{font-size:1.75rem;margin-bottom:0.25rem}.auth-card > p{color:var(--text-light);margin-bottom:1.5rem}.auth-link{text-align:center;margin-top:1.5rem;font-size:0.9rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:600;font-size:0.85rem;margin-bottom:0.3rem;color:var(--text)}.form-input{width:100%;padding:0.65rem 1rem;border:1.5px solid rgba(99,102,241,0.12);border-radius:var(--radius-sm);font-size:0.9rem;transition:all 0.2s;background:rgba(255,255,255,0.7)}.form-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,0.1)}select.form-input{cursor:pointer}textarea.form-input{resize:vertical}.alert{padding:0.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:0.9rem;backdrop-filter:blur(10px)}.alert-error{background:rgba(254,202,202,0.35);color:#991b1b;border:1px solid rgba(239,68,68,0.2)}.alert-success{background:rgba(167,243,208,0.35);color:#065f46;border:1px solid rgba(16,185,129,0.2)}.static-page-content{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);box-shadow:var(--shadow-glass);border:1px solid var(--glass-border);padding:2rem;line-height:1.8;font-size:1rem;color:var(--text);max-width:860px}.static-page-content h2{font-size:1.35rem;font-weight:700;margin:2rem 0 0.75rem;color:var(--text)}.static-page-content h3{font-size:1.15rem;font-weight:600;margin:1.5rem 0 0.5rem}.static-page-content p{margin-bottom:1rem}.static-page-content ul,.static-page-content ol{margin:0.75rem 0 1rem;padding-left:1.5rem}.static-page-content li{margin-bottom:0.4rem}.static-page-content a{color:var(--primary);text-decoration:underline}.static-page-content strong{font-weight:600}@media (max-width:768px){.static-page-content{padding:1.25rem;font-size:0.95rem}.static-page-content h2{font-size:1.2rem}}@media (max-width:480px){.static-page-content{padding:0.85rem;font-size:0.92rem}}.static-page-content{max-width:none}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}.contact-card{background:var(--bg-muted,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:1.5rem;text-align:center}.contact-card-icon{font-size:2rem;margin-bottom:.5rem}.contact-card h3{font-size:1.05rem;font-weight:700;margin:0 0 .4rem}.contact-card p{font-size:.85rem;color:var(--text-light,#64748b);margin:0 0 .5rem}.contact-email-link{font-size:1rem;font-weight:600;color:var(--primary);word-break:break-all}.contact-help-section{margin-top:.5rem}.contact-help-section h2{font-size:1.15rem;font-weight:700;margin-bottom:1rem}.contact-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-help-item{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border-radius:8px;background:var(--bg-muted,#f8fafc);border:1px solid var(--border,#e2e8f0)}.contact-help-item span{font-size:1.4rem;flex-shrink:0}.contact-help-item strong{display:block;font-size:.9rem;margin-bottom:.2rem}.contact-help-item p{font-size:.8rem;color:var(--text-light,#64748b);margin:0}@media (max-width:600px){.contact-cards{grid-template-columns:1fr}.contact-help-grid{grid-template-columns:1fr}}.results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:0.9rem;color:var(--text-light)}.search-form-lg{max-width:560px;margin:1rem auto 0}.search-form-lg{display:flex;gap:0.5rem}.pagination{display:flex;justify-content:center;gap:0.5rem;margin-top:2rem;flex-wrap:wrap}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 0.75rem;border-radius:var(--radius-sm);font-size:0.9rem;font-weight:500;background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--text);box-shadow:var(--shadow-glass);border:1px solid var(--glass-border);transition:all 0.2s}.page-btn:hover{background:var(--primary);color:#fff}.page-btn.active{background:var(--gradient);color:#fff}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;display:block;margin-bottom:1rem}.empty-state h2,.empty-state h3{margin-bottom:0.5rem}.empty-state p{color:var(--text-light);margin-bottom:1.5rem}.locked-box{background:var(--bg);border-radius:var(--radius);padding:2rem;margin-top:1.5rem;display:inline-block}.price{font-size:2rem;font-weight:800;color:var(--primary);margin:0.5rem 0}.ad-slot{text-align:center;padding:0.5rem 1.5rem}.ad-image img{max-width:100%;border-radius:var(--radius-sm)}.footer{background:#0f0f23;color:#e2e8f0;margin-top:3rem;position:relative}.footer-accent{height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent),var(--warning),var(--success),var(--primary));opacity:0.8}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding:3rem 0 2rem}.footer-about{}.footer-brand{display:flex;align-items:center;gap:0.5rem;font-weight:800;font-size:1.2rem;margin-bottom:0.75rem}.footer-brand-icon{font-size:1.4rem;line-height:1}.footer-brand-text{background:var(--logo-gradient,var(--gradient));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc{font-size:0.85rem;color:#a0aec0;line-height:1.6;margin-bottom:1rem}.footer-social{display:flex;gap:0.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.08);color:#a0aec0;transition:all 0.2s}.social-link:hover{background:var(--logo-gradient,var(--gradient));color:#fff;transform:translateY(-2px)}.footer-col h4{font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.75rem;color:#e2e8f0}.footer-col a{color:#a0aec0;display:block;padding:0.55rem 0;font-size:0.85rem;transition:color 0.15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding:1.25rem 0;text-align:center}.footer-bottom p{font-size:0.8rem;color:#718096}.tw-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.tw-col{flex:1;min-width:250px}.tw-label{font-weight:600;font-size:0.85rem;margin-bottom:0.4rem;display:block}.tw-textarea{width:100%;min-height:150px;padding:0.75rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-family:'SF Mono',monospace;font-size:0.85rem;resize:vertical;transition:border-color 0.2s}.tw-textarea:focus{outline:none;border-color:var(--primary)}.tw-input{width:100%;padding:0.6rem 0.9rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:0.9rem;background:var(--surface-solid);box-sizing:border-box;min-width:0}.tw-input:focus{outline:none;border-color:var(--primary)}input[type="color"]{-webkit-appearance:none;appearance:none;border:2px solid var(--border);border-radius:var(--radius-sm);padding:0.2rem;cursor:pointer;background:var(--surface)}input[type="color"]::-webkit-color-swatch-wrapper{padding:2px}input[type="color"]::-webkit-color-swatch{border:none;border-radius:4px}.tw-select{padding:0.6rem 0.9rem;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:0.9rem;background:var(--surface)}.tw-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.6rem 1.5rem;border:none;border-radius:50px;font-size:0.9rem;font-weight:600;cursor:pointer;background:var(--gradient);color:#fff;transition:opacity 0.2s}.tw-btn:hover{opacity:0.9}.tw-btn-outline{background:transparent;border:2px solid var(--border);color:var(--text)}.tw-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.tw-output{background:var(--bg);border-radius:var(--radius-sm);padding:1rem;margin-top:1rem;min-height:80px;word-break:break-all}.tw-actions{display:flex;gap:0.75rem;margin:1rem 0;flex-wrap:wrap;align-items:center}.tw-file-drop{border:2px dashed var(--border);border-radius:var(--radius);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all 0.2s;background:var(--bg)}.tw-file-drop:hover,.tw-file-drop.dragover{border-color:var(--primary);background:rgba(102,126,234,0.05)}.tw-file-drop p{color:var(--text-light);margin-top:0.5rem;font-size:0.9rem}.tw-file-drop .drop-icon{font-size:2.5rem}.tw-preview{margin-top:1rem;text-align:center}.tw-preview img{max-width:100%;max-height:300px;border-radius:var(--radius-sm)}.tw-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:0.75rem}.tw-stat{font-size:0.85rem;color:var(--text-light)}.tw-stat strong{color:var(--text)}.tw-copy-btn{padding:0.3rem 0.8rem;border:1px solid var(--border);border-radius:50px;background:var(--surface);font-size:0.8rem;cursor:pointer}.tw-copy-btn:hover{border-color:var(--primary)}.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;padding-top:0;padding-bottom:3rem}.blog-main{min-width:0}.blog-sidebar{min-width:0}.blog-card{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-glass);margin-bottom:1.5rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid var(--glass-border)}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:rgba(99,102,241,0.25);background:rgba(255,255,255,0.88)}.blog-card-image{width:100%;aspect-ratio:16 / 9;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{padding:1.5rem}.blog-card-body h2{font-size:1.25rem;margin-bottom:0.5rem}.blog-card-body h2 a{color:var(--text)}.blog-card-body h2 a:hover{color:var(--primary)}.blog-card-excerpt{color:var(--text-light);font-size:0.9rem;line-height:1.7;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-meta{display:flex;align-items:center;gap:1rem;font-size:0.8rem;color:var(--text-lighter);flex-wrap:wrap;margin-bottom:0.75rem}.blog-meta span{display:flex;align-items:center;gap:0.3rem}.blog-category-badge{display:inline-block;padding:0.15rem 0.6rem;border-radius:50px;font-size:0.7rem;font-weight:600;background:rgba(102,126,234,0.1);color:var(--primary);margin-bottom:0.5rem}.blog-category-badge:hover{background:rgba(102,126,234,0.2);color:var(--primary-dark)}.blog-card-meta{display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;color:var(--text-lighter);margin-bottom:0.75rem;flex-wrap:wrap}.blog-meta-sep{color:var(--text-lighter);opacity:0.5}.blog-list--single-image-left .blog-card{display:flex;align-items:stretch}.blog-list--single-image-left .blog-card-image{width:320px;min-height:200px;aspect-ratio:auto;flex-shrink:0}.blog-list--single-image-left .blog-card-body{display:flex;flex-direction:column;justify-content:center;padding:1.25rem 1.5rem}.blog-list--single-image-left .blog-card-body h2{font-size:1.15rem}.blog-list--single-image-left .blog-card-excerpt{-webkit-line-clamp:2}.blog-list--single-image-left .blog-read-more{margin-top:auto;align-self:flex-start}.blog-list--single-no-image .blog-card-image{display:none}.blog-list--single-no-image .blog-card{background:transparent;box-shadow:none;border:none;border-bottom:1px solid var(--border);border-radius:0;margin-bottom:0;padding-bottom:1.5rem;margin-top:1.5rem}.blog-list--single-no-image .blog-card:first-child{margin-top:0}.blog-list--single-no-image .blog-card:last-child{border-bottom:none}.blog-list--single-no-image .blog-card:hover{transform:none;box-shadow:none;border-color:var(--border)}.blog-list--single-no-image .blog-card-body{padding:0}.blog-list--single-no-image .blog-card-body h2{font-size:1.35rem;margin-bottom:0.5rem}.blog-list--single-no-image .blog-card-excerpt{-webkit-line-clamp:3;font-size:0.92rem}.blog-list--dual-image-top{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.blog-list--dual-image-top .blog-card{margin-bottom:0;display:flex;flex-direction:column}.blog-list--dual-image-top .blog-card-image{aspect-ratio:16 / 9}.blog-list--dual-image-top .blog-card-body{flex:1;display:flex;flex-direction:column;padding:1.25rem}.blog-list--dual-image-top .blog-card-body h2{font-size:1.05rem}.blog-list--dual-image-top .blog-card-excerpt{-webkit-line-clamp:2;font-size:0.85rem}.blog-list--dual-image-top .blog-read-more{margin-top:auto;align-self:flex-start}.blog-list--dual-no-image{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.blog-list--dual-no-image .blog-card-image{display:none}.blog-list--dual-no-image .blog-card{margin-bottom:0;display:flex;flex-direction:column;border-left:3px solid var(--primary)}.blog-list--dual-no-image .blog-card-body{flex:1;display:flex;flex-direction:column;padding:1.25rem}.blog-list--dual-no-image .blog-card-body h2{font-size:1.05rem}.blog-list--dual-no-image .blog-card-excerpt{-webkit-line-clamp:3;font-size:0.85rem}.blog-list--dual-no-image .blog-read-more{margin-top:auto;align-self:flex-start}.blog-post-article{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);box-shadow:var(--shadow-glass);border:1px solid var(--glass-border);overflow:hidden}.blog-post-featured-img{padding:0 2rem;margin-bottom:0.5rem}.blog-post-featured-img img{width:100%;max-height:480px;object-fit:cover;display:block;border-radius:var(--radius)}.blog-post-header{padding:2rem 2rem 0}.blog-post-title{font-size:2rem;font-weight:800;line-height:1.3;margin-bottom:0.75rem;color:var(--text)}.blog-cat-badge{display:inline-block;margin-bottom:0.75rem}.blog-post-content{padding:1.5rem 2rem 2rem;line-height:1.9;font-size:1.05rem;color:var(--text)}.blog-post-content h2{font-size:1.5rem;margin:2rem 0 1rem;font-weight:700}.blog-post-content h3{font-size:1.25rem;margin:1.5rem 0 0.75rem;font-weight:600}.blog-post-content p{margin-bottom:1.25rem}.blog-post-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:1rem 0;display:block}.blog-post-content figure.post-image{margin:1.5rem 0}.blog-post-content figure.post-image img{margin:0;width:100%}.blog-post-content figcaption{font-size:0.85rem;color:var(--text-light);text-align:center;margin-top:0.5rem}.blog-post-content ul,.blog-post-content ol{margin:1rem 0;padding-left:1.5rem}.blog-post-content li{margin-bottom:0.5rem}.blog-post-content blockquote{border-left:4px solid var(--primary);background:var(--bg);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text-light)}.blog-post-content pre{background:#1a202c;color:#e2e8f0;padding:1.25rem;border-radius:var(--radius-sm);overflow-x:auto;margin:1.5rem 0;font-size:0.85rem;line-height:1.6}.blog-post-content code{background:var(--bg);padding:0.15rem 0.4rem;border-radius:4px;font-size:0.85em}.blog-post-content pre code{background:none;padding:0}.blog-post-content a{color:var(--primary);text-decoration:underline}.blog-post-footer{padding:0 2rem 2rem}.blog-share{display:flex;align-items:center;gap:0.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.blog-share-label{font-size:0.85rem;font-weight:600;color:var(--text-light);margin-right:0.25rem}.share-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 0.85rem;border-radius:2rem;font-size:0.8rem;font-weight:600;text-decoration:none;transition:all 0.2s;border:none;color:#fff}.share-btn-x{background:#000}.share-btn-x:hover{background:#333;color:#fff}.share-btn-fb{background:#1877f2}.share-btn-fb:hover{background:#0d65d9;color:#fff}.share-btn-li{background:#0a66c2}.share-btn-li:hover{background:#004182;color:#fff}.share-btn-reddit{background:#ff4500}.share-btn-reddit:hover{background:#e03d00;color:#fff}.share-btn-pin{background:#e60023}.share-btn-pin:hover{background:#c4001d;color:#fff}.share-btn-wa{background:#25d366}.share-btn-wa:hover{background:#1ebe57;color:#fff}.share-btn-tg{background:#0088cc}.share-btn-tg:hover{background:#006daa;color:#fff}.share-btn-email{background:#6b7280}.share-btn-email:hover{background:#4b5563;color:#fff}.share-btn-copy{background:var(--bg);color:var(--text);border:1px solid var(--border)}.share-btn-copy:hover{background:var(--border);color:var(--text)}.share-btn-copy.copied{background:var(--success);color:#fff;border-color:var(--success)}.share-btn svg{display:block}.related-posts{margin-top:2rem}.related-posts-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.related-card{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-glass);border:1px solid var(--glass-border);text-decoration:none;color:var(--text);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column}.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:rgba(99,102,241,0.2);color:var(--text)}.related-card-img{height:140px;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--secondary))}.related-card-img img{width:100%;height:100%;object-fit:cover;display:block}.related-card-body{padding:1rem;flex:1;display:flex;flex-direction:column}.related-card-body h3{font-size:0.95rem;font-weight:700;line-height:1.4;margin-bottom:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card-body .blog-meta-date{margin-top:auto;font-size:0.75rem;color:var(--text-light)}.page-with-sidebar{display:grid;grid-template-columns:1fr 320px;gap:2rem;padding-top:1rem}.page-content{min-width:0}.page-sidebar{min-width:0}.sidebar-widget{background:var(--surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-glass);border:1px solid var(--glass-border);margin-bottom:1.25rem}.sw-header{background:var(--bg);padding:0.7rem 1.25rem;border-left:4px solid var(--sw-color,var(--primary));border-bottom:1px solid var(--border)}.sw-header h3{color:var(--text);font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;margin:0}.sw-body{padding:1rem 1.25rem}.sw-body-flush{padding:0}.sw-search-form{display:flex;gap:0}.sw-search-input{flex:1;padding:0.55rem 0.85rem;border:2px solid var(--border);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);font-size:0.85rem;outline:none;transition:border-color 0.2s}.sw-search-input:focus{border-color:var(--primary)}.sw-search-btn{padding:0.55rem 0.85rem;background:var(--logo-gradient,var(--gradient));color:#fff;border:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;font-size:1rem;transition:opacity 0.15s}.sw-search-btn:hover{opacity:0.85}.sw-featured-post{display:block;color:var(--text)}.sw-featured-post:hover{color:var(--text)}.sw-featured-img{position:relative;width:100%;height:180px;overflow:hidden}.sw-featured-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.sw-featured-post:hover .sw-featured-img img{transform:scale(1.05)}.sw-featured-overlay{position:absolute;bottom:0;right:0;display:flex;gap:0.5rem;padding:0.4rem 0.6rem;background:rgba(0,0,0,0.6);border-radius:var(--radius-sm) 0 0 0}.sw-stat{color:#fff;font-size:0.75rem;font-weight:600}.sw-featured-title{padding:0.75rem 1.25rem;font-weight:700;font-size:0.95rem;line-height:1.4;border-bottom:1px solid var(--border)}.sw-featured-post:hover .sw-featured-title{color:var(--primary)}.sw-post-list{}.sw-post-item{display:flex;align-items:center;gap:0.65rem;padding:0.65rem 1.25rem;border-bottom:1px solid var(--bg);color:var(--text);transition:background 0.15s}.sw-post-item:last-child{border-bottom:none}.sw-post-item:hover{background:var(--bg)}.sw-post-num{font-size:1.1rem;font-weight:800;color:var(--text-lighter);flex-shrink:0;width:22px;text-align:center}.sw-post-thumb{width:60px;height:45px;object-fit:cover;border-radius:4px;flex-shrink:0}.sw-post-thumb-placeholder{width:60px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:4px;flex-shrink:0;font-size:1.2rem}.sw-post-info{flex:1;min-width:0}.sw-post-title{display:block;font-size:0.82rem;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sw-post-item:hover .sw-post-title{color:var(--primary)}.sw-post-date{font-size:0.7rem;color:var(--text-lighter);margin-top:0.15rem;display:block}.sw-cat-list{list-style:none}.sw-cat-list li{border-bottom:1px solid var(--bg)}.sw-cat-list li:last-child{border-bottom:none}.sw-cat-list a{display:flex;justify-content:space-between;align-items:center;padding:0.65rem 0;color:var(--text);font-size:0.85rem;font-weight:500;transition:color 0.15s;min-height:44px}.sw-cat-list a:hover{color:var(--primary)}.sw-cat-count{font-size:0.7rem;font-weight:700;color:#fff;background:var(--primary-dark);padding:0.1rem 0.5rem;border-radius:50px;min-width:24px;text-align:center}.sw-cat-toggle{display:block;width:100%;padding:0.5rem;margin-top:0.25rem;background:none;border:1px dashed var(--glass-border);border-radius:var(--radius);color:var(--primary);font-size:0.8rem;font-weight:600;cursor:pointer;text-align:center;transition:background 0.2s}.sw-cat-toggle:hover{background:var(--bg)}.sw-tool-list{list-style:none}.sw-tool-list li{border-bottom:1px solid var(--bg)}.sw-tool-list li:last-child{border-bottom:none}.sw-tool-list a{display:flex;align-items:center;gap:0.6rem;padding:0.65rem 0;color:var(--text);font-size:0.85rem;transition:color 0.15s;min-height:44px}.sw-tool-list a:hover{color:var(--primary)}.sw-tool-icon{font-size:1.1rem;flex-shrink:0}.sw-tool-name{flex:1;font-weight:500}.sw-tool-uses{font-size:0.7rem;color:var(--text-lighter);white-space:nowrap}@media (max-width:1024px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{margin-top:1rem}.page-with-sidebar{grid-template-columns:1fr}.page-sidebar{margin-top:1rem}.blog-list--dual-image-top,.blog-list--dual-no-image{gap:1rem}.blog-list--single-image-left .blog-card-image{width:260px;min-height:170px}}@media (max-width:768px){.container{padding:0 0.75rem}.top-bar-left{display:none}.top-bar-right{width:100%;justify-content:flex-end}.top-search-form input{width:120px}.navbar{position:relative}.nav-menu{display:flex;flex-direction:column;position:absolute;top:calc(100% + 4px);right:0.75rem;left:0.75rem;background:rgba(255,255,255,0.97);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);padding:0.5rem;z-index:200;gap:0;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.2s,transform 0.2s,visibility 0.2s;pointer-events:none}.nav-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-menu > *{width:100%}.nav-link{display:block;padding:0.6rem 0.75rem;font-size:0.9rem;font-weight:600;border-radius:var(--radius-sm);text-align:left}.nav-link:hover{background:rgba(102,126,234,0.08)}.nav-dropdown{width:100%}.nav-dropdown:hover .nav-dropdown-menu{opacity:0;visibility:hidden;transform:translateY(-6px)}.nav-dropdown-menu{position:static;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transform:none;box-shadow:none;border:none;padding:0;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:0;background:rgba(102,126,234,0.04);border-radius:var(--radius-sm);margin:0;transition:opacity 0.2s,max-height 0.3s,padding 0.2s,margin 0.2s,visibility 0.2s}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;max-height:500px;padding:0.15rem 0 0.35rem;margin:0 0 0.15rem}.nav-dropdown-item{font-size:0.8rem;padding:0.6rem 0.65rem;border-radius:var(--radius-sm);min-height:44px;box-sizing:border-box}.nav-dropdown-divider{display:none}.nav-dropdown-all{grid-column:1 / -1;text-align:center;justify-content:center;padding:0.45rem;margin:0.15rem 0.4rem;background:rgba(102,126,234,0.08);border-radius:50px;font-size:0.8rem}.nav-chevron{transform:rotate(0deg);transition:transform 0.2s}.nav-dropdown.open .nav-chevron{transform:rotate(180deg)}.nav-toggle{display:block;z-index:201}.nav-right{gap:0.25rem}.nav-avatar-dropdown{position:fixed;top:3.5rem;right:0.75rem;z-index:202}.hero{padding:2.5rem 0 2rem}.hero-title{font-size:1.75rem}.hero-subtitle{margin-bottom:1.5rem}.hero-search{max-width:80%}.hero-stats{gap:1.25rem;margin-top:1.25rem}.hero-stat{font-size:0.75rem}.section{padding:2rem 0}.page-header{padding:2rem 0}.category-grid{grid-template-columns:repeat(3,1fr);gap:0.5rem}.category-card{padding:0.6rem 0.75rem}.category-icon{font-size:1rem}.category-card h3{font-size:0.78rem}.category-count{font-size:0.7rem}.tool-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem}.tool-grid-sm{grid-template-columns:repeat(2,1fr);gap:0.75rem}.tool-card{padding:1rem}.tool-icon{font-size:1.5rem;margin-bottom:0}.tool-card h3{font-size:0.95rem}.tool-card p{font-size:0.82rem;margin-bottom:0.5rem}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:2rem 0 1.5rem}.footer-about{grid-column:1 / -1}.footer-col h4{font-size:0.75rem;margin-bottom:0.5rem}.footer-col a{font-size:0.75rem;padding:0.2rem 0}.tw-row{flex-direction:column}.tool-hero{padding:0.75rem 1rem}.tool-hero-inner{gap:0.75rem}.tool-hero-icon{width:44px;height:44px;font-size:1.8rem}.tool-hero-body h1{font-size:1.15rem}.tool-hero-desc{font-size:0.82rem}.breadcrumb{margin-bottom:0.35rem}.tool-page{padding:1rem 0 2rem}.breadcrumb{margin-bottom:0.75rem}.tool-workspace{padding:0.75rem;margin-bottom:1rem}.blog-layout{gap:1.5rem;padding-top:1.5rem;padding-bottom:2rem}.blog-list--dual-image-top,.blog-list--dual-no-image{grid-template-columns:1fr}.blog-list--single-image-left .blog-card{flex-direction:column}.blog-list--single-image-left .blog-card-image{width:100%;min-height:auto;aspect-ratio:16 / 9}.blog-list--single-image-left .blog-card-body{padding:1rem}.blog-card{margin-bottom:0.75rem}.blog-card:hover{transform:none}.blog-card-body{padding:1rem}.blog-card-body h2{font-size:1.1rem}.blog-card-excerpt{font-size:0.85rem;-webkit-line-clamp:2;margin-bottom:0.75rem}.blog-read-more{font-size:0.8rem}.blog-list--single-no-image .blog-card{padding-bottom:1rem;margin-top:1rem}.blog-list--single-no-image .blog-card-body h2{font-size:1.15rem}.blog-list--dual-no-image .blog-card{border-left:none;border-bottom:2px solid var(--primary)}.blog-post-title{font-size:1.5rem}.blog-post-header{padding:1rem 1rem 0}.blog-post-featured-img{padding:0 1rem}.blog-post-featured-img img{max-height:280px}.blog-post-content{padding:1rem;font-size:0.95rem}.blog-post-footer{padding:0 1rem 1rem}.blog-share{flex-wrap:wrap;gap:0.4rem}.blog-share-label{width:100%;margin-bottom:0.25rem}.related-posts-grid{grid-template-columns:1fr}.related-posts{margin-top:1.5rem}.sidebar-widget{margin-bottom:1rem}.page-header h1{font-size:1.5rem}.page-header p{font-size:0.9rem}}@media (max-width:480px){.container{padding:0 0.5rem}.hero-title{font-size:1.4rem}.hero-subtitle{font-size:0.85rem;margin-bottom:1.5rem}.hero-search .btn{padding:0.65rem 1.2rem;font-size:0.82rem}.hero-stats{gap:1rem}.hero-stat{font-size:0.7rem}.page-header h1{font-size:1.3rem}.tool-grid{grid-template-columns:repeat(2,1fr);gap:0.5rem}.tool-grid-sm{grid-template-columns:repeat(2,1fr);gap:0.5rem}.tool-card{padding:0.75rem}.tool-icon{font-size:1.3rem;margin-bottom:0}.tool-card h3{font-size:0.85rem}.tool-card p{font-size:0.78rem;-webkit-line-clamp:1}.blog-card-body{padding:0.75rem}.blog-card-body h2{font-size:1rem;margin-bottom:0.35rem}.blog-card-meta{font-size:0.75rem}.blog-card-excerpt{font-size:0.82rem}.blog-post-title{font-size:1.3rem}.blog-post-header{padding:0.75rem 0.75rem 0}.blog-post-featured-img{padding:0 0.75rem}.blog-post-featured-img img{max-height:220px;border-radius:var(--radius-sm)}.blog-post-content{padding:0.75rem;font-size:0.92rem;line-height:1.75}.blog-post-content h2{font-size:1.25rem}.blog-post-content h3{font-size:1.1rem}.blog-post-content blockquote{padding:0.75rem 1rem;margin:1rem 0}.blog-post-content pre{padding:0.75rem;font-size:0.8rem}.blog-post-footer{padding:0 0.75rem 0.75rem}.tool-workspace{padding:0.5rem}.tool-info{padding:1rem}.share-btn{padding:0.35rem 0.65rem;font-size:0.75rem}.related-card-img{height:120px}}@media (max-width:320px){.tool-grid{grid-template-columns:1fr}.tool-grid-sm{grid-template-columns:1fr}}.seo-search-box{background:var(--surface,#fff);border:1.5px solid var(--border,#e2e8f0);border-radius:var(--radius,12px);padding:1.5rem;margin-bottom:1.5rem}.seo-search-fields{display:flex;gap:1rem;align-items:flex-end}.seo-field-main{flex:1}.seo-field-country{min-width:180px}.seo-field-btn{flex-shrink:0}.seo-field-label{display:block;font-weight:600;font-size:0.85rem;margin-bottom:0.4rem;color:var(--text,#2d3748)}.seo-section{background:var(--surface,#fff);border:1.5px solid var(--border,#e2e8f0);border-radius:var(--radius,12px);padding:1.5rem;margin-bottom:1.5rem}.seo-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:0.75rem}.seo-section-header h3{margin:0;font-size:1.15rem;display:flex;align-items:center;gap:0.5rem}.seo-header-right{display:flex;align-items:center;gap:0.75rem}.seo-icon{font-size:1.2rem}.seo-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:600}.seo-badge-info{background:#1e293b;color:#fff}.seo-loading{text-align:center;padding:3rem 1rem}.seo-loading-sm{padding:1.5rem 1rem}.seo-spinner{width:36px;height:36px;border:3px solid var(--border,#e2e8f0);border-top-color:var(--primary,#667eea);border-radius:50%;animation:seoSpin 0.8s linear infinite;margin:0 auto 1rem}@keyframes seoSpin{to{transform:rotate(360deg)}}.seo-loading p{color:var(--text-light,#64748b);font-size:0.9rem}.seo-error{color:#ef4444;font-size:0.9rem}.seo-table-wrap{overflow-x:auto;margin:0 -0.5rem;padding:0 0.5rem}.seo-table{width:100%;border-collapse:collapse;font-size:0.9rem}.seo-table th{text-align:left;padding:0.75rem 1rem;border-bottom:2px solid var(--border,#e2e8f0);font-weight:700;font-size:0.82rem;color:var(--text,#2d3748);white-space:nowrap}.seo-table td{padding:0.65rem 1rem;border-bottom:1px solid #f1f5f9}.seo-table tbody tr:hover{background:#f8fafc}.seo-sortable{cursor:pointer;user-select:none}.seo-sortable:hover{color:var(--primary,#667eea)}.seo-sort-icon{font-size:0.75rem;opacity:0.4}.seo-sort-asc .seo-sort-icon,.seo-sort-desc .seo-sort-icon{opacity:1;color:var(--primary,#667eea)}.seo-kw-cell a{color:#2563eb;text-decoration:none;font-weight:500}.seo-kw-cell a:hover{text-decoration:underline}.seo-num{text-align:right;font-variant-numeric:tabular-nums}.seo-diff{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;border-radius:6px;font-weight:700;font-size:0.82rem;color:#fff}.seo-diff-easy{background:#22c55e}.seo-diff-medium{background:#f59e0b}.seo-diff-hard{background:#ef4444}.seo-intent{display:inline-block;padding:0.2rem 0.6rem;border-radius:20px;font-size:0.75rem;font-weight:600;color:#fff;text-transform:lowercase}.seo-intent-transactional{background:#3b82f6}.seo-intent-commercial{background:#a855f7}.seo-intent-informational{background:#22c55e}.seo-intent-navigational{background:#64748b}.seo-clusters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.seo-cluster-card{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,12px);padding:1rem}.seo-cluster-head{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid #f1f5f9}.seo-cluster-badge{display:inline-block;padding:0.15rem 0.6rem;border-radius:4px;font-size:0.72rem;font-weight:700;color:#fff;letter-spacing:0.5px}.seo-cluster-count{font-size:0.8rem;color:var(--text-light,#64748b)}.seo-cluster-q{padding:0.35rem 0;font-size:0.85rem;color:var(--text,#2d3748);display:flex;align-items:flex-start;gap:0.4rem;line-height:1.4}.seo-q-icon{font-size:0.7rem;opacity:0.5;margin-top:0.15rem;flex-shrink:0}.seo-paa-list{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius,12px);overflow:hidden}.seo-paa-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;border-bottom:1px solid #f1f5f9;font-size:0.9rem}.seo-paa-item:last-child{border-bottom:none}.seo-paa-item:hover{background:#f8fafc}.seo-paa-text{flex:1}.seo-copy-btn{background:none;border:1px solid var(--border,#e2e8f0);border-radius:6px;padding:0.3rem 0.5rem;cursor:pointer;font-size:0.85rem;color:#3b82f6;transition:all 0.2s}.seo-copy-btn:hover{background:#eff6ff;border-color:#3b82f6}.seo-serp-result{padding:1rem 0;border-bottom:1px solid #f1f5f9}.seo-serp-result:last-child{border-bottom:none}.seo-serp-url{font-size:0.78rem;color:#22c55e;margin-bottom:0.15rem;word-break:break-all}.seo-serp-title{font-size:1.05rem;color:#1a0dab;text-decoration:none;font-weight:500;display:block;margin-bottom:0.25rem}.seo-serp-title:hover{text-decoration:underline}.seo-serp-desc{font-size:0.85rem;color:#4d5156;margin:0;line-height:1.5}.seo-serp-meta{display:flex;gap:0.75rem;margin-top:0.4rem;font-size:0.75rem;align-items:center}.seo-serp-pos{font-weight:700;color:var(--text-light,#64748b)}.seo-da{padding:0.1rem 0.5rem;border-radius:4px;font-weight:600;color:#fff;font-size:0.72rem}.seo-da-high{background:#22c55e}.seo-da-mid{background:#f59e0b}.seo-da-low{background:#ef4444}.seo-serp-domain{color:var(--text-light,#64748b)}.seo-featured-snippet{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:1rem;margin-bottom:1rem}.seo-fs-label{font-size:0.75rem;font-weight:700;color:#16a34a;text-transform:uppercase;margin-bottom:0.4rem}.seo-total-results{font-size:0.82rem;color:var(--text-light,#64748b);margin-bottom:1rem}.seo-serp-section{border-left:4px solid var(--primary,#667eea)}.tw-btn-sm{font-size:0.82rem;padding:0.4rem 1rem}.tw-btn-outline{background:transparent;color:var(--primary,#667eea);border:1.5px solid var(--primary,#667eea)}.tw-btn-outline:hover{background:var(--primary,#667eea);color:#fff}@media (max-width:768px){.seo-search-box{background:none;border:none;padding:0;margin-bottom:1rem}.seo-search-fields{flex-direction:column;gap:0.75rem}.seo-field-main{width:100%}.seo-field-country{min-width:0;width:100%}.seo-field-btn{width:100%}.seo-field-btn .tw-btn{width:100%;justify-content:center}.seo-section{background:none;border:none;padding:0;margin-bottom:1.25rem}.seo-section-header{flex-direction:column;align-items:flex-start;gap:0.5rem;margin-bottom:0.75rem}.seo-header-right{width:100%}.seo-clusters-grid{grid-template-columns:1fr;gap:0.75rem}.seo-cluster-card{border-radius:var(--radius-sm,10px)}.seo-table{font-size:0.82rem}.seo-table th,.seo-table td{padding:0.5rem 0.4rem}.seo-table-wrap{margin:0 -0.75rem;padding:0 0.75rem}.seo-kw-cell a{word-break:break-word}.seo-paa-list{border-radius:var(--radius-sm,10px)}.seo-paa-item{padding:0.6rem 0.75rem;font-size:0.85rem}.seo-serp-section{border-left-width:3px;padding-left:0.75rem}}@media (max-width:480px){.seo-table{font-size:0.78rem}.seo-table th,.seo-table td{padding:0.4rem 0.3rem}.seo-diff{width:28px;height:28px;line-height:28px;font-size:0.75rem}.seo-section-header h3{font-size:1rem}.seo-badge{font-size:0.72rem;padding:0.2rem 0.6rem}.seo-paa-item{font-size:0.8rem;padding:0.5rem 0.6rem}.seo-cluster-card{padding:0.75rem}.seo-cluster-q{font-size:0.8rem}.seo-serp-title{font-size:0.95rem}.seo-serp-desc{font-size:0.8rem}}