.container[data-v-1b3fecf4]{padding:20px}.wave-container[data-v-1b3fecf4]{min-width:220px;max-width:100%;margin-bottom:20px}.result-box[data-v-1b3fecf4]{min-width:200px;max-width:100%;border:1px solid #ccc;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px;margin-bottom:20px}.result-box-header[data-v-1b3fecf4]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0 5px;box-sizing:border-box;margin-bottom:8px}.button-group[data-v-1b3fecf4]{display:flex;gap:15px;align-items:center;justify-content:center;margin-bottom:30px}.result-list[data-v-1b3fecf4]{min-height:300px;max-height:450px;overflow-y:auto}.bubble[data-v-1b3fecf4]{padding:10px;font-size:14px}.bubble[data-v-1b3fecf4],.connection-status[data-v-1b3fecf4]{background-color:#f0f0f0;border-radius:5px;margin-bottom:10px}.connection-status[data-v-1b3fecf4]{display:flex;align-items:center;gap:10px;padding:5px 10px}.status-label[data-v-1b3fecf4]{font-weight:700;color:#555}.status-value[data-v-1b3fecf4]{font-weight:700;padding:3px 8px;border-radius:5px}.status-value.connected[data-v-1b3fecf4]{background-color:#e1f3d8;color:#67c23a}.status-value.disconnected[data-v-1b3fecf4]{background-color:#fde2e2;color:#f56c6c}.reconnect-btn[data-v-1b3fecf4]{margin-left:10px}