:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #151719; color: #eee; }
body { max-width: 1100px; margin: 2rem auto; padding: 0 1rem; }
h1 { font-size: 1.7rem; }
h2 { margin-top: 0; font-size: 1.2rem; }
main { display: grid; grid-template-columns: minmax(230px, 1fr) 2fr; gap: 2rem; }
form { display: grid; gap: .7rem; }
input, select, button { font: inherit; padding: .65rem; min-width: 0; }
button { cursor: pointer; }
#status, #connection { color: #b9c2cb; }
#log { padding: 0; list-style: none; max-height: 70vh; overflow-y: auto; }
#log li { border-bottom: 1px solid #383b40; padding: .6rem 0; overflow-wrap: anywhere; font-family: monospace; }
@media (max-width: 650px) { main { grid-template-columns: 1fr; } }