.tool-runner{display:grid;gap:1rem;width:min(100%,40rem);margin-inline:auto;padding-block:2rem 3rem}.tool-actions{display:flex;flex-wrap:wrap;gap:.75rem}.tool-actions .site-button{min-height:2.75rem}.tool-field{display:grid;gap:.35rem;font-size:.95rem}.tool-field input{min-height:2.75rem;width:100%;border:1px solid color-mix(in srgb,var(--color-text) 16%,transparent);border-radius:var(--button-radius,.5rem);background:var(--color-surface,transparent);color:inherit;padding:.5rem .75rem;font:inherit}.tool-preview{width:min(100%,16rem);height:auto;background:white;border-radius:.5rem}.tool-panel{display:grid;gap:.75rem;padding:1rem;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:var(--button-radius,.5rem);background:var(--color-surface,transparent)}.tool-panel-error{border-color:#fecaca}.tool-kicker{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.tool-result{margin:0;overflow-wrap:anywhere;font-size:1.05rem}@media (max-width:640px){.tool-actions .site-button{width:100%}}