/* Araç sayfaları */
.tool{border:1px solid var(--line);border-radius:22px;background:#fff;padding:26px;box-shadow:var(--sh-1)}
.tool-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.ip-big{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:22px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#C7D5F0;margin-bottom:18px}
.ip-big span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;width:100%}
.ip-big code{font-size:clamp(1.3rem,1rem + 1.6vw,2.1rem);color:#fff;font-weight:800;word-break:break-all;flex:1;min-width:0}
.kv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kv{border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;background:var(--bg-alt);min-width:0}
.kv span{display:block;font-size:.76rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.kv b{display:block;color:var(--ink);font-size:.95rem;word-break:break-word;margin-top:2px}
.tool-src{font-size:.82rem;color:var(--muted);margin:14px 0 0}
.tool-err{margin-top:12px;padding:12px 14px;border-radius:12px;background:#FEF2F2;color:#991B1B;font-size:.9rem}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld span{font-size:.82rem;font-weight:700;color:var(--ink)}
.fld input,.fld select{height:46px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:.95rem;color:var(--ink);background:#fff;min-width:0;width:100%}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.fld input[aria-invalid="true"]{border-color:#DC2626}
.form-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}
.pc-out{margin-top:20px;display:grid;gap:14px}
.pc-list{list-style:none;display:grid;gap:8px}
.pc-list li{display:flex;gap:10px;align-items:flex-start;font-size:.93rem}
.pc-list svg{width:18px;height:18px;flex:none;margin-top:2px}
.pc-list .ok svg{color:var(--ok)}
.pc-list .bad svg{color:#DC2626}
.pc-list .warn svg{color:var(--warn)}
.sn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.sn-bits{margin-top:14px;font-family:var(--mono);font-size:.82rem;background:var(--bg-alt);border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;overflow-x:auto;white-space:nowrap}
.sn-bits b{color:var(--brand)}
.fp-table td,.fp-table th{white-space:nowrap}
.fp-table code{font-size:.85rem}
.fp-proto{font-size:.74rem;font-weight:700;background:var(--ice);color:var(--brand-ink);padding:2px 8px;border-radius:6px}
.fp-copy{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 10px;font-size:.78rem;font-weight:700;color:var(--ink)}
.fp-copy.ok{border-color:var(--ok);color:#047857}
.fp-time{color:var(--muted)}
.filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:900px){.kv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.sn-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.kv-grid{grid-template-columns:minmax(0,1fr)}.tool{padding:18px}}