:root{--bg:#f6f6f2;--panel:#fff;--sunken:#efefe9;--ink:#14161b;--soft:#5b5e67;--faint:#8b8e96;--line:#e1e1d9;--accent:#3652ff;--accent-ink:#fff;--display:'Space Grotesk',sans-serif;--body:'IBM Plex Sans',sans-serif;--mono:'IBM Plex Mono',monospace}html[data-theme=dark]{--bg:#111217;--panel:#181a20;--sunken:#0d0e12;--ink:#f0f0ec;--soft:#a6a9b2;--faint:#71737c;--line:#2a2c34;--accent:#7d8cff;--accent-ink:#0d0e12}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{max-width:1120px;margin:auto;padding:0 24px}#site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-row{max-width:1120px;margin:auto;padding:14px 24px;display:flex;align-items:center;gap:18px}.logo{display:flex;align-items:center;gap:8px;font:700 19px var(--display)}.logo-mark{width:27px;height:27px;border-radius:7px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}.main-nav{display:flex}.main-nav a{padding:7px 11px;border-radius:6px;color:var(--soft)}.main-nav a:hover{background:var(--sunken);color:var(--ink)}.header-search{flex:1;position:relative}.header-search span{position:absolute;left:11px;top:7px;color:var(--faint)}.header-search input{width:100%;padding:9px 12px 9px 33px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink)}.icon-btn{width:35px;height:35px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink)}.header-row>ul{list-style:none;margin:0;padding:0}.header-row>ul form{margin:0}.header-row>ul a,.header-row>ul button{border:0;background:none;font-size:13px;color:var(--soft);white-space:nowrap}.hero{padding:54px 0 26px}.hero.small{padding-bottom:10px}.hero h1{font:700 clamp(32px,4.4vw,48px)/1.08 var(--display);letter-spacing:-.035em;max-width:15ch;margin:0}.hero>p{font-size:16px;color:var(--soft);max-width:57ch;margin:14px 0 0}.stats{display:flex;gap:30px;margin-top:27px}.stats span{font-size:12px;color:var(--faint)}.stats b{display:block;font:600 22px var(--display);color:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin:43px 0 16px}.section-head h2{font:600 20px var(--display);margin:0}.section-head a{font-size:13px;color:var(--accent)}.chips{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.chip{white-space:nowrap;border:1px solid var(--line);background:var(--panel);border-radius:99px;padding:7px 13px;color:var(--soft);font-size:13px}.chip:hover,.chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:13px;color:var(--faint)}.view-toggle{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.view-toggle button{border:0;border-right:1px solid var(--line);background:var(--panel);color:var(--soft);padding:6px 11px}.view-toggle button:last-child{border:0}.view-toggle button.active{background:var(--ink);color:var(--bg)}.tools.feed{border-top:1px solid var(--line)}.tool-row{display:flex;gap:16px;padding:18px 4px;border-bottom:1px solid var(--line);align-items:flex-start}.tool-row:hover{background:var(--sunken)}.tool-mark{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:white;font:700 16px var(--display);flex:none;text-transform:uppercase}.tool-copy{flex:1;min-width:0}.tool-copy b{font:600 16px var(--display)}.tool-copy>small{margin-left:8px;color:var(--faint)}.tool-copy em{display:block;font-style:normal;color:var(--soft);font-size:14px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.tags i{font-style:normal;font-size:11px;color:var(--faint);border:1px solid var(--line);border-radius:99px;padding:2px 7px}.tool-meta{text-align:right;display:grid;gap:6px}.price{font:12px var(--mono);white-space:nowrap}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:6px}.dot.free{background:#8fc93a}.dot.paid{background:#d97b2e}.dot.open-source{background:#7a5cff}.tool-meta small{color:var(--faint)}.tools.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}.tools.grid .tool-row{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px;display:grid;grid-template-columns:44px 1fr}.tools.grid .tool-meta{grid-column:1/-1;display:flex;justify-content:space-between}.tools.table .tool-row{display:grid;grid-template-columns:44px 1fr 150px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:70px}.blog-grid.large{margin-top:25px}.post-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel);display:flex;flex-direction:column;gap:9px}.post-card span{font-size:12px;color:var(--faint)}.post-card h3{font:600 18px/1.3 var(--display);margin:0}.post-card p{color:var(--soft);font-size:14px;margin:0}.post-card>i{font-style:normal;color:var(--accent);font-size:12px;margin-top:auto}.breadcrumb{padding-top:22px;font-size:13px;color:var(--faint)}.detail-head{display:flex;gap:18px;padding:36px 0 22px;align-items:flex-start}.detail-mark{width:64px;height:64px;font-size:23px}.detail-head h1{font:700 32px var(--display);margin:0}.detail-head p{color:var(--soft);margin:5px 0}.badges{display:flex;gap:12px;align-items:center;margin-top:12px}.btn{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:7px 12px;background:var(--panel)}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:34px}.prose{font-size:16px;line-height:1.8}.prose h2{font:600 25px var(--display)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.pros-cons section,.fact-box{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:17px}.pros-cons h3{font:500 11px var(--mono);text-transform:uppercase;color:var(--faint)}.fact-box dl{margin:0}.fact-box dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.fact-box dl>div:last-child{border:0}.fact-box dt{color:var(--faint)}.fact-box dd{text-align:right;margin:0}.article{max-width:700px;margin:auto;padding:25px 0 70px}.article header{padding:32px 0}.article header span{font-size:12px;color:var(--faint)}.article h1{font:700 42px/1.1 var(--display);letter-spacing:-.03em}.article header p{font-size:18px;color:var(--soft)}.cover{width:100%;border-radius:12px;max-height:420px;object-fit:cover}.empty{text-align:center;border:1px dashed var(--line);border-radius:12px;padding:45px;color:var(--soft)}footer{border-top:1px solid var(--line);margin-top:70px;padding:32px 0 55px;color:var(--faint);font-size:12px}footer .wrap{display:flex;justify-content:space-between}@media(max-width:720px){.header-row{flex-wrap:wrap}.main-nav{order:3;width:100%}.header-search{display:none}.hero{padding-top:32px}.stats{gap:18px}.tool-meta{display:none}.blog-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.pros-cons{grid-template-columns:1fr}.article h1{font-size:34px}}