.avg-tool{--avg-ink:#14243b;--avg-muted:#5a6c80;--avg-accent:#0369a1;--avg-line:#dce6ee;color:var(--avg-ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1160px;margin:0 auto;padding:24px 0}.avg-tool *{box-sizing:border-box}.avg-tool .avg-hero{text-align:center;padding:20px 12px 40px}.avg-tool .avg-badge{display:inline-block;padding:6px 14px;border:1px solid #bae6fd;border-radius:30px;background:#f0f9ff;color:var(--avg-accent);font-size:11px;font-weight:750;letter-spacing:1.5px}.avg-tool h2{font-size:clamp(30px,4.5vw,52px);line-height:1.14;letter-spacing:-1.7px;margin:20px 0;color:var(--avg-ink);font-weight:800}.avg-tool h2 span{color:var(--avg-accent)}.avg-tool .avg-hero p{max-width:650px;margin:auto;color:var(--avg-muted)}.avg-tool .avg-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.avg-tool .avg-card{background:#fff;border:1px solid var(--avg-line);border-radius:18px;padding:28px;box-shadow:0 8px 30px #14243b06}.avg-tool h3{font-size:21px;margin:0 0 18px;color:var(--avg-ink);font-weight:750}.avg-tool h4{font-size:16px;color:var(--avg-ink);margin:0 0 8px}.avg-tool label{display:block;font-size:14px;font-weight:650;margin:16px 0 8px}.avg-tool textarea,.avg-tool input{display:block;width:100%;border:1px solid #bdccd9;border-radius:10px;padding:13px;background:#f8fafc;color:var(--avg-ink);font:16px/1.6 ui-monospace,monospace}.avg-tool textarea{resize:vertical;min-height:130px}.avg-tool :focus-visible{outline:3px solid #38bdf8;outline-offset:3px}.avg-tool .avg-hint,.avg-tool .avg-muted{color:var(--avg-muted);font-size:12px}.avg-tool .avg-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.avg-tool button{border:1px solid transparent;border-radius:9px;padding:11px 16px;background:var(--avg-accent);color:white;font:600 14px/1.4 system-ui;cursor:pointer}.avg-tool button:hover{filter:brightness(.92)}.avg-tool button.avg-secondary{background:#f1f5f9;border-color:var(--avg-line);color:var(--avg-ink)}.avg-tool button:disabled{opacity:.5;cursor:default}.avg-tool .avg-error{color:#b91c1c;font-size:14px;margin-bottom:0}.avg-tool .avg-result-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.avg-tool .avg-result-header h3{margin:0}.avg-tool [data-status]{color:var(--avg-muted);font-size:14px;margin:14px 0}.avg-tool .avg-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.avg-tool .avg-stat{padding:13px;background:#f8fafc;border:1px solid var(--avg-line);border-radius:10px;overflow-wrap:anywhere}.avg-tool .avg-stat:first-child{grid-column:1/-1;background:#f0f9ff;border-color:#bae6fd}.avg-tool .avg-stat span{display:block;color:var(--avg-muted);font-size:12px}.avg-tool .avg-stat strong{font-size:20px;font-weight:750;font-variant-numeric:tabular-nums}.avg-tool details{border-top:1px solid var(--avg-line);padding:14px 0}.avg-tool summary{cursor:pointer;font-weight:650}.avg-tool details p{font-size:14px;margin:10px 0;overflow-wrap:anywhere}.avg-tool .avg-explanation,.avg-tool .avg-faq{margin-top:24px}.avg-tool .avg-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.avg-tool .avg-guide-grid p{font-size:14px;color:var(--avg-muted);margin:0}.avg-tool .avg-bars{height:90px;display:flex;align-items:center;gap:3px;border-bottom:1px solid var(--avg-line);margin:16px 0}.avg-tool .avg-bar{flex:1;background:#38bdf8;min-height:3px;border-radius:3px;max-width:30px}.avg-tool .avg-bar.avg-outlier{background:#f59e0b}.avg-tool .avg-note{font-size:12px;color:var(--avg-muted)}@media(max-width:760px){.avg-tool .avg-layout,.avg-tool .avg-guide-grid{grid-template-columns:1fr}.avg-tool .avg-card{padding:20px}.avg-tool{padding:12px 0}.avg-tool h2{letter-spacing:-1px}.avg-tool .avg-hero{padding-bottom:28px}}@media(prefers-reduced-motion:reduce){.avg-tool *{scroll-behavior:auto}}@media print{.avg-tool .avg-input,.avg-tool button{display:none}.avg-tool .avg-layout{display:block}.avg-tool .avg-card{box-shadow:none}}
.avg-tool .avg-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.avg-tool .avg-directory h3{font-size:18px;line-height:1.3}.avg-tool .avg-directory p{font-size:14px;color:var(--avg-muted)}.avg-tool .avg-directory a{font-weight:700;color:var(--avg-accent)}@media(max-width:1000px){.avg-tool .avg-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.avg-tool .avg-directory{grid-template-columns:1fr}}
