:root { --w: 860px; }
* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #fff; color: #111; }
.wrap { max-width: var(--w); margin: 28px auto; padding: 0 16px; }
h1 { margin: 0 0 14px; font-size: 44px; font-weight: 700; }
.panel { border: 1px solid #ddd; padding: 14px; }
.status { font-size: 13px; color: #333; margin-bottom: 10px; }
.chat { border: 1px solid #ddd; min-height: 420px; padding: 12px; white-space: pre-wrap; overflow: auto; }
.line { margin: 0 0 10px; }
.you { font-weight: 700; }
.larry { font-weight: 700; }
.form { display: flex; gap: 8px; margin-top: 10px; }
.msg { flex: 1; padding: 10px; border: 1px solid #aaa; }
.send { padding: 10px 14px; border: 1px solid #333; background: #f3f3f3; cursor: pointer; }
.send:disabled { opacity: 0.6; cursor: not-allowed; }
.details { margin-top: 10px; }
.row { display: flex; gap: 8px; align-items: center; margin-top: 8px; }
.row label { width: 110px; font-size: 13px; }
.endpoint { flex: 1; padding: 8px; border: 1px solid #aaa; }
.hint { font-size: 12px; color: #555; margin-top: 6px; }