.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:16px 0 24px;padding:18px 20px;box-shadow:0 1px 2px #1018140a}.page .tool-card h2{margin:0 0 10px;font-size:1.1rem}.tool-card label{font-weight:600}.tool-row{flex-wrap:wrap;align-items:end;gap:10px;margin-top:6px;display:flex}.tool-row input[type=text]{flex:260px;min-width:0;padding:9px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.05rem}.tool-row .field{flex-direction:column;gap:4px;font-size:.875rem;display:flex}.tool-result:empty{display:none}.tool-result{margin-top:14px}.verdict{border-radius:999px;margin:0 0 8px;padding:4px 12px;font-weight:700;display:inline-block}.verdict.ok{background:var(--accent-soft);color:var(--accent-strong)}.verdict.bad{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.problems{color:var(--danger);margin:4px 0 8px}.details{grid-template-columns:max-content 1fr;gap:4px 16px;margin:8px 0;display:grid}.details dt{color:var(--muted)}.details dd{overflow-wrap:anywhere;margin:0;font-weight:600}.tool-note{color:var(--muted);margin:6px 0 0}.gen-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.gen-list li{background:var(--bg);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:6px 6px 6px 12px;display:flex}.gen-list code{font-size:1rem}.small-btn{padding:4px 10px;font-size:.8125rem}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:16px 0;display:grid}.tool-grid a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:14px 16px;text-decoration:none;display:block}.tool-grid a:hover{border-color:var(--accent)}.tool-grid strong{color:var(--accent-strong);display:block}.tool-grid span{color:var(--muted);font-size:.9rem}.cta-card{background:var(--accent-soft);border-radius:var(--radius);margin-top:32px;padding:18px 20px}.cta-card p{margin:0 0 10px}@media (max-width:640px){.details{grid-template-columns:1fr}.details dd{margin-bottom:6px}}