body { font-family: sans-serif; line-height: 1.6; padding: 20px; }
.controls { margin-bottom: 20px; display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; max-width: 500px; }
.controls label { text-align: right; }
.controls button { grid-column: 1 / -1; padding: 10px; cursor: pointer; }
#loading { margin-top: 15px; font-style: italic; color: #555; }
#suggestions-list { list-style: none; padding: 0; margin-top: 10px; }
#suggestions-list li { padding: 5px 0; border-bottom: 1px solid #eee; }
.error-message { color: #D8000C; background-color: #FFD2D2; border: 1px solid #D8000C; padding: 10px; margin-top: 15px; border-radius: 3px;}
.warning { color: #9F6000; background-color: #FEEFB3; border: 1px solid #9F6000; padding: 10px; margin-bottom: 20px; border-radius: 3px;}