:root{--bg:#f6f7f9;--card:#fff;--ink:#1a2233;--muted:#5b6474;--line:#e3e7ee;--accent:#2563eb;--accent-ink:#fff;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:860px;margin:0 auto;padding:0 16px}.site-header{background:var(--card);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;gap:20px;height:56px}.brand{font-weight:700;font-size:18px;color:var(--ink)}.brand:hover{text-decoration:none}.site-nav{display:flex;gap:16px;font-size:14px}.site-footer,.site-nav a{color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin-top:48px;padding:24px 0;font-size:13px}.site-footer .links{display:flex;gap:16px;margin-bottom:8px;flex-wrap:wrap}.site-footer a{color:var(--muted)}.page-title{font-size:26px;margin:28px 0 6px}.page-desc{color:var(--muted);margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.tool-tile{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.tool-tile:hover{border-color:var(--accent);text-decoration:none}.tool-tile h3{margin:0 0 6px;font-size:16px;color:var(--ink)}.tool-tile p{margin:0;font-size:13px;color:var(--muted)}.cat-title{font-size:18px;margin:32px 0 12px}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:20px 0}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:4px}.input,.select,textarea.input{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:15px;background:#fff;color:var(--ink);font-family:inherit}.input:focus,.select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}textarea.input{min-height:120px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.btn{display:inline-block;padding:9px 18px;border:none;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:15px;font-weight:600;cursor:pointer}.btn:hover{opacity:.92}.btn.secondary{background:#e8edf5;color:var(--ink)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.result{margin-top:16px;padding:14px 16px;border-radius:8px;background:#eef4ff;border:1px solid #d3e2fd;font-size:17px;font-weight:600;word-break:break-word}.result small{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:4px}.error-text{color:#c0392b;font-size:14px;margin-top:10px}.row2{grid-template-columns:1fr 1fr;grid-gap:12px}.row2,.row3{display:grid;gap:12px}.row3{grid-template-columns:1fr 1fr 1fr;grid-gap:12px}@media (max-width:560px){.row2,.row3{grid-template-columns:1fr}}.prose h2{font-size:19px;margin:28px 0 8px}.prose li,.prose p{color:var(--ink);font-size:15px}.prose ul{padding-left:22px}.faq-item{border-top:1px solid var(--line);padding:14px 0}.faq-item h3{margin:0 0 6px;font-size:15px}.faq-item p{margin:0;color:var(--muted);font-size:14px}