body { font-family: sans-serif; max-width: 600px; margin: 2rem auto; padding: 0 1rem; }
.form-group { margin-bottom: 1rem; }
label { display: block; margin-bottom: .5rem; }
input[type="text"], textarea { width: 100%; padding: .5rem; box-sizing: border-box; }
button { padding: .5rem 1rem; cursor: pointer; background-color: #007bff; color: white; border: none; border-radius: 4px; }
button:hover { background-color: #0056b3; }
.result { margin-top: 1rem; padding: 1rem; background: #e6ffe6; border: 1px solid green; word-break: break-all; display: flex; flex-direction: column; gap: 0.5rem; }
.result.error-mode { background-color: #ffe6e6; border-color: red; color: red; }
.result button { align-self: flex-start; background-color: #6c757d; width: auto; }
.result button:hover { background-color: #5a6268; }