/* adrails.dev free tools: shared form + result styles (uses the site's CSS variables). Lane A, 2026-11-06. */
.tool{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);padding:28px 30px;margin-top:8px}
.tool .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 20px}
.tool label{display:block;font:500 13px var(--mono);letter-spacing:.04em;color:var(--muted);margin-bottom:6px}
.tool input,.tool select,.tool textarea{width:100%;box-sizing:border-box;background:#0f0f12;border:1px solid var(--line);border-radius:10px;
  color:#fff;font:400 15px var(--mono);padding:11px 12px;outline:none;transition:border-color .15s}
.tool textarea{min-height:170px;resize:vertical;line-height:1.45}
.tool input:focus,.tool select:focus,.tool textarea:focus{border-color:var(--btc)}
.tool .hint{font-size:13px;color:var(--dim);margin-top:6px}
.tool .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.tool button{cursor:pointer;border:0}
.results{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.metric{border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:16px 18px}
.metric .k{font:500 12px var(--mono);letter-spacing:.08em;color:var(--dim);text-transform:uppercase}
.metric .v{font:600 26px var(--display);color:#fff;margin-top:6px;letter-spacing:-.01em}
.metric .s{font-size:13px;color:var(--muted);margin-top:4px}
.verdict{margin-top:18px;border-radius:14px;padding:16px 18px;font-size:15.5px;border:1px solid rgba(255,181,71,.28);background:rgba(255,181,71,.06);color:#EFE9DE}
.verdict.good{border-color:rgba(61,220,151,.3);background:rgba(61,220,151,.06)}
.verdict.bad{border-color:rgba(255,122,107,.32);background:rgba(255,122,107,.07)}
.rows{width:100%;border-collapse:collapse;margin-top:18px;font-size:14.5px}
.rows th,.rows td{text-align:left;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06)}
.rows th{font:500 12px var(--mono);letter-spacing:.06em;color:var(--dim);text-transform:uppercase}
.ok-dot,.no-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:1px}
.ok-dot{background:var(--ok)}.no-dot{background:#FF7A6B}
.qr-sheet svg{background:#fff;border-radius:6px}
.privacy{font-size:13px;color:var(--dim);margin-top:14px}
@media (max-width:700px){.tool{padding:20px}.metric .v{font-size:22px}}
/* long URLs/codes must wrap inside cells and cards, never overflow into neighbours (visual QA 2026-11-06) */
.tool td,.tool .metric,.tool .metric .s,.tool figcaption,.tool .results *{overflow-wrap:anywhere;word-break:break-word;min-width:0}
.tool .results>*{min-width:0}
.tool .rows{table-layout:fixed}