:root{--tool-blue:#1e90ff;--tool-dark:#0f172a;--tool-text:#334155;--tool-muted:#64748b;--tool-border:#dbe7f3;--tool-soft:#f5faff;--tool-green:#16a34a;--tool-amber:#d97706;--tool-red:#dc2626}
body{color:var(--tool-text);background:#fff}.tools-hero{padding:78px 20px 112px;color:#fff;text-align:center;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.2),transparent 26%),linear-gradient(135deg,#0ea5e9,#1e90ff 52%,#2563eb)}.tools-hero h1{max-width:900px;margin:18px auto 14px;font-size:clamp(2.1rem,5vw,3.65rem);font-weight:800;letter-spacing:-.025em}.tools-hero>div>p{max-width:780px;margin:auto;color:rgba(255,255,255,.92);font-size:1.1rem;line-height:1.75}.tools-back{display:inline-block;color:#fff;opacity:.9;margin-bottom:18px}.tools-back:hover{color:#fff;opacity:1}.tools-kicker{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.tools-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:27px;font-size:.92rem}.tools-trust i{margin-right:5px}.tool-workspace-section{padding:0 20px 70px;background:linear-gradient(#eef7ff,#fff 270px)}.tool-shell{max-width:1120px;margin:-62px auto 0;background:#fff;border:1px solid rgba(219,231,243,.9);border-radius:22px;box-shadow:0 22px 55px rgba(15,23,42,.12);padding:28px;position:relative}.tool-embed{background:#fff}.tool-embed .tool-workspace-section{padding:12px;background:#fff}.tool-embed .tool-shell{margin:0;max-width:none;box-shadow:none;border:0;padding:12px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool-panel{border:1px solid var(--tool-border);border-radius:16px;padding:22px;background:#fff}.tool-panel.soft{background:var(--tool-soft)}.tool-panel h2,.tool-info-section h2{color:var(--tool-dark);font-size:1.3rem;font-weight:750;margin-bottom:18px}.form-label{font-weight:650;color:var(--tool-dark)}.form-text{color:var(--tool-muted)}.form-control,.form-select{border-color:#cbdbea;padding:.7rem .8rem}.form-control:focus,.form-select:focus{border-color:var(--tool-blue);box-shadow:0 0 0 .22rem rgba(30,144,255,.12)}.btn-primary{background:var(--tool-blue);border-color:var(--tool-blue)}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.result-empty{min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--tool-muted)}.result-empty i{display:block;font-size:2.5rem;color:#bad4ee;margin-bottom:12px}.score-ring{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:conic-gradient(var(--tool-green) var(--score,0%),#e7eef6 0)}.score-ring::before{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:#fff}.score-ring span{z-index:1;font-size:1.4rem;font-weight:800;color:var(--tool-dark)}.issue-list{list-style:none;padding:0;margin:18px 0}.issue-list li{padding:10px 12px;margin-bottom:8px;border-radius:9px;background:#f8fafc;border-left:4px solid #94a3b8}.issue-list li.error{border-color:var(--tool-red);background:#fff5f5}.issue-list li.warning{border-color:var(--tool-amber);background:#fffaf0}.issue-list li.success{border-color:var(--tool-green);background:#f2fff6}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{padding:16px;border:1px solid var(--tool-border);border-radius:12px;background:#fff}.metric small{display:block;color:var(--tool-muted)}.metric strong{display:block;color:var(--tool-dark);font-size:1.35rem;margin-top:4px}.code-output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;background:#f8fafc}.wa-preview{max-width:390px;margin:auto;padding:24px 15px;background:#efeae2;border-radius:15px;min-height:270px}.wa-bubble{background:#d9fdd3;border-radius:8px;padding:10px 11px;box-shadow:0 1px 1px rgba(0,0,0,.12);white-space:pre-wrap;overflow-wrap:anywhere}.wa-time{float:right;font-size:.68rem;color:#667781;margin:8px 0 0 12px}.tool-info-section{padding:70px 20px}.tool-info-section p,.tool-info-section li{line-height:1.75}.privacy-note{display:flex;gap:14px;padding:18px;margin-top:25px;background:#effaf3;border:1px solid #ccebd5;border-radius:13px}.privacy-note i{font-size:1.5rem;color:var(--tool-green)}.link-card{height:100%;padding:25px;border:1px solid var(--tool-border);border-radius:16px;background:var(--tool-soft)}.link-card>i{font-size:1.8rem;color:var(--tool-blue)}.link-card h2{margin-top:12px}.related-tools-section{padding:55px 20px;background:#f8fafc}.related-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.related-links a{padding:9px 14px;border:1px solid var(--tool-border);border-radius:999px;background:#fff}.tools-cta{padding:65px 20px;color:#fff;background:linear-gradient(135deg,#0284c7,#2563eb)}.tools-cta h2{font-weight:800}.tools-home-card{height:100%;display:block;padding:25px;border:1px solid var(--tool-border);border-radius:17px;background:#fff;transition:.2s;color:var(--tool-text)}.tools-home-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(15,23,42,.1);border-color:#9cccf7}.tools-home-card i{font-size:2rem;color:var(--tool-blue)}.tools-home-card h2{font-size:1.2rem;color:var(--tool-dark);margin:15px 0 8px}.tools-home-card p{color:var(--tool-muted);margin:0}.qr-output canvas,.qr-output img{max-width:100%;height:auto;margin:auto}.color-swatch{width:44px;height:44px;padding:3px}.inline-checks{display:flex;gap:18px;flex-wrap:wrap}.table-tool{font-size:.9rem}.badge-soft{background:#eaf5ff;color:#0f6fd6;padding:6px 9px;border-radius:999px}.toast{background:#0f172a;color:#fff}.hidden{display:none!important}@media(max-width:767px){.tool-grid{grid-template-columns:1fr}.tool-shell{padding:17px;border-radius:16px}.tools-hero{padding-top:58px}.metric-grid{grid-template-columns:1fr}.tool-workspace-section{padding-left:10px;padding-right:10px}.tools-trust{gap:10px 16px}}