:root{--bg:#f4f6f3;--surface:#fff;--ink:#10262b;--muted:#4f6469;--line:#d5ddd9;--line-strong:#b7c4bf;--teal:#0b6e6e;--teal-dark:#084f4f;--tint:#e3f0ee;--tint2:#f1f7f6;--orange:#c2410c;--ok-bg:#e6f4ea;--ok-fg:#17663a;--warn-bg:#fff4e5;--warn-fg:#7a3e00;--err-bg:#fdecec;--err-fg:#a4161a;--sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.5}[hidden]{display:none!important}a{color:var(--teal)}a:hover{color:var(--teal-dark);text-decoration:underline}:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #2f55d4}h1,h2,h3,p{margin:0}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:16px 48px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.brand:hover{color:var(--ink);text-decoration:none}.nav{flex-wrap:wrap;gap:4px 22px;font-size:15px;display:flex}.nav a{color:var(--ink);border-bottom:2px solid #0000;padding:4px 0;text-decoration:none}.nav a:hover{color:var(--teal);text-decoration:none}.nav a[aria-current=page]{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.lang{border:1px solid var(--line-strong);border-radius:8px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.lang a,.lang span{background:var(--surface);color:var(--ink);padding:6px 12px;text-decoration:none}.lang [aria-current=true]{background:var(--teal);color:#fff}.page{flex-direction:column;gap:28px;max-width:1264px;margin:0 auto;padding:40px 48px 64px;display:flex}.crumbs{color:var(--muted);font-size:14px}.tool-head{flex-direction:column;gap:8px;display:flex}.page h1{letter-spacing:-.01em;font-size:36px;font-weight:600;line-height:1.15}.lead{color:var(--muted);max-width:760px}.row{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.col{flex-direction:column;flex:480px;gap:24px;min-width:0;display:flex}.col-wide{flex:1.3 560px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.card h2{font-size:20px;font-weight:600}.card h3{font-size:15px;font-weight:600}.info-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:16px 48px;padding:24px 28px;display:flex}.info-card>div{flex:360px;min-width:0}.info-card h2{margin-bottom:8px;font-size:18px;font-weight:600}.info-card p{color:var(--muted)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.field>.label,legend{font-size:14px;font-weight:500}.hint{color:var(--muted);font-size:14px}.input,.select,.textarea{border:1px solid var(--line-strong);width:100%;min-height:44px;font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}.input.mono,.textarea.mono{font-family:var(--mono);font-size:15px}.textarea{resize:vertical;min-height:120px;padding:10px 12px}.input[aria-invalid=true]{border-color:var(--err-fg);box-shadow:0 0 0 1px var(--err-fg)}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid5{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}fieldset{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}fieldset.boxed{border:1px solid var(--line);border-radius:10px;padding:14px 16px 16px}fieldset.boxed legend{padding:0 6px;font-weight:600}.check{align-items:center;gap:10px;display:flex}.check input{width:20px;height:20px;accent-color:var(--teal);flex:none}.radio-card{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.radio-card:has(input:checked){border:2px solid var(--teal);background:var(--tint2);padding:11px}.radio-card input{accent-color:var(--teal);margin-top:5px}.radio-card small{color:var(--muted);font-size:14px;display:block}.seg{border:1px solid var(--line-strong);border-radius:8px;display:flex;overflow:hidden}.seg label{text-align:center;cursor:pointer;color:var(--ink);background:#fff;flex:1;padding:10px 12px}.seg input{opacity:0;pointer-events:none;position:absolute}.seg input:checked+span{color:#fff}.seg label:has(input:checked){background:var(--teal);color:#fff;font-weight:500}.seg label:has(input:focus-visible){outline-offset:-3px;outline:3px solid #2f55d4}.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.tiles label{text-align:center;border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:12px 6px}.tiles label:has(input:checked){border:2px solid var(--teal);background:var(--tint2);padding:11px 5px;font-weight:600}.tiles input{opacity:0;pointer-events:none;position:absolute}.tiles label:has(input:focus-visible){outline-offset:2px;outline:3px solid #2f55d4}.tabs{border-bottom:1px solid var(--line);gap:8px;display:flex}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 18px}.tabs button[aria-selected=true]{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.btn{min-height:48px;font:inherit;cursor:pointer;border:1px solid var(--line-strong);color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 24px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{color:var(--ink);background:#f3f6f4;text-decoration:none}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark);color:#fff}.btn-sm{min-height:40px;padding:0 16px}.btn[disabled]{opacity:.5;cursor:not-allowed}.actions{flex-wrap:wrap;gap:12px;display:flex}.metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.metric{background:var(--tint);border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:14px 16px;display:flex}.metric .k{color:var(--teal-dark);font-size:13px;font-weight:500}.metric .v{font-family:var(--mono);overflow-wrap:anywhere;font-size:22px;font-weight:500}.metric .s{color:var(--muted);font-size:13px}.chips{flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.chip{background:#f1f3f1;border-radius:999px;padding:4px 12px}.chip-strong{background:var(--tint);color:var(--teal-dark);font-weight:500}.badge{border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-weight:600;display:inline-flex}.badge-ok{background:var(--ok-bg);color:var(--ok-fg)}.badge-bad{background:var(--err-bg);color:var(--err-fg)}.badge-neutral{color:var(--muted);background:#eef1ef}.note{border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.note svg{flex:none;margin-top:2px}.note-ok{background:var(--ok-bg);color:var(--ok-fg)}.note-warn{background:var(--warn-bg);color:var(--warn-fg)}.note-err{background:var(--err-bg);color:var(--err-fg)}.notes{flex-direction:column;gap:8px;display:flex}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:14px}table.data caption{text-align:left;padding-bottom:8px;font-size:15px;font-weight:600}table.data th{text-align:right;color:var(--muted);border-bottom:2px solid var(--line);white-space:nowrap;padding:8px;font-weight:500}table.data td{text-align:right;font-family:var(--mono);border-bottom:1px solid #e4eae7;padding:8px}table.data th:first-child,table.data td:first-child{text-align:left;padding-left:0}table.data td:first-child{font-family:var(--sans)}table.kv{border-collapse:collapse;width:100%;font-size:15px}table.kv th{text-align:left;color:var(--muted);border-top:1px solid var(--line);padding:10px 0;font-weight:400}table.kv td{text-align:right;font-family:var(--mono);border-top:1px solid var(--line)}table.kv tr:last-child th,table.kv tr:last-child td{border-bottom:1px solid var(--line)}table.edit input{border:1px solid var(--line-strong);width:100%;min-height:38px;font-family:var(--mono);border-radius:6px;padding:0 8px;font-size:14px}table.edit td{text-align:left;border:0;padding:4px 6px 4px 0}table.edit th{text-align:left}.dropzone{background:var(--tint2);text-align:center;border:2px dashed #7fa8a4;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.dropzone.drag{background:var(--tint);border-color:var(--teal)}.file-card{border:1px solid var(--line);border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.file-card .name{overflow-wrap:anywhere;font-weight:500}.file-card>div{flex:1;min-width:0}.preview{border:1px solid var(--line);background:#eef2ef;border-radius:10px;width:100%}.layer-row{align-items:center;gap:10px;font-size:15px;display:flex}.swatch{border-radius:3px;flex:none;width:14px;height:14px}.layer-row .n{color:var(--muted);margin-left:auto;font-size:14px}.hero{flex-wrap:wrap;align-items:center;gap:40px;max-width:1264px;margin:0 auto;padding:72px 48px 56px;display:flex}.hero-text{flex-direction:column;flex:520px;gap:24px;min-width:0;display:flex}.eyebrow{font-family:var(--mono);color:var(--orange);letter-spacing:.04em;font-size:14px}.hero h1{letter-spacing:-.02em;font-size:52px;font-weight:600;line-height:1.08}.hero .lead{font-size:20px}.hero-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;flex:420px;gap:16px;min-width:0;padding:24px;display:flex}.hero-card dl{font-family:var(--mono);grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14px;display:grid}.hero-card dt{color:var(--muted)}.hero-card dd{margin:0}.section{flex-direction:column;gap:24px;max-width:1264px;margin:0 auto;padding:24px 48px 56px;display:flex}.section h2{font-size:28px;font-weight:600}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:12px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--teal);color:var(--ink);text-decoration:none}.tool-card strong{font-size:20px}.tool-card .tags{font-family:var(--mono);color:var(--teal-dark);font-size:13px}.trust{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-inner{flex-direction:column;gap:28px;max-width:1264px;margin:0 auto;padding:56px 48px;display:flex}.trust h2{font-size:28px;font-weight:600}.trust-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.trust-cols strong{margin-bottom:8px;font-size:18px;display:block}.trust-cols span{color:var(--muted)}.site-footer{max-width:1264px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px 40px;margin:0 auto;padding:32px 48px 56px;font-size:14px;display:flex}.site-footer nav{gap:20px;display:flex}@media (width<=900px){.site-header{padding:14px 20px}.page,.section,.site-footer{padding-left:20px;padding-right:20px}.hero{padding:40px 20px 32px}.hero h1{font-size:36px}.tools-grid,.trust-cols,.grid3{grid-template-columns:1fr}.trust-inner{padding:40px 20px}.page h1{font-size:30px}.grid5,.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}}.field:has(input.sr-only:focus-visible)>label.btn{outline-offset:2px;outline:3px solid #2f55d4}label.btn{cursor:pointer;align-self:flex-start}.pv-grid{stroke:#d5ddd9;stroke-width:1px}.pv-poly{fill:#2f55d41a;stroke:#2f55d4;stroke-width:2px}.pv-line{fill:none;stroke:#c0392b;stroke-width:2px}.pv-pt{fill:#10262b}.pv-lbl{font-family:var(--sans);fill:#10262b;font-size:13px}.pv-area{font-family:var(--mono);fill:#2f55d4;font-size:14px}