*{box-sizing:border-box}body{color:#e5e7eb;background-color:#000;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}.container{flex-direction:column;width:100%;height:100vh;display:flex}.header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1rem;display:flex}.transport-selector{align-items:center;gap:.5rem;display:flex}.transport-selector label{font-weight:500}#transport-select{color:#e5e7eb;cursor:pointer;background-color:#1f2937;border:1px solid #374151;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem}#transport-select:focus{border-color:#10b981;outline:none}.controls{align-items:center;gap:.5rem;display:flex}.control-btn,.connect-btn{cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.control-btn{color:#e5e7eb;background-color:#1f2937;border:1px solid #374151}.control-btn:hover:not(:disabled){background-color:#374151}.control-btn:disabled{opacity:.5;cursor:not-allowed}.connect-btn{color:#000;background-color:#10b981}.connect-btn:hover{background-color:#059669}.connect-btn.disconnect{color:#fff;background-color:#ef4444}.connect-btn.disconnect:hover{background-color:#dc2626}.conversation-panel{flex-direction:column;flex:1;padding:1rem;display:flex;overflow:hidden}.conversation-panel h3{margin:0 0 1rem;font-size:1rem;font-weight:600}#conversation-log{background-color:#111;border:1px solid #333;border-radius:.5rem;flex:1;padding:1rem;font-size:.875rem;line-height:1.5;overflow-y:auto}.conversation-message{border-radius:.25rem;margin-bottom:.75rem;padding:.5rem}.conversation-message.user{color:#e0e7ff;background-color:#1e40af}.conversation-message.bot{color:#d1fae5;background-color:#065f46}.conversation-message .role{margin-bottom:.25rem;font-weight:600}.conversation-message.placeholder{color:#6b7280;background-color:#0000;font-style:italic}.events-panel{border-top:1px solid #333;height:256px;padding:0 1rem 1rem}.events-panel h3{margin:1rem 0;font-size:1rem;font-weight:600}#events-log{background-color:#111;border:1px solid #333;border-radius:.5rem;height:calc(100% - 3rem);padding:.75rem;font-family:Courier New,monospace;font-size:.75rem;line-height:1.4;overflow-y:auto}.event-entry{gap:.5rem;margin-bottom:.5rem;display:flex}.event-entry .timestamp{color:#6b7280;flex-shrink:0}.event-entry .event-name{color:#10b981;flex-shrink:0;font-weight:600}.event-entry .event-data{color:#9ca3af}#conversation-log::-webkit-scrollbar{width:8px}#events-log::-webkit-scrollbar{width:8px}#conversation-log::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}#events-log::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}#conversation-log::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}#events-log::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}#conversation-log::-webkit-scrollbar-thumb:hover{background:#4b5563}#events-log::-webkit-scrollbar-thumb:hover{background:#4b5563}