:root{--bg: #f3f5f8;--surface: #ffffff;--panel: #e9edf7;--ink: #0b0f17;--ink-2: #3b4352;--muted: #5b6576;--line: #d6dce6;--line-soft: #e6eaf0;--accent: #2f4ae0;--link: #2643d6;--link-hover: #16289a;--select: #eef1ff;--free: #0b7a57;--free-bg: #e3f8ef;--freemium: #8a5a00;--freemium-bg: #fff4d6;--paid: #4a5365;--paid-bg: #eef1f5;--dark: #0b0f17;--dark-text: #e9edf4;--dark-muted: #aab3c5;--display: "Unbounded", "Segoe UI", system-ui, sans-serif;--body: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius: 8px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.45}img{max-width:100%}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{text-wrap:balance}.wrap{max-width:1360px;margin:0 auto;padding-inline:16px}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-block:14px 12px}.brand{display:flex;align-items:center;gap:8px;color:var(--ink)}.brand:hover{text-decoration:none;color:var(--ink)}.brand .logo{display:block;height:38px;width:auto}@media(max-width:520px){.brand .logo{height:28px}}.site-nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-weight:500}.site-nav a{color:var(--ink-2)}.preview-banner{background:var(--freemium-bg);color:var(--freemium);font-size:12.5px}.preview-banner .wrap{padding-block:3px}.preview-banner{font-size:12px}.site-footer{color:var(--muted);font-size:12px}.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-block:18px 28px}.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 14px}.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.box-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:var(--panel);color:var(--ink);padding:5px 10px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em}a.box-head:hover{text-decoration:none;color:var(--link-hover)}.box-head .count{font-weight:500;color:var(--muted)}.box-body{padding:8px 10px 10px}.tag{display:inline-block;font-size:11px;font-weight:600;border-radius:5px;padding:1px 6px;white-space:nowrap}.tag-Free{background:var(--free-bg);color:var(--free)}.tag-Freemium{background:var(--freemium-bg);color:var(--freemium)}.tag-Paid{background:var(--paid-bg);color:var(--paid)}.tag-sponsored{background:#fde8e4;color:#9a2e1b}.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:7px;background:var(--accent);color:#fff;font:inherit;font-weight:600;padding:8px 14px;cursor:pointer;min-height:36px}.btn:hover{background:#2238b8;color:#fff;text-decoration:none}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:var(--bg);color:var(--ink)}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.home{padding-block:10px 6px}.home-main{display:flex;flex-direction:column;gap:10px}.searchbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.searchbar label{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.01em;white-space:nowrap}.searchbox{flex:1 1 360px;min-width:0;display:flex;gap:6px;background:var(--surface);border:1px solid #c3cbd8;border-radius:10px;padding:4px 4px 4px 10px}.searchbox input{flex:1 1 auto;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;color:var(--ink);padding:6px 2px;outline:none}.searchbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #dfe5ff}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13.5px;margin-top:-2px}.sidebar{flex:1 1 210px;max-width:240px;min-width:0;display:flex;flex-direction:column;gap:12px}.home-main{flex:999 1 760px;min-width:0;display:flex;flex-direction:column;gap:12px}@media(max-width:760px){.sidebar{max-width:none}}.search-form{display:flex;flex-direction:column;gap:6px;padding:10px}.search-form label{font-weight:700;font-size:14px}.search-form input{border:1px solid #cdd4df;border-radius:6px;background:var(--surface);font:inherit;color:var(--ink);padding:7px 8px;min-width:0}.plain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.plain-list.box-body{padding:8px 10px 10px}.side-links{display:flex;flex-direction:column;gap:3px;padding:0 2px}.wf-head{background:var(--dark);color:#fff;padding:6px 10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.wf-head h2{margin:0;font-size:13px;font-weight:700}.wf-head h2 span{font-weight:400;color:var(--dark-muted)}.free-toggle{border:1px solid #4a5365;background:transparent;color:#d7dde8;border-radius:999px;padding:2px 10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;min-height:26px}.free-toggle[aria-pressed=true]{background:#12b886;border-color:#12b886;color:#06261b}.wf-steps{list-style:none;margin:0;padding:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.wf-step{border:1px solid var(--line-soft);border-radius:6px;padding:6px 8px;min-width:0;display:flex;flex-direction:column;gap:2px}.wf-step-title{font-weight:700;font-size:12px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;padding-bottom:3px}.wf-opt{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:0;background:transparent;border-radius:4px;padding:3px 4px;font:inherit;color:var(--ink);cursor:pointer;min-height:26px}.wf-opt:hover .wf-name{text-decoration:underline}.wf-opt[aria-pressed=true]{background:var(--select)}.wf-opt[aria-pressed=true] .wf-name{font-weight:700;color:var(--link-hover)}.wf-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;border:1.5px solid #b6bfcd}.wf-opt[aria-pressed=true] .wf-dot{border-color:var(--accent);background:var(--accent)}.wf-name{flex:1 1 auto;min-width:0;font-weight:500}.wf-price{flex:0 0 auto;font-size:10.5px;font-weight:600;min-width:52px;text-align:right}.wf-how{color:#b9c6ff}.wf-how:hover{color:#fff}.ev{flex:0 0 auto;display:inline-flex;align-items:flex-end;gap:1.5px;height:10px}.ev i{display:block;width:3px;border-radius:1px;background:#d3d9e3}.ev i:nth-child(1){height:4px}.ev i:nth-child(2){height:7px}.ev i:nth-child(3){height:10px}.ev-Strong i{background:var(--free)}.ev-Moderate i:nth-child(-n+2){background:#c08a1b}.ev-Limited i:nth-child(1){background:var(--muted)}.level{display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}.level-Strong,.level-High{color:var(--free)}.level-Moderate,.level-Medium{color:var(--freemium)}.level-Limited,.level-Low{color:#9a2e1b}.why summary{cursor:pointer;color:var(--link);font-size:12.5px}.why ul{margin:4px 0 0;padding-left:16px;font-size:12.5px;color:var(--muted)}.why li+li{margin-top:3px}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--muted);align-items:center}.caution{background:#fde8e4;color:#9a2e1b;border-radius:var(--radius);padding:8px 12px;font-size:13px}.wf-price.p-Free{color:var(--free)}.wf-price.p-Freemium{color:var(--freemium)}.wf-price.p-Paid{color:var(--muted)}.wf-foot{border-top:1px solid var(--line-soft);background:#f7f8fb;padding:6px 10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.wf-foot .label{font-family:var(--mono);font-size:11px;color:var(--free)}.wf-foot .flow{font-weight:700}.wf-foot .guide{margin-left:auto;font-weight:600}.wf-empty{padding:12px;display:flex;flex-direction:column;gap:8px}.wf-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.wf-cats-label,.wf-toolhit{grid-column:1 / -1;font-size:13.5px}.wf-cat{border:1px solid var(--line-soft);border-radius:var(--radius);background:#f7f8fb;padding:8px 10px}.wf-cat-name{font-weight:700}.wf-cat-tools{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;font-size:13.5px}.wf-cat-tools li{display:flex;justify-content:space-between;gap:6px;min-width:0}.wf-cat-tools a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-cat-tools .wf-price{font-size:11.5px}#workflow.flash{animation:wf-flash .9s ease-out}@keyframes wf-flash{0%{box-shadow:0 0 0 4px #2f4ae08c}to{box-shadow:0 0 0 4px #2f4ae000}}@media(prefers-reduced-motion:reduce){#workflow.flash{animation:none}}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;align-items:start}.cat-list{list-style:none;margin:0;padding:6px 9px 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}.cat-list li{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page{padding-block:18px 8px;display:flex;flex-direction:column;gap:14px}.crumbs{font-size:12.5px;color:var(--muted)}.page-title{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(24px,3.4vw,34px);letter-spacing:-.02em;line-height:1.1}.lede{margin:0;font-size:16px;color:var(--ink-2);max-width:68ch}.two-col{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}.two-col>.main-col{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:12px}.two-col>.side-col{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:12px}.prose{max-width:70ch;font-size:15px;line-height:1.6}.prose h2{font-size:18px;margin:18px 0 6px}.prose p,.prose ul{margin:0 0 10px}.guide-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 12px;padding:12px}.guide-step+.guide-step{border-top:1px solid var(--line-soft)}.guide-num{width:30px;height:30px;border-radius:8px;background:var(--dark);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:13px}.guide-step h2{margin:3px 0 2px;font-size:17px}.guide-step p{margin:0 0 8px;color:var(--ink-2);max-width:70ch}.opt-table{width:100%;border-collapse:collapse;font-size:13.5px}.opt-table th,.opt-table td{text-align:left;padding:6px 8px;border-top:1px solid var(--line-soft);vertical-align:top}.opt-table td.mono{white-space:nowrap}.opt-table th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;border-top:0}.table-scroll{overflow-x:auto}.notice{background:var(--freemium-bg);color:var(--freemium);border-radius:var(--radius);padding:8px 12px;font-size:13px}.tool-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0;padding:10px 12px}.tool-facts dt{color:var(--muted)}.tool-facts dd{margin:0}.tool-rows{list-style:none;margin:0;padding:0}.tool-rows li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 12px;border-top:1px solid var(--line-soft)}.tool-rows li:first-child{border-top:0}.tool-rows .desc{grid-column:1 / -1;color:var(--muted);font-size:13px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}