:root{--bg:#f4f7fa;--surface:#fff;--soft:#eef5f7;--navy:#0b2035;--navy2:#123653;--text:#182838;--muted:#607284;--accent:#087f8c;--accent2:#18a6a8;--line:#d9e3ea;--ok:#18835c;--warn:#a66b00;--bad:#b13a3a;--shadow:0 18px 48px rgba(15,45,70,.09);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#f9fbfc,#f2f6f8);color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}.tool-wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.tool-topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.tool-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tool-brand{font-weight:900;letter-spacing:.12em;color:var(--navy)}.tool-brand span{display:block;font-size:.55rem;letter-spacing:.05em;color:var(--muted);font-weight:650}.tool-nav nav{display:flex;align-items:center;gap:18px;font-size:.9rem;color:#496075;font-weight:700}.tool-nav nav>a:hover{color:var(--navy)}.tool-lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px}.tool-lang a{padding:4px 8px;border-radius:999px;font-size:.74rem}.tool-lang a.active{background:var(--navy);color:#fff}.tool-hero{padding:76px 0 58px;background:radial-gradient(circle at 83% 18%,rgba(24,166,168,.16),transparent 28%),linear-gradient(135deg,#fff,#eef6f7);border-bottom:1px solid var(--line)}.tool-eyebrow{display:inline-flex;border-left:3px solid var(--accent);padding-left:10px;color:var(--accent);font-size:.75rem;font-weight:900;letter-spacing:.095em;text-transform:uppercase}.tool-hero h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;letter-spacing:-.05em;color:var(--navy);max-width:1040px;margin:.3em 0 .25em}.tool-hero p{font-size:1.15rem;color:var(--muted);max-width:900px}.tool-section{padding:64px 0}.tool-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:22px;align-items:start}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.tool-card h2,.tool-card h3{color:var(--navy);margin-top:0}.tool-card h2{font-size:1.8rem}.tool-card p,.tool-card li{color:var(--muted)}.tool-form{display:grid;gap:15px}.tool-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-field{display:grid;gap:6px}.tool-field label{font-size:.8rem;font-weight:850;color:var(--navy)}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #c9d7df;border-radius:11px;padding:11px 12px;background:#fff;color:var(--text);outline:none}textarea{min-height:130px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(8,127,140,.1)}.tool-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 18px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.tool-button:hover{background:var(--navy2)}.tool-button.secondary{background:#e9f3f4;color:var(--accent);border:1px solid #cde2e3}.tool-actions{display:flex;gap:10px;flex-wrap:wrap}.tool-result{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#f8fbfc}.tool-result:empty{display:none}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.metric{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.metric span{display:block;font-size:.7rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.metric strong{display:block;margin-top:4px;font-size:1.18rem;color:var(--navy)}.status-ok{color:var(--ok)!important}.status-warn{color:var(--warn)!important}.status-bad{color:var(--bad)!important}.tool-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.tool-table{width:100%;border-collapse:collapse;min-width:640px}.tool-table th{background:linear-gradient(135deg,#0b2035,#123653);color:#fff;text-align:left;padding:11px 13px;font-size:.78rem;letter-spacing:.025em}.tool-table td{padding:11px 13px;border-top:1px solid var(--line);vertical-align:top}.tool-table tbody tr:nth-child(even){background:#f7fafb}.tool-note{padding:14px 16px;border-left:4px solid var(--accent);background:#edf7f7;border-radius:0 12px 12px 0;color:var(--muted);font-size:.92rem}.tool-warning{padding:14px 16px;border-left:4px solid #c98200;background:#fff7e8;border-radius:0 12px 12px 0;color:#78520c;font-size:.92rem}.tool-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#071b29;color:#d9f7f5;padding:12px 14px;border-radius:12px;overflow:auto;white-space:pre-wrap;word-break:break-word}.tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-tile{display:flex;flex-direction:column;min-height:230px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(15,45,70,.06);transition:.2s}.tool-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b9d8da}.tool-tile .tag{font-size:.67rem;letter-spacing:.09em;font-weight:900;color:var(--accent)}.tool-tile h2{font-size:1.35rem;line-height:1.15;color:var(--navy);margin:.5rem 0}.tool-tile p{color:var(--muted);margin:0 0 1rem}.tool-tile strong{margin-top:auto;color:var(--accent)}.tool-footer{border-top:1px solid var(--line);background:#fff;padding:32px 0;color:var(--muted);font-size:.88rem}.tool-footer-grid{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.tool-footer strong{color:var(--navy)}.tool-footer a{color:var(--accent);font-weight:750}.source-links{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:.86rem}.source-links a{color:var(--accent);font-weight:700}.inline-pills{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.inline-pills span{padding:5px 9px;border:1px solid var(--line);background:#fff;border-radius:999px;color:var(--muted);font-size:.74rem;font-weight:750}.score-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--score,0%),#dbe5ea 0);position:relative}.score-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.score-ring strong{position:relative;z-index:2;font-size:1.8rem;color:var(--navy)}.canvas-wrap{border:1px solid var(--line);border-radius:16px;background:#0a1520;padding:10px;display:none}.canvas-wrap canvas{display:block;max-width:100%;height:auto;margin:auto;border-radius:10px}.mini{font-size:.82rem;color:var(--muted)}
@media(max-width:900px){.tool-grid,.tool-list{grid-template-columns:1fr}.tool-nav{align-items:flex-start;padding:14px 0}.tool-nav nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.tool-wrap{width:calc(100% - 22px)}.tool-nav{display:block}.tool-nav nav{margin-top:12px;justify-content:flex-start}.tool-hero{padding:54px 0 42px}.tool-section{padding:42px 0}.tool-row,.metric-grid{grid-template-columns:1fr}.tool-card{padding:18px}.tool-tile{min-height:0}.tool-table{min-width:560px}}