body { font-family: system-ui, -apple-system, Segoe UI, sans-serif; margin: 0; background: #fafafa; }
.wrap { max-width: 900px; margin: 24px auto; padding: 0 16px; }
h1 { font-size: 20px; margin: 0 0 12px; }
.panel { background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 14px; }
.row { display: grid; grid-template-columns: 90px 1fr; gap: 10px; margin: 8px 0; align-items: center; }
input, textarea { width: 90%; padding: 10px; border: 1px solid #ccc; border-radius: 8px; font: inherit; }
button { padding: 10px 12px; border-radius: 8px; border: 1px solid #333; background: #111; color: #fff; cursor: pointer; }
button:disabled { opacity: 0.5; cursor: not-allowed; }
.status { margin-top: 8px; font-size: 13px; color: #333; }
.hint { margin-top: 8px; font-size: 12px; color: #666; }
.chat { margin-top: 14px; }
.hidden { display: none; }
.log { background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 10px; height: 55vh; overflow: auto; }
.msg { padding: 6px 8px; border-bottom: 1px solid #eee; }
.meta { font-size: 12px; color: #666; margin-bottom: 2px; }
.text { white-space: pre-wrap; word-break: break-word; }
.send { display: grid; grid-template-columns: 1fr 120px; gap: 10px; margin-top: 10px; }