.tool {
    max-width: 480px;
    margin: var(--space-5) auto;
    text-align: center;
}

.tool h1 { margin-bottom: var(--space-3); font-size: 1.75rem; }
.tool p { color: var(--color-muted); margin-bottom: var(--space-3); }

.tool__form { display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: center; }

.tool input {
    flex: 1 1 240px;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: #fff;
    color: #000;
    font: inherit;
}

.tool button {
    padding: var(--space-2) var(--space-4);
    border: 0;
    border-radius: var(--radius-sm);
    background: var(--color-accent);
    color: #000;
    font-weight: 600;
}

.tool__error { margin-top: var(--space-3); color: #ff9aa8; }
.tool__result { margin-top: var(--space-4); }
.tool__result img { margin: 0 auto var(--space-2); max-width: 200px; border-radius: var(--radius); }
.tool__result a { overflow-wrap: anywhere; color: var(--color-accent); }
.tool__back { display: inline-block; margin-top: var(--space-4); }