:root{--bg:#f8faf9;--surface:#fff;--surface-2:#eef3f1;--text:#14211d;--muted:#55655f;--border:#d5dfdb;--accent:#0f766e;--accent-text:#fff;--accent-soft:#d6f0ec;--danger:#b42318;--warning:#9a6700;--success:#1a7f37;--radius:10px;--shadow:0 1px 2px #0000000f, 0 2px 8px #0000000a;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#0f1513;--surface:#161e1b;--surface-2:#1d2824;--text:#e6eeeb;--muted:#9db0a9;--border:#2c3a35;--accent:#2dd4bf;--accent-text:#04201c;--accent-soft:#123a35;--danger:#ff7b72;--warning:#e3b341;--success:#56d364}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:16px/1.55 var(--font);margin:0}img{max-width:100%;height:auto}a{color:var(--accent)}h1,h2,h3{line-height:1.2}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{background:var(--surface);z-index:100;padding:8px 12px;top:8px;left:16px}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:56px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.tools-menu{position:relative}.tools-menu summary{cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;list-style:none}.tools-menu summary::-webkit-details-marker{display:none}.tools-menu ul{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.tools-menu a{color:var(--text);border-radius:6px;padding:8px 10px;text-decoration:none;display:block}.tools-menu a:hover,.tools-menu a[aria-current=page]{background:var(--accent-soft)}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);margin-top:64px;font-size:.9rem}.footer-inner{padding-top:24px;padding-bottom:32px}.footer-links{flex-wrap:wrap;gap:8px 16px;padding:0;list-style:none;display:flex}.breadcrumbs{color:var(--muted);margin-top:16px;font-size:.875rem}.tool-hero h1{margin:12px 0 8px;font-size:clamp(1.6rem,4vw,2.3rem)}.lead{color:var(--muted);max-width:70ch;margin:0;font-size:1.1rem}.badges{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;display:flex}.badges span{background:var(--accent-soft);color:var(--text);border-radius:999px;padding:2px 10px;font-size:.8rem}.tool-app{margin:24px 0 40px}.prose{max-width:820px}.prose h2{margin-top:40px}.faq details{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:8px 0;padding:12px 16px}.faq summary{cursor:pointer;font-weight:600}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card p{color:var(--muted);margin:6px 0 0}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.btn-danger{color:var(--danger)}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:100%;padding:7px 10px}label{font-size:.9rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px}@media print{.no-print,.site-header,.site-footer{display:none!important}body{color:#000;background:#fff}.tool-app{margin:0}}