.tools-page{--bg:#f6f4ee;--bg-2:#efece3;--ink:#111110;--ink-2:#2a2a26;--muted:#6b6a63;--rule:#1a1a18;--rule-soft:rgba(17,17,16,.12);--rule-softer:rgba(17,17,16,.06);--card:#fbfaf5;--accent:oklch(68% 0.14 150);--accent-ink:oklch(32% 0.09 150);--warn:oklch(72% 0.15 70);--danger:oklch(62% 0.17 25);--radius:3px;--maxw:1240px;--pad-x:clamp(16px,4vw,40px);--density:1}[data-theme=dark] .tools-page{--bg:#0e0f0c;--bg-2:#15160f;--ink:#f2efe4;--ink-2:#d8d5c8;--muted:#8d8b80;--rule:#1f2018;--rule-soft:hsla(47,35%,92%,.12);--rule-softer:hsla(47,35%,92%,.06);--card:#14150e;--accent:oklch(78% 0.16 150);--accent-ink:oklch(92% 0.12 150)}.tools-page{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.6;letter-spacing:-.003em;overflow-x:hidden}.tools-page .shell{max-width:var(--maxw);margin:0 auto;border-left:1px solid var(--rule-soft);border-right:1px solid var(--rule-soft);position:relative}.tools-page .pad-x{padding-left:var(--pad-x);padding-right:var(--pad-x)}.tools-main{padding-top:calc(120px * var(--density));padding-bottom:calc(40px * var(--density))}.tools-hero{padding-bottom:calc(80px * var(--density))}.tools-content{max-width:720px;margin:0 auto}.h-display{font-size:clamp(36px,5.2vw,68px);line-height:1.1;letter-spacing:-.03em;font-weight:500;margin:0 0 24px;text-wrap:balance}.lede{font-size:clamp(15px,1.15vw,17px);line-height:1.55;color:var(--ink-2);max-width:62ch;text-wrap:pretty;margin:0 auto}.tools-grid{padding-bottom:calc(80px * var(--density))}.tools-grid .grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1000px;margin:0 auto}@media (min-width:768px){.tools-grid .grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tools-grid .grid{grid-template-columns:repeat(3,1fr)}}.tool-card{display:block;position:relative;padding:32px 24px;background:var(--card);border:1px solid var(--rule-soft);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all .2s ease}.tool-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.tool-card .absolute{position:absolute}.tool-card .top-4{top:16px}.tool-card .right-4{right:16px}.tool-card span:first-child{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:color-mix(in oklab,var(--accent) 15%,var(--bg));color:var(--accent-ink);padding:4px 8px;border-radius:999px;border:1px solid color-mix(in oklab,var(--accent) 20%,var(--rule-soft))}.tool-card .w-10{width:40px;height:40px;border-radius:var(--radius);background:color-mix(in oklab,var(--accent) 8%,var(--bg));display:flex;align-items:center;justify-content:center;margin-bottom:16px}.tool-card .w-10 svg{width:20px;height:20px;color:var(--accent)}.tool-card h3{font-size:18px;font-weight:600;color:var(--ink);margin:0 0 12px;line-height:1.3}.tool-card p{font-size:14px;color:var(--ink-2);line-height:1.5;margin:0 0 20px}.tool-card .inline-flex{display:inline-flex;align-items:center;font-size:13px;font-weight:500;color:var(--accent);transition:gap .15s ease}.tool-card:hover .inline-flex{gap:8px}.tool-card .inline-flex svg{width:16px;height:16px;margin-left:4px;transition:transform .15s ease}.tool-card:hover .inline-flex svg{transform:translateX(2px)}.tools-cta{text-align:center;padding-top:32px;border-top:1px solid var(--rule-soft);margin-top:32px}.tools-cta p{font-size:13px;color:var(--muted);margin:0}.tools-cta .link{color:var(--accent);text-decoration:none;font-weight:500}.tools-cta .link:hover{text-decoration:underline}.tools-page .inline-flex{border-radius:999px;border:1px solid color-mix(in oklab,var(--accent) 20%,var(--rule-soft));background:color-mix(in oklab,var(--accent) 10%,var(--bg));padding:8px 16px;margin-bottom:32px}.tools-page .inline-flex svg{width:14px;height:14px;color:var(--accent)}.tools-route{min-height:100vh}.tool-detail-page,.tools-route-body{min-height:calc(100vh - 56px)}.tool-detail-page{padding-top:56px;padding-bottom:24px;background:transparent}.tool-detail-page .container{width:100%;max-width:1240px;padding-left:var(--pad-x);padding-right:var(--pad-x)}.tools-page .inline-flex span{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:var(--accent-ink);letter-spacing:.05em}.tools-page .btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid transparent;border-radius:var(--radius);font-size:13px;font-weight:500;text-decoration:none;transition:all .15s ease;cursor:pointer}.tools-page .btn-primary{background:var(--ink);color:#fff!important;border-color:var(--ink)}.tools-page .btn-primary:hover{background:var(--ink-2);color:#fff!important;border-color:var(--ink-2)}.tools-page .btn-ghost{background:transparent;color:var(--ink);border-color:var(--rule-soft)}.tools-page .btn-ghost:hover{border-color:var(--ink);background:var(--bg-2)}.tools-page .btn-sm{padding:7px 11px;font-size:12.5px}.tools-page .btn .arrow{transition:transform .14s ease}.tools-page .btn:hover .arrow{transform:translateX(2px)}.tools-page .nav{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:50!important;background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:saturate(1.1) blur(10px);-webkit-backdrop-filter:saturate(1.1) blur(10px);border-bottom:1px solid var(--rule-soft)}.tools-page .nav-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;height:56px}.tools-page .brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.02em;text-decoration:none;color:inherit}.tools-page .brand-mark{width:22px;height:22px;border-radius:5px;background:var(--ink);color:var(--bg);display:grid;place-items:center}.tools-page .nav-links{display:flex;gap:22px;justify-content:center}.tools-page .nav-links a{font-size:13px;color:var(--ink-2);text-decoration:none}.tools-page .nav-links a:hover{color:var(--ink)}.tools-page .nav-actions{display:flex;gap:8px;align-items:center}.tools-page .pill{background:color-mix(in oklab,var(--accent) 12%,var(--bg));color:var(--accent-ink);border:1px solid color-mix(in oklab,var(--accent) 20%,var(--rule-soft));border-radius:999px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px}.tools-page .dot{width:4px;height:4px;border-radius:50%;background:currentColor}.tools-page .foot{padding:48px var(--pad-x) 40px;font-size:13px;background:var(--bg);border-top:1px solid var(--rule-soft)}.tools-page .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;max-width:var(--maxw);margin:0 auto}.tools-page .foot-col h5{font-family:JetBrains Mono,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 12px;font-weight:500}.tools-page .foot-col a{display:block;padding:4px 0;color:var(--ink-2);text-decoration:none}.tools-page .foot-col a:hover{color:var(--ink)}.tools-page .foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;margin-top:32px;border-top:1px solid var(--rule-soft);color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11.5px}@media (max-width:768px){.tools-main{padding-top:calc(100px * var(--density))}.tool-card{padding:24px 20px}}@media (max-width:820px){.tools-page .foot-grid{grid-template-columns:1fr 1fr}.tools-page .nav-links{display:none}}@media (max-width:600px){.tools-page .foot-bottom{flex-direction:column;gap:10px;align-items:flex-start}}