:root{--font-display: "Outfit", system-ui, sans-serif;--font-body: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--teal: #0c8c7c;--teal-dark: #0a6e62;--green: #059669;--amber: #d97706;--red: #ef4444;--text: #1a1d23;--text-sub: #4a5068;--muted: #8b92a8;--border: #e4e7ec;--surface: #f5f7fa;--bg: #f0f2f5;--card: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fade-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tool-input{width:100%;border:1.5px solid var(--border);border-radius:11px;padding:13px 15px;font-size:.86rem;line-height:1.7;resize:vertical;font-family:var(--font-body);color:var(--text);background:#f8f9fb;transition:border-color .2s,box-shadow .2s}.tool-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #0c8c7c1a}.tool-input::placeholder{color:var(--muted)}.btn-action{background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:#fff;border:none;padding:10px 22px;border-radius:10px;font-weight:700;font-size:.86rem;cursor:pointer;font-family:var(--font-body);transition:transform .12s,box-shadow .2s}.btn-action:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0c8c7c47}.btn-action:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:var(--card);color:var(--text-sub);border:1px solid var(--border);padding:9px 15px;border-radius:10px;font-weight:600;font-size:.78rem;cursor:pointer;font-family:var(--font-body);transition:background .15s}.btn-ghost:hover{background:var(--surface)}.btn-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;align-items:center}.stat-grid{display:flex;flex-wrap:wrap;gap:6px}.divider{height:1px;background:var(--border);margin-bottom:16px}.stat-chip{background:var(--surface);border-radius:9px;padding:9px 11px;display:flex;align-items:center;gap:7px;flex:1 1 90px;min-width:0}.stat-label{font-size:.55rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:.92rem;font-weight:700;color:var(--text)}.tool-desc{color:var(--text-sub);font-size:.82rem;margin-bottom:12px;line-height:1.55}.tool-hint{font-size:.68rem;color:var(--amber);margin-top:5px}.result-heading{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:7px;margin-top:3px}.input-label{font-size:.62rem;font-weight:700;color:var(--text-sub);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.word-count{position:absolute;bottom:10px;right:12px;font-size:.6rem;color:var(--muted);font-family:var(--font-mono);font-weight:500}.tool-card{background:var(--card);border-radius:16px;padding:clamp(15px,4vw,24px);box-shadow:0 1px 3px #0000000a,0 6px 20px #00000008;border:1px solid var(--border)}.tab-bar{display:flex;gap:3px;overflow-x:auto;padding:3px;background:var(--card);border-radius:13px;border:1px solid var(--border);scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:5px;padding:9px 14px;border-radius:10px;border:none;background:transparent;cursor:pointer;white-space:nowrap;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--text-sub);transition:all .2s}.tab-btn:hover{background:var(--surface)}.tab-btn.active{background:var(--teal);color:#fff}.tab-icon{font-size:.95rem}.tag{padding:3px 8px;border-radius:5px;font-size:.68rem;font-weight:600}.nav-link{color:var(--muted);text-decoration:none;cursor:pointer;transition:color .15s}.nav-link:hover{color:var(--teal)}.ad-slot{display:none}.faq-item{background:var(--card);border-radius:11px;margin-bottom:5px;border:1px solid var(--border);overflow:hidden}.faq-btn{width:100%;text-align:left;padding:11px 14px;background:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--text)}.faq-answer{padding:0 14px 10px;font-size:.76rem;color:var(--text-sub);line-height:1.7}@media(max-width:640px){.compare-grid,.two-col{grid-template-columns:1fr!important}.tab-btn span:not(.tab-icon){display:none}.tab-btn{padding:9px 11px}}
